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、测试三、前期准备
Vue中非父子组件传值的问题[父子组件]
父子组件传值的问题，前面已经讲过，不再叙述，这里来说一种非父子组件的传值。vue官网指出，可以使用一个空vue实例作为事件中央线！也就是说 非父子组件之间的通信，必须要有公共的实例（可以是空的），才能使用 $emit 获取 $on 的数
vue的父子组件和局部全局组件有什么区别？[父子组件]
就是在组件里面使用另外一个组件，就形成了父子关系例如在component1中使用component2 component1就是component2的父组件 component2就是component1的子组件//component1.vue<template> <div> <component2><
主流的网页宽度是多少像素？
网页设计中，宽度的设置，是没有绝对固定的值的，根据我们的需求出发。这里我做个详细的网页宽度设置科普。网页的宽度主要分两种： 定宽：内容区域宽度固定 自适应：内容区域宽度跟随浏览器变化 一、定宽模式定宽是我们日常最常
CSS单位em是相对于父元素还是当前元素的字体大小？
em是CSS中一个比较常用的相对单位，因此有必要注意一些坑点。1em等于当前元素的字体大小，除非你在设置font-size有很多文章说1em是等于父元素的字体大小！这种说法实际上是不准确的。看以下例子：<!DOCTYPE html><html lang=
PHP操作MySQL防止SQL注入
1.魔术引用 (推荐指数3) addslashes()与stripslashes()是功能相反的函数。 addslashes()用于对变量中的' " 和NULL添加斜杠，用于避免传入sql语句的参数格式错误，同时如果有人注入子查询，通过加可以将参数解释为内容，
webstorm让css写成横排单行
Setting > Editor > Code Style > CSS > [other] > [Kepp single-line blocks]
使用 阿里云code/码云git管理项目
使用代码云托管和git来管理项目可以使多客户端和多人开发更加高效。通过对比github，bitbucket和国内一些云托管服务发现阿里云在项目空间和传输速度及稳定性上更能满足公司开发的要求。本文将介绍关于阿里云code及git
微信支付 一步一个坑的APP支付！
准备工作这首先呢你得注册个开放平台以及商户平台的账号吧，注册完成后呢你会收到一封微信里邮件里面有你的商户号等信息，注册这俩账号完你会拥有商户号，appid，appkey等需要的东西。开发流程准备完成后我们来看一下支付的