geol4

摘要： 在webpack.config.js中的图片处理规则配置如下： { test: /\.(png|jpg|gif|svg|jpeg)$/, loader: "url-loader", options: { //小于10K的转成base64编码 limit: 10240, name: "picture/ 阅读全文

摘要： class：类，可以看作是对象的模版，用一个类可以创建许多不同的对象 定义class 类名一般首字母大写 class Person {} √ class Person() {} × class Person {}; 一般不在结尾加分号 添加构造方法，实例化对象时自动执行，必须有构造方法 <scrip 阅读全文

摘要： 字符串在ES6新增的方法 includes()，判断字符串中，是否包含指定的字符串，第一个参数表示指定的字符串，第二个参数表示从什么位置开始（默认为0） const str = "hello world !!!"; console.log(str.includes("h"));//true cons 阅读全文

摘要： ES6，是ECMAScript 6的简写，ECMA：欧洲计算机制造商协会，是一个标准化的组织 ECMAScript是由这个组织制定的一个语言标准（JS标准），兼容性很好 HTML和CSS的语言标准是由W3C制定的 ES6与JavaScript的关系：JavaScript（浏览器端）= ECMAScr 阅读全文

摘要： 性能：页面的响应速度 打开页面到实际能够使用的时间，加载快不快（1.网络请求的时间 2.页面加载和渲染的时间） 与页面进行交互的流程程度，操作卡不卡（JavaScript脚本的执行速度） 更快的首屏内容 更快地加载页面的首屏内容（不需要滚动就能看到的内容），优先考虑 性能优化点 网络请求过程中的优化 阅读全文

该文被密码保护。 阅读全文

摘要： 1、移动端事件包括：Touch（触摸事件）、Pointer（指针事件） 2、Touch事件的类型 touchstart（手指按到屏幕，PC端无效） touchmove（手指在屏幕上移动，移出div后同样生效） touchend（手指抬起，离开屏幕） touchcancel（手指在屏幕上的时候，发生了 阅读全文

摘要： Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 C 阅读全文

摘要： Grid网格布局：将网页划分为一个个的网格，任意组合网格，做出各种各样的布局 Grid容器（container）和项目（item） 采用网格布局的区域称为容器（container），Grid容器的所有直接子元素自动成为容器的成员。称为Grid项目（item）Tip：单元格（cell）和项目（item 阅读全文

摘要： 响应式布局：一个网站兼容多种终端，对不同尺寸的屏幕做出响应（媒体查询），并进行相应的布局 媒体查询（Media querys）：简称媒询，针对不同大小的屏幕写样式 @media 媒体查询生效条件{ 生效后执行的css代码; } /* 屏幕设备(用于电脑屏幕，平板电脑，智能手机等), 并且最小宽度32 阅读全文