![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript集
文章平均质量分 70
那些年少的伤寂静微凉
深入前端开发领域
展开
-
Promise核心原理实现一个简单版promise
创建Promise类,加入三个最常用的回调函数,class Promise { constructor(executor) { this.onResolved = [] this.onRejected = [] this.state = 'padding' try{ executor(this...原创 2019-11-26 17:10:20 · 337 阅读 · 0 评论 -
DOM变动事件的用法
DOM2级的変动事件是为XML或html的DOM设计的,不特定于某种语言。一:变动事件的分类有7种,最常用的浏览器支持最多的有3种,下面黑体?1. DOMSubtreeModified:在DOM结构中发生任何变化时触发;2. DOMNodeInserted:在一个节点作为子节点被插入到另一个节点中时触发;3. DOMNodeRemoved:在节点从其父节点中被移除时触发;...转载 2019-09-10 12:57:34 · 879 阅读 · 0 评论 -
js实现双向数据绑定
<div class="app"> <input type="demo" shawn-model="demo" spellcheck="true"> <p shawn-text="sha"></p> <p shawn-text="demo"原创 2018-12-08 22:01:45 · 886 阅读 · 0 评论 -
angularJS自定义指令各配置项详解
指令详解一个指令的定义应当是如下这个样子:code:angular.module('myApp', []) .directive('myDirective', function (UserDefinedService) { // 指令定义放在这里})其中,fun中的注入参数为angular自带或用户定义的服务,需要在指令内部中调用。分析其结构:转载 2018-01-09 18:12:57 · 387 阅读 · 0 评论 -
你知道URL、URI和URN三者之间的区别吗?
这是一个经典的技术争论,许多人都会自问:URL、URI,很可能还有URN,它们之间的区别是什么。虽然,现在我们简单地把 URN 和 URL 都看做 URI,但严格来说URI可以进一步划分为URL、URN或者这两者的组合,所以了解这三者之间的区别将会非常有趣并让人受益匪浅。如果你恰好在某个地方碰到了这些东西,那么至少应该知道它们的含义。我认为,尽管对一般人来说,不了解这三个缩略词之间的技术差转载 2017-09-21 10:05:10 · 579 阅读 · 0 评论 -
JavaScript 编码小技巧+ES6新增功能
三元操作符如果使用if...else语句,那么这是一个很好节省代码的方式。Longhand:const x = 20;let answer;if (x > 10) { answer = 'is greater';} else { answer = 'is lesser';}复制Shorthand:const answer = x > 10 ? 'is转载 2017-08-09 17:46:30 · 512 阅读 · 0 评论 -
H5 FormData对象的作用及用法
H5 FormData对象就模拟一个原始的表单格式的数据,以前上传文件非得要用个form包起来,就是和后台约定的一个传输数据格式,FormData就是按照规定的格式,把form中所有表单元素的name与value组装成一个queryString,省去你手工拼接的工作,如果用过jquery的话,应该知道有个表单序列号的函数,作用和它是一样的,不过FormData还提供了更多的操作方法,全部在原创 2017-08-09 16:03:14 · 13391 阅读 · 0 评论 -
js Blob对象介绍
什么是Blob?Blob是一种JavaScript的对象类型。HTML5的文件操作对象,file对象就是Blob的一个分支或说一个子集。Blob 存储大量的二进制数据,Blob自己本身的属性有两个,分别是:size 和 type ,在原型中有个很有用的方法:slice();slice()方法在js很多对象中都有,其作用也类似,都是用来截取,Blob中的slice也一样,也是用来截取,不原创 2017-08-09 15:15:59 · 16963 阅读 · 0 评论 -
clipboradData对象
clipboradData对象是一个event事件对象,在其原型中提供了三个操作方法,分别是:getData()、setData、claerDate();因为是事件对象,得通过触发oncopy或onpaste或oncut剪切板事件获得clipboradData对象;getDate获取剪切板数据;比如:document.oncopy=function(){原创 2017-08-07 18:59:20 · 536 阅读 · 0 评论 -
最全原生AJAX请求步骤
以下代码为最全原生AJAX请求,包括了设置和获取请求头。btn.onclick=function(){ var xhr=new XMLHttpRequest(); //创建xhr对象--隶属XMLxhr.onreadystatechange=function(){ //事件监听请求执行到哪一步 if(xhr.readyState===4){原创 2017-07-09 02:56:30 · 13892 阅读 · 0 评论 -
ng自定义指令和四种用法
ng自定义指令只有一种方法,通过directive去定义声明,使用有四种方法,作为元素、属性、class类、注释。以返回一个对象的方式定义。需要注意是名称必须以驼峰式命名,使用时变横杠的方式,比如名称为:myTest, 使用: my-test。ng内置的指令也是这么用的。自定义指令的常用的属性有这么一些:name priority terminal scope controller原创 2017-07-07 22:43:39 · 3279 阅读 · 0 评论 -
NG之Route模块路由配置
var app = angular.module("myApp",['ng','ngRoute']);// 调用config方法配置路由,参数是一个function函数,同时注入依赖服务$routeProvider app.config(function ($routeProvider) {//调用$routeProvider服务中的when方法设置路由词典,第一个原创 2017-07-17 01:23:02 · 1386 阅读 · 0 评论 -
ng自定义服务的几种方式
ng的服务本质上也是一个对象,所以也挺好理解,用法也简单,需要时直接注入即可用,ng称为依赖注入,讲得那么高大上,其实就跟JS函数传参是一样的,完全可以这样去理解,下面直接看代码:clikcMeclikcMe //创建ng模块 var app=angular.module("myModule",['ng']);//下面就两种自定义的方式,两种方式用法差不多原创 2017-07-06 22:46:06 · 1213 阅读 · 0 评论 -
oninput,onpropertychange,onchange的区别和用法
onchange事件触发必须满足两个条件,内容改变和失去焦点。但很多时候我们要在没失去焦点的情况下触发。onpropertychange事件的触发是在属性改变时立触发,注意是属性改变时,这就可以解决onchange的不足,但由于是属性改变时触发,当内容和其它属性都有改变时,也可能会触发多次,导致执行多次函数,而且它是IE专属,其它内核没法用。oninput事件只在value改变时触发,原创 2017-07-05 16:34:58 · 347 阅读 · 0 评论