NPM install -save 和 -save-dev
回顾 npm install 命令最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。遂
ES6对象的扩展 属性名表达式
1.直接用标识符作为属性名：obj.foo = true2.用表达式作为属性名：obj['a'+'bc'] = 123//相当于obj['abc'] = 1233.ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括
vue：简单方法替代vuex
兄弟组件，隔代组件传值很麻烦，方法虽然多，但都各有缺点。vuex: 适合数据量大，并且函数集中处理。bus：适合数据虽少，却不得不用的时候，维护困难。root：这儿指将值挂在root组件上，需要的组件都到root上去取。有时候数据量不多，觉
promise JS宏任务微任务的执行顺序
题目描述：JS宏任务微任务的执行顺序为什么是这样的 console.log(1); setTimeout(() => { console.log(2); Promise.resolve().then(() => { console.log(3) }); }); new Promise((resolve, reject)
廖雪峰详解 Promise
在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：function callback() { console.log('Done
怎么理解JS Promise
由于昨天发了一篇关于setTimeout 的文章，里面提到了 Promise ，那篇文章里没有解释Promise的用法和含义，因为昨天的我还没太懂Promise，所以没有在那篇文章继续解释Promise，然后今天的我总算是对Promise有所理解了，然后我来谈
Vue 插槽详解
Vue插槽，是学习vue中必不可少的一节，当初刚接触vue的时候，对这些掌握的一知半解，特别是作用域插槽一直没明白。后面越来越发现插槽的好用。分享一下插槽的一些知识吧。分一下几点：1、插槽内可以放置什么内容？2、默认插槽3、
vue实例中template: '<App/>'
new Vue({ el: '#app', components:{App}, template: '<App/>' }) components 是声明有哪些组件 template 是使用哪个组件 el: '#app' 是index.html 的<div id="app"></div> App.vue <div id
let，const以及var三者的区别
最近用到一些ES6的新特性进行开发，在这过程中，发现了ES6与之前的ES5的一些不同点以及该引起我们注意的地方。特此记录下： 1、let是es6新增的声明变量的方式 ，其特点是： （1）作用域是块级作用域（在ES6之前，js只存在函数作用域以
关于Vue中的 render: h => h(App) 具体是什么含义？
render: h => h(App) 是下面内容的缩写：render: function (createElement) { return createElement(App);}进一步缩写为(ES6 语法)：render (createElement) { return createElement(App);}再进一步缩写为：render (
Vue / keep-alive
keep-alivekeep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素<keep-alive> <loading></loading></keep-laive>当组件在keep-aliv
Vue2.0 render:h => h(App)
1 new Vue({2 3 router,4 store,5 //components: { App } vue1.0的写法6 render: h => h(App) vue2.0的写法7 }).$mount('#app') vue.2.0的渲染过程：render函数是渲染一个视图，然后提供给el挂载，如
Vue页面骨架屏注入实践（备用）
作为与用户联系最为密切的前端开发者，用户体验是最值得关注的问题。关于页面loading状态的展示，主流的主要有loading图和进度条两种。除此之外，越来越多的APP采用了“骨架屏”的方式去展示未加载内容，给予了用
watch、computed和methods之间的对比
watch、computed和methods之间的对比 computed属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用； methods方法表示一个具体的操作，主要书写业务逻辑； watch一个对象，键是需要观察的表达式，值
防抖(debounce) 和 节流(throttling)
防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。 在给DOM绑定事件时，有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导
vue-router之什么是嵌套路由
1.嵌套路由的使用场景是什么呢？大家都知道选项卡，在选项卡中，顶部有数个导航栏，中间的主体显示的是内容；这个时候，整个页面是一个路由，然后点击选项卡切换不同的路由来展示不同的内容，这个时候就是路由中嵌套路由。2.具体是怎
apache做代理服务器转发其他端口
httpd.conf【主配置文件】-->1#加入这两个模块让apache支持代理LoadModule proxy_module modules/mod_proxy.soLoadModule proxy_http_module modules/mod_proxy_http.so-->2#开启NameVirtualHost *:80-->3#include配
构建个人组件库——vue.extend和vue.component
需求：构建一个类似elment-ui的组件库，打包发布到npm 个人探索：webpack打包发布到npm流程 --> 组件开发环境和组件发布环境探索 -->两种类型的组件 个人探索流程和实际流程基本是反着来的 本文目标：完成两
jsonp原理详解
什么是JSONP？先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助。1、一个众所周知的问题，Ajax直
传智播客vue教学笔记（第六天）
Vue.js - day6注意：有时候使用npm i node-sass -D装不上，这时候，就必须使用 cnpm i node-sass -D在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析 运行cnpm i vue -S将vue安装为运行依赖； 运行c
传智播客vue教学笔记（第五天）
Vue.js - Day5 - Webpack在网页中会引用哪些常见的静态资源？ JS .js .jsx .coffee .ts（TypeScript 类 C# 语言） CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件（Fonts） .svg .ttf .eot
传智播客vue教学笔记（第四天）
传智播客vue教学笔记（第三天）
传智播客vue教学笔记（第三天）
Vue.js - Day3定义Vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从
传智播客vue教学笔记（第二天）
Vue.js - Day2品牌管理案例添加新品牌删除品牌根据条件筛选品牌 1.x 版本中的filterBy指令，在2.x中已经被废除：filterBy - 指令<tr v-for="item in list | filterBy searchName in 'name'"> <td>{{item.id}}</
传智播客vue教学笔记（第一天）
Vue.js - Day1课程介绍前5天： 都在学习Vue基本的语法和概念；打包工具 Webpack , Gulp 后5天： 以项目驱动教学；什么是Vue.js Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手