随笔分类 - JavaScript
JavaScript
摘要：在 JS 对象中，调用属性一般有两种方法——点和中括号的方法。 例如 使用点方法 使用 [ ] 方法 点方法是在对象名后面跟上属性名，而中括号方法里的索引存放的与属性名字相同的==字符串== 。 二者区别 1. 点方法后面跟的必须是一个指定的属性名称，而中括号方法里面可以是变量。例如 2. 中括号方
阅读全文
摘要：参考 Element 官网，利用 js / jq 和 css3， 实现某图片随着鼠标移动呈现的视差效果。 <!DOCTYPE html banner 跟随鼠标呈现视差效果 { transition: all .3s; } .perspective { perspective: 800px; } .p
阅读全文
摘要："原文地址：https://caochangkui.github.io/huawei es6/" 华为手机自带浏览器对 es6 语法的支持度极差，哪怕最新的荣耀10 手机也有该毛病！所以，移动端项目开发中，发布前最好将所有的 es6 语法转为 es5。 真机测试时，发现在华为手机自带浏览器中，某些点
阅读全文
摘要："原文地址：https://caochangkui.github.io/file upload/" HTML5 的 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。 <! more Fi
阅读全文
摘要："原文地址：https://caochangkui.github.io/mobile/" 最近开发移动端项目，发现，与PC端项目开发遇到的浏览器兼容性问题相比，移动端还有更多的坑的。这里将遇到一些问题，做出总结。 <! more 页面自适应 各种手机型号，尺寸大小不一，有的屏幕320px宽，有的屏幕
阅读全文
摘要："原文地址：https://caochangkui.github.io/data week/" 将每周五至周四算作一周，计算每月有几周，并获取到每周的起始时间。 日期格式化 函数 allWeeks 得到指定月份的各周真实日期 // 本月的每一周（从上周五到本周四为一周） function allWe
阅读全文
摘要：reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce() 方法接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce() 的数组。 reduce() 的几个强大用法： 数组求和 二维数组转为一维数组 计
阅读全文
摘要：1. 事件流 1. 事件：用户或浏览器自身执行的某种动作。如click(点击事件)、mouse (鼠标事件)。 2. 事件流：页面中接收事件的顺序,也可理解为事件在页面中传播的顺序。 DOM事件流包括三个阶段 ： 事件捕获阶段 处于目标阶段 事件冒泡阶段 IE 采用事件冒泡的方式（ div body
阅读全文
摘要：ECMAScript是JS的核心：提供核心语言功能 DOM（文档对象模型）：提供访问和操作网页内容的方法和接口 BOM（浏览器对象模型）：提供与浏览器交互的方法和接口 1. DOM（文档对象模型） 1.1 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
阅读全文
摘要：定义一个函数 clone()，可以对 JavaScript 中的5种主要的数据类型（包括 Number、String、Object、Array、Boolean）进行值复制 1. 使用 typeof 判断值得类型； 2. 使用 toString 区分数组和对象； 3. 使用递归函数； 其中：slice
阅读全文
摘要：call,apply,bind方法一般用来指定this的环境. var a = { user:"hahaha", fn:function(){ console.log(this.user); } } var b = a.fn; b(); //undefined 我们是想打印对象a里面的user却打印
阅读全文
摘要：浅拷贝：只会复制对象的第一层数据 深拷贝：不仅仅会复制第一层的数据，如果里面还有对象，会继续进行复制，直到复制到全是基本数据类型为止 简单来说，浅拷贝是都指向同一块内存区块，而深拷贝则是另外开辟了一块区域 例如，下面就是浅拷贝： let arr = [1,2,3,4]; let arr2 = arr
阅读全文
摘要：promise使用 async await使用 async await捕捉错误 // async await中.then(..)不用写了，那么.catch(..)也不用写，可以直接用标准的try catch语法捕捉错误。 var sleep = function (time) { return ne
阅读全文
摘要：Promise对象的参数为一个回调函数，这个回调函数有两个参数，分别是resolve, reject（这俩参数的名字可任取），resolve，reject分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数 。
阅读全文
摘要：```
/** * 数据结构 Set */ // -----------------------------------------------------
/** * 集合的基本概念：集合是由一组无序且唯一（即不能重复）的项组成的。这个数据结构使用了与有限集合相同的数学概念，应用在计算机的数据结构中。 * 特点：key 和 value 相同，没有重复的 value。 * * ES6...
阅读全文
摘要：ECMAScirpt 变量有两种不同的数据类型：基本类型，引用类型。 基本类型 ● Boolean ● Null ● Undefined ● Number ● String ● Symbol (ECMAScript 6 新定义) 对象类型 ● Object 对象类型涵盖了很多引用类型，任何非基本类型
阅读全文
摘要：Vue.js 2.0实战项目 基于Vue + Vuex + Vue router + Webpack 2.0 打造移动端音乐WebAPP，实现了轮播图、音乐推荐、歌手列表、音乐搜索、注册等功能。 技术栈 MVVM框架：Vue.js 2.0 状态管理：Vuex 前端路由：Vue router 数据交互
阅读全文
摘要：本文实例讲述了js选项卡的实现方法。 一、html代码： 选项1 选项2 选项3 二、css样式： div1 div{ width:200px; height:200px; border:1px 000 solid; display:none; } .active{ background:red;
阅读全文
摘要：闭包定义 在JavaScript中，当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。简单说，闭包就是能够读取其他函数内部变量的函数。 闭包简单应用 例一： function a() { var i = 0; function b() { console.log(++i); } retu
阅读全文