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除了开发网站，还可以开发手
js数组遍历forEach、map、filter、find、every、some、reduce对比
1. [...].some(ck)函数 ---- 某个一个为true，则为true 对数组中每个元素执行一次ck函数，知道某个元素返回true，则直接返回true。如果都返回false,则返回false检查整个数组中是否有满足ck函数的元素。 1
JS之事件捕获和事件冒泡
事件捕获（event capturing）： 当鼠标点击或者触发dom事件时（被触发dom事件的这个元素被叫作事件源），浏览器会从根节点 =>事件源（由外到内）进行事件传播。 事件冒泡（dubbed bubbling）： 事件源 =>根节点（由内到外）进行事件传播。
30分钟掌握ES6/ES2015核心内容
ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。 也就是说，ES6就是ES2015。 虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在
vue监听子组件事件
在我们开发 <blog-post> 组件时，它的一些功能可能要求我们和父级组件进行沟通。例如我们可能会引入一个辅助功能来放大博文的字号，同时让页面的其它部分保持默认的字号。在其父组件中，我们可以通过添加一个 postFontSize
vue递归组件的用法
概念： 组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事。 之前在写组件时总有些疑惑，为什么export default导出的对象中有个name属性，今天看过递归组件之后，才发现这个name属性的一个比
PHPStorm运行卡和最小化的问题的解决办法
新版PHPstporm存在问题 在使用phpstrom管理日常开发项目的时候，发现加载越来越慢，不同项目之间的切换以及历史项目的查看都很卡，而且新打开一个项目后，还会出现页面自动最小化，挺浪费时间的，于是找到了以下的解决方案
vuex中mapState、mapMutations、mapAction的理解
当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性。 // 在单独构建的版本中辅助函数为 Vuex.mapState import { m
vuex的辅助函数mapState前面的那三个点--对象展开运算符
关于mapState，官方文档的说法：当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键： mapState 函数返回
es6 扩展运算符 三个点（...）
1 含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.queryS
js上下文
有时候是这样的，译者在翻译书的的时候不知道拿什么来对应相应的英文，就根据自己的感觉，好像大概是这个意思来强加给广大读者，让很多人不知所以然。@原磨豆浆 的大意是对的，上下文的原意是 context, 作用域的原意是scope,
蒙版抠图，利用快速蒙版快速抠图教程
通过抠图实例，大家除了可以学会抠图外，还能了解一下快速蒙版的使用。。效果：练习素材： 蒙版抠图适用范围：图片背景部分比较复杂，要抠图的图像部分比较复杂。 优势：能处理比较复杂的图片 劣势：处理过程和步骤比较复杂，不过记住
=> js 中箭头函数使用总结
箭头函数感性认识 箭头函数 是在es6 中添加的一种规范 x => x * x 相当于 function(x){return x*x} 箭头函数相当于 匿名函数， 简化了函数的定义。 语言的发展都是倾向于简洁 对人类友好的， 减轻工作量的。 就相当于
js中 function 普通函数 与 => 箭头函数 的区别
在JS中，箭头函数并不是简单的function(){}匿名函数的简写语法糖，实际上，箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，在编写函数时就已经确定了。而匿名函数的this指向运行时实际调用该方法的对象，无
js中定义变量加var和不加var的区别
这个问题其实我在面试的时候有被问到过，当时我记得我回答的很模糊，面试官看到我好像不太清楚，又问我是不是可以不加var定义变量。。。 正好昨天做项目的时候想到这个问题，觉得这种细节上的问题才是拉开差距的。 js中定
Javascript ES6重点学习总结
ES6 学习部分重要ES6知识点的总结。。长，可以先码后看 环境搭建 在项目目录下新建目录src（承载es6语法）和dist（承载编译之后的es5语法） 在项目中npm init -y初始化 安装babel-cli babel-preset-es2015 在根目录下新建.bab
FastClick用法 解决click300ms延时
为什么要使用FastClick 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。 项目地址：https://github.com/f
Node.js安装及环境配置之Windows篇
一、安装环境1、本机系统：Windows 10 Pro（64位） 2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 2、选安装目录进行安装 3、环境配置 4、测试三、前期准备
淘宝镜像（cnpm）的安装和使用
淘宝镜像安装： 开始-运行(win+R)-填写cmd，回车键确定- 输入"npm install-g cnpm--registry=https://registry.npm.taobao.org"确定全局安装，(前提电脑中安装好了node.js)， 然后便可使用cnpminstall -g 'nam