- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 入门webpack(九)tree shaking
本文主要介绍AST，DCE,着重介绍tree shaking以及如何在webpack中使用treeshaking.AST抽象语法树（Abstract Syntax Tree）也称为AST语法树，指的是源代码语法所对应的树状结构。也就是说，对于一种具体编程语言下的源代码，通过构建语法树的形式将源代码中的语句映射到树中的每一个节点上。 可以通过在线演示AST来看相关demo
2018-02-15 16:00:21
1071
原创 入门webpack(八) 关于postcss
postcsspostcss是一个工具，它允许使用JS插件对样式进行装换，这里所说的插件有很多，最常用的是Autoprefixer 。这些插件可以检查（lint）你的 CSS，支持 CSS Variables 和 Mixins， 编译尚未被浏览器广泛支持的先进的 CSS 语法，内联图片，以及其它很多优秀的功能。 postcss插件有很多，本文介绍三个插件,更多的插件可以参考官方githubpostc
2018-02-13 18:00:13
1378
原创 入门webpack(七）Webpack中的css-loader 和style-loader
传统上我们会在html文件中引入CSS代码，借助webpack style-loader和css-loader我们可以在.js文件中引入css文件并让样式生效。style-loader和css-loader作用是不同的。css-loader: 加载.css文件style-loader:使用<style>将css-loader内部样式注入到我们的HTML页面
2018-02-13 10:29:59
28024
3
原创 JavaScript如何判断一个整数是否为质数
在https://www.codewars.com上做js练习碰到这样一道题。下面是原题的说明InstructionsIs Prime Define a function isPrime/is_prime() that takes one integer argument and returns true/True or false/False depending on if the intege
2018-02-08 13:33:53
1271
原创 什么是BEM?
在学习css模块化时看到了BEM概念，谷歌简单了解了下BEM. BEM是block,element,modifier三个单词的缩写，这里的block和css块级元素block概念完全不同。 BEM为大型项目中CSS开发和维护提供了方便，在多人开发的项目中，采用BEM规范书写css能增加代码的阅读性和可维护性。
2018-02-07 22:13:22
4158
原创 入门webpack（五）打包公共代码
打包插件：CommonsChunkPlugin插件中文网站 || 插件英文官网如何使用//安装webpack//webpack.config.js文件中引入webpack模块// 关于options具体信息请参考官网cnpm install webpack --save-dev //安装webpackvar Webpack = require('webpack')plugin
2018-02-06 17:49:57
1901
原创 入门webpack(四) 说说babel
什么是babel babel is a JavaScript Compiler,这是官网上的一句话，简单来说，babel是一个转译工具，目标是对使用当前浏览器还没有完全支持的JavaScript规范比如ES2016，ES2017,TypeScrit等开发的代码进行转译，转译后的代码浏览器就能支持并解析。2.babel怎么用查看最新版本安装babelnpm install babel-loader
2018-02-05 19:52:39
712
原创 入门webpack（三）webpack之entry和output
entry: 打包入口output：打包出口loadersplugins：使用的插件entry告诉webpack使用哪个文件作为构建依赖图的起点，比如指定app.js作为entry，webpack会分析app.js使用到的模块，并解析模块中使用到的模块以此类推，最终将前端静态资源按一定规则打包成一个或多个静态文件。
2018-02-05 14:58:07
3903
原创 入门webpack(二）webpack概论
github地址英文文档中文文档1.webpack是什么？A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through “lo
2018-02-04 23:01:01
399
原创 入门webpack( 一）关于模块化
1.为什么需要模块化可能很多同学是通过index.html,style.css,demo.js接触进入前端开发的，但在实际项目中会复杂的多，开发者为了重复造轮子对常用的实现进行封装实现了一个库，后来的开发者为了避免重复造轮子想使用其他开发者已经造好的轮子，但是直接引用他人的库可能会造成变量污染和冲突。 一种解决方式是命名空间。var NameSpace = {}NameSpace.ty
2018-02-04 19:17:58
1028
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人