摘要:
仅限于-webkit的样式特效;-webkit-overflow-scrolling:touch;滚动时回弹效果;如果出现偶尔卡住不动的情况,那么在使用该属性的元素上不设置定位或者手动设置定位为static;如果添加动态内容页面不能滚动,让子元素height+1;方法就是在webkit-overfl 阅读全文
摘要:
1.使用router-link 不会让页面刷新,使用a标签会使页面刷新。2.router-link 里面的to="/路由地址" tag=""自定义标签" 默认为a标签,linkActiveClass 可以更改默认类名。3.在 HTML5 history 模式下,router-link 会拦截点击事件 阅读全文
摘要:
css 弹性布局: 盒子模型: box-sizing属性1.content-box 正常的普通的盒子模型用padding和border会使盒子变大;(向外扩张)2.border-box 盒子模型,padding和border盒子模型不变大;(向内扩张)calc(计算公式)+ - * /基本用的四种一 阅读全文
摘要:
如下版权信息的样式在遇到input框的时候会跟随输入框其后 优雅的解决方式:(定位遇上键盘飘窗解决) 阅读全文
摘要:
通常就分为这三大类:* 选定所有对象。通配选择符(Universal Selector)通常不建议使用通配选择符,因为它会遍历并命中文档中所有的元素,出于性能考虑,需酌情使用一、标签选择器,以开始标签作为选择器使用。二、id选择器以唯一标识符id属性识别(表示#name)#name{ font-si 阅读全文
摘要:
1.static:对象遵循常规流。此时4个定位偏移属性不会被应用。 2.relative:对象遵循常规流,并且参照自身在常规流中的位置通过top,right,bottom,left这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。 3.absolute:对象脱离常规流,此时偏移属性参照的是离自 阅读全文
摘要:
消除未使用的CSS:安装PurifyCSS-webpack插件 cnpm i purifycss-webpack purify-css -D const glob = require('glob'); const PurifyCSSPlugin = require("purifycss-webpack"); plugins:[ new extractTextPlugin("css/ind... 阅读全文
摘要:
一、css文件打包到js中(loader的三种写法) 二、压缩JS代码(虽然uglifyjs是插件,但是webpack版本里默认集成,不需要再次安装。) "scripts": { "server":"webpack-dev-server" } 配置好保存后,在终端里输入 npm run server 阅读全文
摘要:
在对象上添加新属性的几种方法: 直接附代码: 法一:Es6扩展运算符添加属性 法二:利用语法Object.assign(target, ...sources) target目标对象、sources源对象、返回值目标对象。 如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。后来的源的属性将类 阅读全文
摘要:
这是vuex的语法结构内容 简单的理解vuex: new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods: { incre 阅读全文