2018年3月15日
前端工程化-webpack（打包JS）(二)
摘要： 一、第一种打包方式 webpack entry<entry> output 假设目录结构如下： index.html是入口文件 打包app.js为bundle.js如下 app.js 当使用amd模块规范多出了0.bundle.js,是由于amd异步加载模块，单独形成一个chunk： 二、第二种打包 阅读全文
posted @ 2018-03-15 14:42 raindi 阅读(203) 评论(0) 推荐(0)
前端工程化-webpack-cli(官方开发中。。。）
摘要： 阅读全文
posted @ 2018-03-15 11:20 raindi 阅读(168) 评论(0) 推荐(0)
2018年3月13日
js高阶函数map和reduce
摘要： map 举例说明，比如我们有一个函数f(x)=x2，要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上，就可以用map实现如下： 由于map()方法定义在JavaScript的Array中，我们调用Array的map()方法，传入我们自己的函数，就得到了一个新的Arr 阅读全文
posted @ 2018-03-13 15:25 raindi 阅读(6043) 评论(0) 推荐(1)
2018年3月12日
前端工程化-webpack简介(一)
摘要： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 阅读全文
posted @ 2018-03-12 22:43 raindi 阅读(352) 评论(0) 推荐(0)
JavaScript高级之词法作用域和作用域链
摘要： 主要内容： 一、关于块级作用域 说到JavaScript的变量作用域，与咱们平时使用的类C语言不同. 例如C#中下面代码： 这段代码如果进行编译，是无法通过的，因为"当前上下文中不存在名称num". 因为这里变量的作用域是由花括号限定的，称为块级作用域. 在块级作用域下，所有的变量都在定义的花括号内 阅读全文
posted @ 2018-03-12 20:59 raindi 阅读(301) 评论(0) 推荐(0)
不可变原始值和可变对象引用
摘要： 不可变的原始值 原始值：undefined null boolen number string 原始值不可变，既基本数据类型 1 2 3 原始值是value的比较，字符串的比较是，长度相等并且每一个索引的字符都相等。 基本类型的变量是存放在栈区的（栈区指内存里的栈内存） 因此比较时只关注栈内存，不涉 阅读全文
posted @ 2018-03-12 19:57 raindi 阅读(393) 评论(0) 推荐(0)
gulp前端工程化教程
摘要： gulp npm install -g gulp-concat 文件打包 npm install -g gulp-rename 文件重命名 npm install -g gulp-imagemin 图片压缩 npm install -g gulp-jslint js代码校验 慎用 npm insta 阅读全文
posted @ 2018-03-12 16:48 raindi 阅读(309) 评论(0) 推荐(0)
2018年3月11日
VUE开发请求本地数据的配置，旧版本dev-server.js，新版本webpack.dev.conf.js
摘要： VUE开发请求本地数据的配置，早期的vue-lic下面有dev-server.js和dev-client.js两文件，请求本地数据在dev-server.js里配置，最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack 阅读全文
posted @ 2018-03-11 16:05 raindi 阅读(889) 评论(0) 推荐(0)
vue中的 ref 和 $refs
摘要： 如图，ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： 在上面的例子中，input的引用信息为input1 ，$refs 是所有注册过的ref的一个集合， 阅读全文
posted @ 2018-03-11 14:29 raindi 阅读(270) 评论(0) 推荐(0)
vue组件之间的通信以及如何在父组件中调用子组件的方法和属性
摘要： 在Vue中组件实例之间的作用域是孤立的，不能直接在子组件上引用父组件的数据，同时父组件也不能直接使用子组件的数据 一、父组件利用props往子组件传输数据 父组件： 子组件： 如上所示，父组件在模板中引用子组件，通过v-bind传递参数myMessage，值为parentMsg，其可以为父组件中的动 阅读全文
posted @ 2018-03-11 14:11 raindi 阅读(354) 评论(0) 推荐(0)