随笔分类 - JavaScript
摘要：async function 声明用于定义一个返回 AsyncFunction 对象的异步函数 await 操作符用于等待一个Promise 对象。它只能在异步函数 async function 中使用 语法： * 属于ES7语法，目前不被浏览器支持 使用注意： 1. await 必须在 async
阅读全文
摘要：在js中不仅可以通过import引入js文件，还可以引入图片、视频等资源文件，这样webpack打包时就会把所引入的资源文件也一起打包进来 打包进来的文件会返回一个字符串：即文件的路径 要做到这一点，需要一个工具，file-loader，使用方法很简单那 1. 安装 2. 配置 配置其中的 publ
阅读全文
摘要：这里用canvas实现了两个简单的图表，用到了canvas的基本用法，效果如下 新建 chart.js 文件，封装绘制方法 构造方法 初始化方法 绘制折线图 绘制饼状图 使用： 引入 chart.js 文件
阅读全文
摘要：效果 实现过程分为两步 1. 用户点击添加后通过 H5文件读取 FileReader对象以DataURL的格式读取图片 2. 通过FormData对象生成表单数据，通过ajax上传到后台 HTML JS 相关知识 1. 通过获取 <input type="file" /> 的files获取结果为 F
阅读全文
摘要：兼容性问题：函数（方法）兼容 描述：部分W3C指定的函数，有部分老的浏览器不支持 解决： 条件判断，如果有，则使用，添加原型方法，例如 String 的 trim 方法 兼容性问题：浏览器视口、屏幕、页面宽高获取 解决： 1. 获得当前页面 HTML文档所在窗口 宽度 2. 获得浏 览器窗口内部 宽
阅读全文
摘要：ajax 可以通过 FormData 对象模拟表单提交数据 第一种方式：自定义FormData信息 第二种方式：通过表单元素创建
阅读全文
摘要：Ajax 全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML） Ajax的实现是基于 xmlHttp对象 异步发送请求 XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是jav
阅读全文
摘要：参数 函数内部可用的 arguments 对象来访问函数的实参 注意 在函数递归调用的时候（在某一刻同一个函数运行了多次，也就是有多套实参），那么 arguments 属性的值是最近一次该函数调用时传入的实参 如果函数不在执行期间，那么该函数的 arguments 属性的值是 null argume
阅读全文
摘要：定义属性 直接 obj.对象 的方法 Object.defineProperty(obj, prop, descriptor) ，这种方法可以设置 或者修改对象属性的访问权限 数据描述符和存取描述符均具有以下可选键值： configurabl 当且仅当该属性的 configurable 为 true
阅读全文
摘要：注册事件 事件类型参考 https://developer.mozilla.org/zh-CN/docs/Web/API/Event 删除事件 事件冒泡 / 事件捕捉 事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件。相反的，事件冒泡是自下而上的去触发事件。绑定事件方法的
阅读全文
摘要：concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。 find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。 findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。 forEach() 方
阅读全文
摘要：处理时间主要使用时间对象 Date ， 其提供两个静态方法 Date.now() //获得当前时间戳 Date.parse() //将字符串转化成时间戳 创建对象 获得时间戳的多种办法 格式化时间戳函数 时间字符串格式化成时间戳
阅读全文
摘要：相等判断 JavaScript提供三种不同的值比较操作： 严格相等 ("triple equals" 或 "identity")，使用 , 宽松相等 ("double equals") ，使用 == 以及 Object.is （ECMAScript 2015/ ES6 新特性） 简而言之，在比较两件
阅读全文
摘要：prototype（原型） ： 对象的一个属性，此属性使您有能力向对象添加属性和方法，当访问对象不存在属性是会自动到 prototype 中找 _proto_（隐式原型）： 此对象构造函数（类）的原型（prototype） constructor： 原型对象的一个属性，指回原构造函数 注意 基于同一
阅读全文
摘要：总是对call和apply方法使用存在迷惑，特此记录一下 一句话理解这两个方法： call和apply是为了动态改变this而出现的，当一个object没有某个方法，但是其他的有，我们可以借助call或apply用其它对象的方法来操作 举个栗子： 我们都知道在函数中有一个伪数组 arguments
阅读全文
摘要：ES6中新增了模块的导入和导出功能 在实际过程中可以使用 import 和 export 对模块进行导入和导出操作，具体如下 1. 名字导入/导出 （导入名字必须与导出的一致，导入时需要用花括号） 2 . 导入时也可以用 * ，导入整个文件 3. 默认导出，每个模块可以有一个默认导出，这样导入时的名
阅读全文
摘要：为了解决大文件上传 （PHP上传最大限制2GB） 同时为了解决文件上传是对服务器造成的压力 可以通过分段上传解决这个问题，这得益于HTML5开发的file API 前台代码： 引用了进度条插件myProgress.js 后台PHP代码
阅读全文
摘要：什么是属性选择器呢？感觉理解起来有点难，举个例子就很容易明白了，<div id="ajaxa"></div>这里的id就是属性，这下就很容易理解了，jquery的属性选择器分以下几种用法。$("div[id]") 查找所有含有 id 属性的div元素。$("div[id='ajaxa']") 查找
阅读全文
浙公网安备 33010602011771号