前言 原创之处并不优秀,优秀之处并非原创.良好 JavaScript 基础是前端工程师的赖以生存的基石,有了扎实的 js 基础才能走得更远.目前我的学习资料有:JavaScript 高级程序设计,阮一峰的 js 教程,你不知道的 JavaS

CSS布局常见的布局 demo预览链接 浮动布局，flex 布局，flex 和负 margin 布局定宽或者使用 calc 不定宽等方式基本能实现大多数的布局，在搭配绝对定位等可以实现几乎所有布局 常见居中方式css-tricks总结了

CSS动画css 动画一般分为三种1、transition 补间动画2、keyframe 关键帧动画3、animation 逐帧动画 补间动画1、位置-平移（left/right/margin/transform）2、方位-旋转（tra

CSSBFC满足某种条件的元素会触发 BFC(块级格式化上下文),见 MDN功能举例:用 BFC 包住浮动元素:例如: overflow:hidden 清除浮动.用 BFC 取消父子 margin 合并例如: overflow:hidden

CSS文档流什么是文档流内联元素从左到右排列 块级元素从上到下排列 div 的高度是由其内部文档流元素的总和决定的 脱离文档流浮动- float:left; position: absolute; position: fixed; 如何

如何理解 HTML 的语义化最早的时候是没有前端程序员的,一些后端程序员写 html,但是他们中的一些人对 css 不太了解,就用 table 布局,但是,table 是用来展示表格的,这就违反了语义化之后出现了专门写 css 的前端,他们

gogo macintosh迅雷这次非常给面子，很快就把将近 5G 的景象下完了。然后，用 transmac 刻录到 U 盘，非常顺利。考虑到正在写的一些项目都放到了 github 也就没有备份文件，刷刷刷，开始安装 心灵手巧，业务熟练的我

开发模式&&webpack-dev-server开发模式默认情况下，不指定 mode，打包的时候就默认为 production,开发模式就是我们指定 mode 为 development.开启调试就是 devtool 设置为

自动清理 dist 目录（clean plugin）&& watch modewebpack 配置把第一个例子搬过来用.注意 webpack 是倒叙的，所以把 CleanWebpackPlugin，放到最后 const we

处理第三方 JS 库&&自动生成 html第三方库的管理1.CDN：<script></script>标签引入即可2.npm 包管理： 目前最常用和最推荐的方法 3.本地 js 文件：一些库由于历史原

字体文件处理安装{ "devDependencies": { "css-loader": "^1.0.0", "extract-text-webpack-plugin": "^4.0.0-beta.0", "fi

图片处理图片处理 和 Base64 编码 (url-loader)图片压缩 (img-loader)合成雪碧图 (postcss-loader,postcss-sprites) base64 编码和图片压缩// webpack.conf