JavaScript
关注
分享
扫一扫
文章平均质量分 84
天空神话
没有理由，只有前进
展开
-
Object.assign()解释整理
语法Object.assign(target, ...sources)参数target目标对象。sources源对象。返回值目标对象。描述如果目标对象中的属性具有相同的键，则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性。Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]]，所以它会调用相关 get转载 2018-01-19 14:12:37 · 12955 阅读 · 0 评论 -
Object.create()的使用方法
Object.create() 方法会使用指定的原型对象及其属性去创建一个新的对象。语法Object.create(proto[, propertiesObject])参数proto新创建对象的原型对象。propertiesObject可选。如果没有指定为 undefined，则是要添加到新创建对象的可枚举属性（即其自身定义的属性，而不是其原型链上的枚举属性）对象的属性描述符以及相应的属性名称。这转载 2018-01-19 17:54:52 · 17708 阅读 · 2 评论 -
Object.create()方法的使用详解
Object.create(prototype, descriptors)创建一个具有指定原型且可选择性地包含指定属性的对象。参数prototype必需。 要用作原型的对象。 可以为 null。 descriptors可选。 包含一个或多个属性描述符的 JavaScript 对象。 “数据属性”是可获取且可设置值的属性。 数据属性描述符包含 value 特性，以及 writab原创 2018-01-19 18:18:27 · 727 阅读 · 0 评论 -
js对象深拷贝的方法
let obj3 = JSON.parse(JSON.stringify(obj1));原创 2018-01-19 18:49:04 · 298 阅读 · 0 评论 -
Cookie的secure和httpOnly属性的含义
Cookie访问控制cookie如此重要，在浏览器端，如果一个网站可以访问其他网站的cookie，肯定不行的，所以浏览器是不允许跨域访问cookie的，提高了Cookie的安全性。在前面的文章 session和cookie介绍 中，已经介绍了cookie的作用域，主要是说一级域名相同情况下如何共享使用cookie。如果想实现跨域访问，可以通过JSONP、CORS的方法实现。另外，HTTP设置coo...原创 2018-03-14 17:40:08 · 9539 阅读 · 0 评论 -
Chrome 中的 JavaScript 断点设置和调试技巧
你是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了。本文主要介绍其中的 JavaScript 断点设置和调试功能，...转载 2018-03-29 16:51:03 · 272 阅读 · 0 评论 -
读JavaScript高级程序设计之面向对象
面向对象（Object - Oriented）OO 是现在高级程序语言必备的技能，面向对象一般封装,继承,多态等特性，JavaScript不是高级语言，但也用自己的方式实现了面向对象的部分功能。ECMA-262把对象定义为 无序属性的集合，其属性可以包含基本值、对象、或者函数—–JavaScript的对象在我们看来就是一个键值对，值可以是数据或函数。下面我们讨论在ES6之前的对象和继承的实现。理解...转载 2018-04-19 13:31:36 · 197 阅读 · 0 评论 -
使用事件代理来优化dom事件的绑定
事件代理（Event Delegation），又称之为事件委托。是 JavaScript 中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务。我们有下面的一个场景:当点击li输出相应的值1234567<ul class="list-item"> <li class="item">1</li> &l...转载 2018-04-20 13:18:46 · 495 阅读 · 0 评论 -
读JavaScript高级程序设计之DOM事件
DOM事件。事件的定义，就是文档和浏览器窗口发生的一些特定交互的瞬间。此文出自JavaScript高级程序设计一书对事件的定义事件流事件冒泡事件冒泡是IE事件流，当点击一个按钮时是由内而外，就是事件点击焦点逐级向上12345678910<!DOCTYPE html><html><head> <title>test</title><...转载 2018-04-20 13:19:26 · 171 阅读 · 0 评论 -
读JavaScript高级程序设计之js中如何判断类型
在很多情况下我都要对不同类型的数据做不同的处理首先我们看看数据类型有那些在JavaScript中数据类型分为2大类 基本类型 和 引用类型基本类型Underfine Uull Number String Boolean检查是否是基本类型typeof 就能搞定1234567891011121314151617181920var s = 'string';var b = false;var i = 1...转载 2018-04-20 13:23:42 · 213 阅读 · 0 评论 -
Vue组件之props,emit与on以及slot分发
总结的不错，后期项目中可参考使用原文地址：https://www.cnblogs.com/douyaer/p/7638176.html原创 2018-07-31 10:19:12 · 702 阅读 · 0 评论 -
通俗浅显的理解Promise中的then
Promise，ES6中定义的规范，不会使用Promise，都不敢说自己用过ES6，大部分介绍Promise的规范的文章对于新手小白来说看得云里雾里，且并不是通俗易懂。本文通过实例介绍讲述Promise中then的的最通俗应用理解，代码建立在不出现异常的情况的操作下，不严谨之处，请以官方规范为标准。先看一下下面4个Promise到底有什么区别呢？doSomething().then(fu...转载 2018-09-19 14:18:07 · 1969 阅读 · 0 评论 -
30分钟掌握ES6/ES2015核心内容（上）
ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了...在我们正式讲解ES6语转载 2018-01-18 15:07:59 · 242 阅读 · 0 评论 -
常用的Javascript设计模式
《Practical Common Lisp》的作者 Peter Seibel 曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员， 在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。术士和暗影牧师很容易成转载 2018-01-15 17:43:19 · 222 阅读 · 0 评论 -
JQuery删除cookie失效
最近做一个功能, 但是删除cookie的时候总是失效, 搞不清楚什么原因.使用$.cookie("name",""); 结果出来是生成了一个新的空值的cookie.使用$.cookie("name",null); 又删除不掉cookie.最后使用$.cookie("name",null,{path:"/"}); 终于成功了. 或许是$.cookie的转载 2016-01-18 13:01:58 · 320 阅读 · 0 评论 -
JS原型与原型链终极详解
一. 普通对象与函数对象 JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object ，Function 是JS自带的函数对象。下面举例说明 function f1(){}; var f2 = function(){}; var f3 = new Function('str','console.log(str)'); var o3转载 2016-01-20 17:42:17 · 217 阅读 · 0 评论 -
Javascript判断对象和字符串为空的优雅写法
最近突然发现自己写的JavaScript代码比较臃肿，所以开始研究JavaScript的简写方法。这样一来，可以让我们的JavaScript代码看起来比较清爽，同时也可以提高我们的技术。那么判断为空怎么简写呢? 下面就是有关判断为空的简写方法。 代码如下 if (variable1 !== null || variable1 !== undefined || variable1 !转载 2016-01-13 11:31:13 · 1380 阅读 · 0 评论 -
网页中嵌入pdf在线浏览(支持IE8及其以上版本浏览器)
客户端浏览器需安装AdbeRdr11000_zh_CN_11.0.0.379.exe插件原创 2017-05-12 17:42:54 · 19902 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记
通过js解决跨域问题的几种方式:jsonp、 iframe、window.name、window.postMessage、服务器上设置代理页面window.name 在一个页面打开另一个页面时，window.name是共享的，可以用来传递数据document.domain 实现跨域，将两个页面的document.domain 设置成相同2.纯后端方式: CORS，服务器代理原创 2017-11-22 14:36:21 · 206 阅读 · 0 评论 -
jQuery之Deferred对象详解
deferred对象是jQuery对Promises接口的实现。它是非同步操作的通用接口，可以被看作是一个等待完成的任务，开发者通过一些通过的接口对其进行设置。事实上，它扮演代理人（proxy）的角色，将那些非同步操作包装成具有某些统一特性的对象，典型例子就是Ajax操作、网页动画、web worker等等。jQuery的所有Ajax操作函数，默认返回的就是一个deferred对象。转载 2017-12-11 18:10:35 · 378 阅读 · 0 评论 -
从头开始学Node.js，讲的很好，可以学习他的系列讲解
https://cloud.tencent.com/developer/article/1006926?fromSource=gwzcw.705226.705226.705226?ref=myread 做个收藏原创 2017-12-14 17:05:30 · 612 阅读 · 0 评论 -
dom事件模型
目录EventTarget接口addEventListener()removeEventListener()dispatchEvent()监听函数HTML标签的on-属性Element节点的事件属性addEventListener方法this对象的指向事件的传播传播的三个阶段事件的代理Event对象event.bubbles，ev转载 2017-11-27 11:39:23 · 336 阅读 · 0 评论 -
定时器详解
目录setTimeout()setInterval()clearTimeout()，clearInterval()运行机制setTimeout(f, 0)含义应用正常任务与微任务参考链接JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任转载 2017-11-27 15:09:11 · 1512 阅读 · 0 评论 -
同源政策
目录概述含义目的限制范围Cookieiframe片段识别符window.postMessageLocalStorageAJAXJSONPWebSocketCORS参考链接浏览器安全的基石是“同源政策”（same-origin policy）。很多开发者都知道这一点，但了解得不全面。本节详细介绍“同源政策”的各个转载 2017-11-27 17:44:04 · 267 阅读 · 0 评论 -
犀利的background-clip:text，实现K歌字幕效果
今天学到了一个新的CSS3属性，更准确的说是属性值，那就是background-clip:text。利用此属性值可以制作出很神奇的效果。可惜只有chrome支持，不过今天可以先来玩玩这个属性。 先来介绍下background-clip吧，它的作用是对背景图片进行裁剪，取值有content-box|padding-box|border-box，即对哪一个盒子之外的背景进行裁剪。看下面的例子就明转载 2017-12-07 15:15:13 · 603 阅读 · 0 评论 -
js高级需要掌握的内容
原型：一个函数对象有一个prototype属性指向原型对象，原型对象默认是一个空的Object对象，Object对象实例有一个__proto__属性指向Object的原型，Object的原型是Object空对象，__proto__属性等于null原型链：原型分为隐式原型和显式原型，显示原型是函数对象的prototype指向的对象。隐式原型是对象的实例的__proto属性指向的对象，隐式原型和显原创 2018-01-15 10:54:04 · 1140 阅读 · 0 评论 -
彻底搞明白ES6的Promise用法
去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象...转载 2018-09-25 14:49:48 · 1878 阅读 · 0 评论