- 博客(16)
- 收藏
- 关注
RSS订阅原创 Webpack系列笔记（四）：webpack高级概念
文章目录三、Webpack 高级概念3.1 Tree Shaking3.2 Development 和 Production 模式的区分打包3.3 Webpack 和 Code Splitting三、Webpack 高级概念3.1 Tree Shakingwebpack在进行模块化打包的时候，会将模块中用得到的用不到的全部都打包，我们希望它只打包我们用到的，在 webpack2+ 引入了 T...
2019-09-09 22:29:34
182
原创 Webpack系列笔记（三）：webpack核心知识（下）
文章目录2.7 使用 WebpackDevServer 提升开发效率2.8 Hot Module Replacement 热模块替换2.9 借助babel处理ES6语法2.7 使用 WebpackDevServer 提升开发效率会将打包的东西放到内存中来提升打包速度，因此出口文件夹dist中没有文件目前为止，我们修改文件的内容后，想要再次打包，智能再次使用 npm run bundle ...
2019-09-05 15:51:02
200
原创 Vue笔记
Vue笔记Vue的指令v-for 循环<li v-for="item in list">{{ item }}</li><!-- 循环 list，将list里面的每一项赋值给 item -->v-on 事件绑定 (执行事件的函数要写在 Vue 实例中的 methods 中，简写@，如：@click)<button v-on:click=...
2019-08-06 23:02:34
379
原创 Webpack系列笔记（二）：webpack核心知识（上）
2.1 什么是 Loader？如果想要打包一个 png 图片，webpack 是不会知道要怎么打包的，因为它默认只知道怎么打包 js 文件，因此就需要在配置文件中的 module 配置项告诉 webpack 怎么打包 png 模块loader 的执行有顺序，是从后往前执行，所以对css打包时，需把 style-loader 写在 css-loader 前面，使 css-loader 先执行...
2019-07-30 19:00:39
351
原创 Webpack系列笔记（一）：初识webpack
Webpack究竟是什么？是一个基于 NodeJS 的模块打包工具常见的模块引入规范有： ES module、CommonJS、CMD、AMDES module、CommonJS、CMD、AMD的区别// ES module 模块引入方式import Header from './header.js'// ES module 导出模块方式export default Heade...
2019-07-30 14:41:25
154
原创 CSS 清除浮动与BFC
CSS 清除浮动与BFC<style> img { float: left; width: 60px; height: 60px; border: 1px solid black; } .father + div { margin-top: -2px; }</sty...
2019-07-04 13:45:06
112
原创 第一次写日历
第一次写日历实习期间，因为某个需求，要根据年月，弄出个日历，因为之前没写过，故在此记录<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev
2019-02-11 17:50:49
314
转载 JS 函数的内部属性
JS 函数的内部属性arguments：类数组对象，包含传入的所有参数，其中有一个叫 callee 的属性，该属性是一个指针，指向拥有这个 arguments 对象的函数// 阶乘函数function factorial(num){ if (num &lt;=1) { return 1; } else { return num * arguments.callee...
2018-11-26 15:45:11
518
转载 JavaScript中的日期/时间组件方法以及时间格式化
日期/时间组件方法方法说明getTime()返回表示日期的毫秒数；与valueOf()方法返回的值相同setTime(毫秒)以毫秒数设置日期，会改变整个日期getFullYear()取得4位数的年份（如2007而非仅07）getUTCFullYear()返回UTC日期的4位数年份setFullYear(年)设置日期的年份。传入的年份值必须是4...
2018-11-26 15:06:52
335
原创 JS数组的归并方法
归并方法reduce() 和 reduceRight(): 都会迭代数组的所有项，然后构建一个新的返回值，接收 4 个参数：前一个值、当前值、项的索引、数组对象reduce() 从数组第一项开始，遍历到最后，第一次迭代发生在数组的第二项上reduceRight() 从数组的最后项开始，向前遍历到数组第一项，第一次迭代发生在数组的倒数第二项上var values = [1,2,3,4,5]......
2018-11-26 14:40:58
382
转载 JavaScript数组的迭代方法
JavaScript数组的迭代方法every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回 truesome()：对数组中的每一项运行给定函数，如果该函数对任一项返回 true，则返回 truefilter()：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组forEach()：对数组中的每一项运行给定函数。这个方法没有返回值ma...
2018-11-26 14:20:06
157
转载 最强大的数组方法 splice()
删除：可以删除任意数量的项，只需指定 2 个参数：要删除的第一项的位置和要删除的项数。例如:splice(0,2) //会删除数组中的前两项。插入：可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、0（要删除的项数）和要插入的项。如果要插入多个项，可以再传入第四、第五，以至任意多个项。例如:splice(2,0,"red","green") //会从当前数组的位置 2...
2018-11-22 16:10:18
303
转载 数组的排序
reverse() ，反转数组向的顺序var values = [1, 2, 3, 4, 5]values.reverse()console.log(values) // [5, 4, 3, 2, 1]sort() ，默认升序，sort() 方法会调用每个数组向的 toString() 方法，因此 sort() 排序时，有可能会有问题，举个例子：var values = [0,...
2018-11-22 14:47:14
201
1
转载 JS中非数值与数值间的转化
非数值与数值间的转化有 3 个函数可以把非数值转化为数值： Number()、parseInt()、parseFloat()Number() 可以用于任何数据类型的转换如果是 Boolean 值，true 和 false 将分别被转换为 1 和 0。如果是数字值，只是简单的传入和返回。如果是 null 值，返回 0。如果是 undefined，返回 NaN。如果是字符串，遵循下列...
2018-11-22 14:35:45
265
转载 JS的5种数据类型及其与Boolean的转换规则
数据类型 转化为 true 值 转化为 false 值 Boolean true false String 任何非空字符串 “”（空字符串） Number 任何非零数字值（包括无...
2018-11-22 14:16:15
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人