• 深入理解requestAnimationFrame制作web动画

    早就知道requestAnimationFrame在制作web动画方面有很多优势,但是具体有哪些优势,并且怎么使用,并不是很了解,今天正好抽时间在网上找资料学习下。 在Web应用中,实现动画效果的方法...

    阅读(135) 2018-07-30
  • JavaScript内存优化总结

    一直关注前端性能,但是前端涉及到的知识点太多,浏览器、缓存、DOM、动画、JavaScript语言......所以前端性能可优化点有很多,今天主要从JS内存方面来回顾下性能优化的要点。 相对...

    阅读(202) 2018-07-28
    JavaScript内存优化总结
  • JavaScript为价格金额添加千分位逗号分割符代码

    做项目时,肯定会遇到支付、输入价格登场景,这个时候,如果使用千分位逗号将价格展示给客户,100%可以提升用户体验,用户用起来就爽,但是这种需求,JS本身没有现成的方法,今...

    阅读(99) 2018-07-28
  • JavaScript垃圾回收机制详解

    JavaScript具有自动垃圾收集机制,也即是说,执行环境会负责管理代码执行过程中使用的内存。而在C和C++之类的语言中,开发人员的一项基本任务就是手工跟踪内存的使用情况,这是造...

    阅读(88) 2018-07-28
  • JavaScript设计模式之代理模式

    今天周末,抽空来总结下JavaScript常用的一种开发模式:代理模式,并且看看它在实际工作中是如何运行的,可以给我们的开发带来哪些便捷和好处。 所谓代理,就是一个中间者角色,...

    阅读(79) 2018-07-21
    JavaScript设计模式之代理模式
  • 前端开发常用HTTP知识点总结

    现在做前端开发,不单单是用jQuery操作DOM写几个显示隐藏的效果,更多的是与数据打交道,数据是从后端获取的,那就免不了要用HTTP传输。我们需要知道前后端联调时的请求和响应、请...

    阅读(197) 2018-07-10
    前端开发常用HTTP知识点总结
  • WEB安全之:CSRF跨站请求伪造的原理与防护

    今天继续回忆下CSRF跨站点请求伪造的原理与相关安全防护方法。 攻击者盗用了你的身份,以你的名义发送恶意请求,对服务器来说这个请求是完全合法的,但是却完成了攻击者所期望...

    阅读(192) 2018-07-09
  • WEB安全之:XSS跨站脚本攻击的原理与防护

    最近项目中在做用户留言、评论的功能,趁机再回忆复习下WEB安全方面的知识点。目前WEB攻击最常用的两种方式有:XSS(跨站脚本攻击)、CSRF(跨站请求伪造),今天主要总结下XSS跨站脚...

    阅读(92) 2018-07-09
  • 深入了解JavaScript中的with关键字

    最近一直在看JavaScript性能方面的文章,某些文章直接说到不推荐在JS中使用with,具体为什么不推荐,没怎么说,下来查看各方资料,总结如下。 一、《JavaScript高级程序设计》中对wit...

    阅读(143) 2018-07-09
  • ES6官方Promise 实现原理及源码解析

    根据ES6官方Promise用法,结合个人思路,试着实现Promise,源码通过每次git提交,记录自己的思路,持续修改更新中!...

    阅读(749) 2018-07-09
    ES6官方Promise 实现原理及源码解析
  • JavaScript设计模式之观察者模式(发布与订阅)

    发布---订阅模式又叫观察者模式,它定义了对象间的一种一对多的关系,让多个观察者对象同时监听某一个主题对象,当一个对象发生改变时,所有依赖于它的对象都将得到通知.。发布...

    阅读(712) 2018-07-21
  • 最好用的ES7异步操作之async/await

    之前的博客笔记中学习了JavaScript异步操作之Promise对象,也使用了很长时间,听说ES7给出了最新的异步操作方法async/await,现在来体验下:...

    阅读(173) 2017-10-07
  • 深入了解JavaScript的JSON对象数据属性和访问器属性

    ECMA-262第5版在定义只有内部才能使用的特性时,描述了属性的各种特征。ECMS-262定义这些特性是为了实现JavaScript引擎用的,因此在JavaScript中不能直接访问它们,为了表示特性是内部直,...

    阅读(238) 2017-12-03
  • JavaScript中forEach和map方法的异同

    经常在ES6的语法中用到foreach和map两个方法,各有个的使用场景,具体如下: 一、forEach用法如下: 1、高级浏览器都支持forEach语法; 2、forEach和map都支持2个参数:回调函数(item,index,...

    阅读(177) 2017-12-03
  • 进程和线程的区别【图解】

    进程和线程是操作系统的基本概念,比较抽象,不易理解。今天在阮一峰老师的博客上看到一篇关于进程与线程类比的文章,可以把它们解释的清晰易懂。 计算机的核心是CPU,它承担了...

    阅读(143) 2017-08-03
    进程和线程的区别【图解】
  • JavaScript对象的深拷贝与浅拷贝【附内存图】

    我们使用jQuery的时候,肯定用过$.extend({}, obj1, obj2)这个方法,它的作用就是将obj1与obj2的属性复制到第一个参数对象中,实现拷贝。 JavaScript数据类型分为两种:基本类型(number、strin...

    阅读(356) 2017-12-03
    JavaScript对象的深拷贝与浅拷贝【附内存图】
  • ECMAScript6常用新特性总结

    最近项目中很多代码都是ES6的语法,比如NodeJs、VueJs及Webpack等。所以今天来抽时间总结一下ES6在项目中经常用到的一些新特性语法。 一、let声明变量 1、基本用法: ES6 新增了let命令,...

    阅读(566) 2017-12-10
  • JavaScript面向对象编程之封装

    最近一直在看关于JavaScript面向对象编程方面的知识点,虽然之前也了解过一些,工作中也用到了,但是现在结合JavaScript权威指南、JavaScript高级程序设计以及阮一峰老师的文章再过一遍...

    阅读(290) 2017-09-24
  • 通过JavaScript实现页面打印功能

    在实际开发过程当中,用户需要打印当前页面的内容,比如说在教育系统中,教师组卷成功之后,要把这套试卷打印下发给学生,通过JavaScript可以轻松实现打印功能,代码如下: CSS部分: *{margi...

    阅读(180) 2017-08-03
  • 使用javascript调换数组内任意两个元素的位置

    今天在项目里边遇到一个需求,并且我使用的前端框架是Angular1.0,从后台获取到数据(是一个数组)之后,要将内容循环显示到页面中,但是其中有一个操作是互换两个数组元素之间的...

    阅读(192) 2017-08-03