关于React脚手架的一点研究

作者: 日期:2018-02-05 点击: 5

React是Facebook研发的一款前端框架(MVC框架:侧重于view层操作),目前在行业内广泛使用。为了让框架的体积变的更轻量级,设计者们把其定义为 “渐进式” 框架,也就是:

深入理解Virtual DOM 算法

作者: 日期:2018-01-07 点击: 18

真正的 DOM 元素非常庞大,这是因为标准就是这么设计的。而且操作它们的时候你要小心翼翼,轻微的触碰可能就会导致页面重排,这可是杀死性能的罪魁祸首。 相对于 DOM 对象,原生的 JavaScript 对象处理起来更快,而且更简单。DOM 树上的结构、属性信息我们都可以很容易地用 JavaScript 对象表示出来:

JAVASCRIPT中的事件基础及核心原理以及项目实战

作者: 日期:2017-12-05 点击: 71

事件基础:全新认识事件 1、什么是事件? 事件是元素天生具备的行为方式(和写不写JS代码没关系),当我们去操作元素的时候会触发元素的很多事件 2、事件绑定 给当前元素的某一个事件绑定方法,目的是为了让当前元素某个事件被触发的时候,可以做一些事情 给某一个事件绑定方法,目前常用的有两种方式: 1、DOM0级事件绑定

JavaScript中的数组基础精讲

作者: 日期:2017-11-23 点击: 59

JavaScript中的数组基础精讲以及t数组常用方法,想看更多视频或者想了解更多关于前端技术的文章,请关注"zhufeng-peixun"的微信公告号

JavaScript常用的操作语句

作者: 日期:2017-11-23 点击: 44

JavaScript常用的操作语句,想看更多视频或者想了解更多关于前端技术的文章,请关注"zhufeng-peixun"的微信公告号

JQ源码解读和插件封装

作者: 日期:2017-11-23 点击: 38

Jquery源码解读和Jquery插件的封装,,想看更多视频或者想了解更多关于前端技术的文章,请关注"zhufeng-peixun"的微信公告号

详解JavaScript中的严格模式

作者: 日期:2017-08-24 点击: 147

JavaScript 严格模式除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立”严格模式”的目的,主要有以下几个: 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; 消除代码运行的一些不安全之处,保证

最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等

作者: 日期:2017-08-08 点击: 254

什么是 RegExp? RegExp 是正则表达式(Regular expression)的缩写,作用是对字符串执行模式匹配。 通常用于格式验证、正则替换、查找子串等 各种编程语言的正则表达式基本相同,不同的语言可能会有一些细小的差别 RegExp 语法1.// 直接实例化2.var reg = new RegExp(pattern [, flags]);3.// 隐式

前端事件绑定知识点(面试常考)

作者: 日期:2017-08-04 点击: 154

简介事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。事件通常与函数配合使用,当事件发生时函数才会执行。执行JS 事件的方式: HTML 事件属性可以直接执行 JavaScript 代码 HTML 事件属性可以调用 JavaScript 函数 你可以为 HTML 元素指定自己的事件处

JavaScript 中的尾调用优化

作者: 日期:2017-07-30 点击: 74

JavaScript 中的尾调用优化(tail call optimization)我在学习尾调用优化的过程中,有两个误解:第一个是,我们一谈优化,经常说时间的优化。但是尾调用优化却主要是指空间的优化。第二个是,既然尾调用优化是在 es6 中支持的,那么可能又要学新的语法了。然而,尾调用优化并不需要新的语法,而只是是在解释器(如V8)中做的改进。尾调用是一直

19种JavaScript常用简写方法

作者: 日期:2017-07-26 点击: 164

1.三元操作符当想写if…else语句时,使用三元操作符来代替。1.const x = 20;2.let answer;3.if (x > 10) {4. answer = 'is greater';5.} else {6. answer = 'is lesser';7.}简写:1.const answer = x > 10 ? 'is greater' :

一个博客爬取网站的设计思路与流程

作者: 日期:2017-07-22 点击: 91

前后花了两个月的时间,终于把数据库课设做完了。。。考虑到wooyun关闭后各种wooyun资源dump的流行,加上正好最近在通过各个博客学习安全知识,就想着做一个博客爬取网站吧,首先是写出一个爬虫来爬取整个博客的文章,然后再展示出来。这是网站的登陆界面,在左侧的文字概述了我做整个网站的初衷,希望做一个blog的收集平台,能够方便的爬

JS构造函数及new运算符

作者: 日期:2017-07-18 点击: 154

JS中的函数即可以是构造函数又可以当作普通函数来调用,当使用new来创建对象时,对应的函数就是构造函数,通过对象来调用时就是普通函数。普通函数的创建有:显式声明、匿名定义、new Function() 等三种方式。当通过new来创建一个新对象时,JS底层将新对象的原型链指向了构造函数的原型对象,于是就在新对象和函数对象之间建立了一条原

javascript中的mouseenter与mouseover区别

作者: 日期:2017-07-14 点击: 172

不知道大家在面试或者工作过程中有没有被mouseover和mouseenter(对应的是mouseout和mouseleave)事件所困扰。自己之前在面试的时候就有被问到诸如mouseover和mouseenter事件的异同之类的问题?当时没有答出来,一直也对这两个事件有点模糊不清,趁着最近正在读zepto源码,准备写一篇这方面的文章,如果有错误,请大家指正。mouseenter与

JavaScript的六种继承方式

作者: 日期:2017-06-24 点击: 149

继承是面向对象编程中又一非常重要的概念,JavaScript支持实现继承,不支持接口继承,实现继承主要依靠原型链来实现的原型链首先得要明白什么是原型链,在一篇文章看懂proto和prototype的关系及区别中讲得非常详细原型链继承基本思想就是让一个原型对象指向另一个类型的实例function SuperType() { this.property = true}SuperTyp

JavaScript创建对象的七种方式

作者: 日期:2017-06-20 点击: 108

JavaScript创建对象的方式有很多,通过Object构造函数或对象字面量的方式也可以创建单个对象,显然这两种方式会产生大量的重复代码,并不适合量产。接下来介绍七种非常经典的创建对象的方式,他们也各有优缺点工厂模式function createPerson(name, job) { var o = new Object() o.name = name o.job = job o.sayName = functio

盘点ES6/ES7好玩实用的特性

作者: 日期:2017-06-12 点击: 820

本文介绍一些ES6/ES7好玩实用又简单的特性,或许对写代码的效率也有一定帮助噢。ES6/ES7的出现已经有一段时间了,里面的一些新特性你们是否了解呢?本骚年将结合自身的一些使用经历介绍一些简单实用的新特性/语法糖。 基础常用的一些如let、const等这里就不详细介绍了,关于ES6/ES7的一些具体说明介绍大家可以参考ECMAScript 6 入

JavaScript 实现 Popover

作者: 日期:2017-06-05 点击: 90

简介Popover 是我们日常开发中用得比较多的组件,通常用于给定一个触发元素,当某特定事件 (hover, click等) 在该元素上触发时,弹出相关的菜单供用户选择。目标我们的 Popover 需要实现如下特性: 点击触发元素时,Popover 出现/消失 点击 Popover 内部时,Popover 不消失 点击 Popover 外部时(不包含触发元素),Popover 消失

JavaScript中的Date对象详解

作者: 日期:2017-05-14 点击: 112

时间的发现日常生活中,各种形式的时间字符到处都是。时间观念的产生,时间单位、计时工具的发明,给人类带来的变化实在一言难尽。今天就来谈谈日期那些事儿。一起来看看 JavaScript 中的日期对象 Date。Date 对象和其他对象如 Math、RegExp 等一样,Date 对象是 JavaScript 语言中的内建(build-in)对象。在工作中,Date 对象有着许多

前端常见算法面试题

作者: 日期:2017-05-01 点击: 230

判断回文(Palindromic Words)结果是,使用循环来判断,性能远高于数组方法。接下来,在其他一些例子中也能看到,借用数组方法,往往很耗性能。// Array methodsconst isPalindromicA = w => w === w.split('').reverse().join('');// while loopconst isPalindromicB = (w) => { let

DOM API获取元素的几种方法

作者: 日期:2017-04-21 点击: 223

DOM节点DOM的最小组成单位叫做节点(node)。文档的树形结构(DOM树),就是由各种不同类型的节点组成。节点有以下7种类型 Document:整个文档树的顶层节点(root node) DocumentType: doctype标签 Element:网页的各种HTML标签 Attribute:网页元素的属性(如calss=”aa”) Text:标签之间包含的文本内容 Comment:注

 190    1 2 3 4 5 6 7 8 下一页 尾页