本文首发于我的个人博客,转载请注明来源和作者信息 想必大家都知道知道事件代理的好处了,不用绑定大量的事件,减少了代码书写量,同时也提高了性能。事件处理通常用来处理某一相同类型的事件。 场景一 <ul> <…
分类:前端开发
JavaScript中“数字”拥有的方法
number.toExponential(fractionDigits) 这个方法把number转换成一个指数形式的字符串。可选参数fractionDigits控制其小数点后的数字位数,它的值必须在0~20。(注:经本人…
响应式设计的性能优化
2010年,Ethan Marcotte 提出了「响应式网页设计」(Responsive Web Design),通过 Media Query 和 Fluid Layout 判断屏幕宽度,自行调整布局. 一般,在页面头部…
Day.01.03 通配符选择器
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 通配符选择器 </title&g…
Node.js 模块上下文会被污染吗?
很久之前在知乎上看到一个问题: 为什么 Node.js 不给每一个.js 文件以独立的上下文来避免作用域被污染? 后来在饿了么的分享中也碰到了相应的问题,就来整理一下,希望回顾的同时也能帮到需要的同学,如果这个没弄懂确实…
前端基础面试回顾--HTML+CSS
HTML 1. Doctype作用,HTML5 为什么只需要写 <!DOCTYPE HTML> doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(…
ckeditor富文本编辑器踩坑不完全指北
最近项目中需要开发一个问卷调查的模块,于是参考腾讯问卷使用ckeditor,该编辑器最大的优点就是可以使用行内模式(inline)。 根据官网的指引,将完整的项目包下到本地后,就可以在项目中使用了。 在项目中引入cked…
ES6对函数的拓展 — 箭头函数的this使用(2018-05-11)
箭头函数中的this指向的是定义时的this,而不是执行时的this。 举个栗子 //定义一个对象 var obj = { x:100, //属性x show(){ //延迟500毫秒,输出x的值…
基于MEAN的全栈开发实例教程1
什么是node? Node是一个开源,跨平台的用来执行javascript的运行环境。它建立在google的v8引擎上,而v8引擎正是google chrome浏览器的执行引擎,能够快速的将javascript代码转为原…
ES6必知必会 (六)—— Class
Class 1.在之前的JS面向对象编程中,如果定义一个构造函数,一般来说是这样: function Person( name , age ) { this.name = name; this.age = age; } …
Git常用指令整理(Git Cheat Sheet)
[Toc] 1. 创建 复制一个已创建的仓库:git clone ssh://user@domain.com/repo.git 创建一个新的本地仓库:git init 2. 本地修改 显示工作路径下已修改的文件:git …
JS二维码生成器
给出一段字符串 , 用JS生成对应的二维码 : 首先 , 下载这个 , 然后在HTML里面引用qrcode 然后创建个div id=qrcode 然后 写下这么…