弹性布局 弹性布局，是一种布局方式主要解决某个元素中子元素的布局方式它为布局提供了强大的灵活性 概念和语法 基本设置 display: flex; // 将块级元素设置为容器 display: inline-flex /…

不论是内联还是外链js都会阻塞后续dom的解析和渲染 如果把JavaScript放在页面顶部，下载和解析JavaScript的时间里面，dom迟迟得不到解析和渲染，浏览器一直处于白屏，所以把JavaScript文件放在页…

我们知道，css文件引入方式有两种： 1. HTML中使用link标签 <link rel="stylesheet" href="style.css" /> CSS中@import @import "styl…

完美解决safari、微信浏览器下拉回弹效果，只保留局部回弹效果。 CSS代码 .box{ overflow: auto; -webkit-overflow-scrolling: touch; } HTML代码 <…

**昨天后台小哥哥提到placehold无法显示问题，我这边总结一下，顺便写个小文章分享给大家。。** ============================================== 一、解决ie9以下in…

学习计划 HTML5 认识HTML5语义化的意义。 熟悉HTML5新特性 了解如何快速的加载HTML页面，以及完善用户体验如：阅读模式、无障碍设置， 了解Canvas、Svg CSS3 熟悉css3新特性，如：trans…

谷歌浏览器、在记住密码后，会给用户密码输入框渲染上一个背景色，在有些时候这个浏览器自动使用的渲染背景色会影响页面的UI界面 下面是css方法处理解决。 input:-webkit-autofill , textarea:…

css 的 mix-blend-mode 属性 例1： mix-blend-mode:screen 滤色 <div> <div class="bg"></div> <video …

Css文本超出3行自动隐藏显示省略号 核心样式 less 样式 引用方式 核心样式 display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertic…

和FlexBox弹性盒子计算规则相关的属性有： margin flex-basis flex-grow flex-shrink margin Flex容器每一行的宽度 = 每个子容器的宽度 + 子容器margin-lef…

Vue特点及优点 小巧，压缩后体积17KB； 渐进式，不需要一口吃成大胖子，一上来就用所有的东西，可以一步一步、有阶段的先吃成小胖子； 数据驱动，双向数据绑定，MVVM模式，详见下一段 指令，例如v-if/v-show等…

随着async /await的出现，我最近发现自己在我的代码中使用了更多try /catch /finally。但老实说，我终于用“finally”做了一点练习。当我去实际使用它时，我有点不确定它的细节。所以我把几个例子…