加载中
javascript设计模式

设计模式 一、准备知识:call、apply、闭包、高阶函数 1. call、apply:改变this指向 2. 闭包:函数作用域嵌套,内层作用域可以访问外层作用域 利用闭包模拟bind: <!DOCTYPE html> <html la...

2017/08/09 10:16
32
angular封装modal,一个modal,多次使用

js: app.directive("modal", ["$timeout", function ($timeout) { return { restrict: "AE", templateUrl: "/template/modal.html", scope: { modalData: "=", sureCallback: "&", clearSear...

2016/11/21 11:01
50
移动端开发之viewport

参考了很多资料,说说自己对viewport的理解 viewport分visual viewport和layout viewport,visual viewport可以理解为移动设备屏幕的可视区域,visual viewport的大小可以理解为就是品目可视...

如何去掉HTML中li用inline-block造成的空格

1.Li使用float不用inline-block 2.在ul中设置font-size:0,单独在li中 设置需要的字体大小 (空格也属于 ul下的字体) 3.Li不要换行

2014/07/31 16:04
57
es6摘要

一、let、const 1、块级作用域 2、不存在变量提升(变量必须在声明后使用) 3、暂时性死区 (1)只要块级作用域内存在let、const命令,只要一进入当前作用域,所要使用的变量就已经存在了,但...

2018/06/06 10:13
7
模板引擎

思路 一、用正则匹配模板中需要替换的变量并拼接成可执行的javascript语句 二、利用new Function返回render函数 三、将render函数与数据结合形成我们需要的html代码 <!DOCTYPE html> <html ...

2017/11/02 09:44
3
instanceof

var obj = {}; obj instanceof Object; instanceof 判断的是构造器的prototype是否在对象的原型链上面

2017/08/10 09:26
6
css多行文本垂直居中

1. .outer {   display:table; width:578px; overflow:hidden;    background: #eee; height: 42px; } .middle {display:table-cell; vertical-align:middle; margin-left 1...

2016/03/31 11:24
56
IE6/IE7下:inline-block解决方案

IE6/IE7下:inline-block解决方案 IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时,所有的浏览器都支持; 2、block元素的display属性设置为...

2016/03/31 09:54
74
移动前端开发之viewport的深入理解

在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各...

2016/03/04 13:33
92
深入理解CSS中的层叠上下文和层叠顺序

深入理解CSS中的层叠上下文和层叠顺序 上下文 前端大全 · 2016-01-20 20:12 (点击上方公众号,可快速关注) 作者:张鑫旭 网址:http://www.zhangxinxu.com/wordpress/2016/01/understand-cs...

2016/03/03 11:43
58
html5 history api 实现无刷新浏览以及历史记录管理

<!DOCTYPE html> <html> <head lang="en">    <meta charset="UTF-8">    <title></title>    <style>       body, html, ul, li, dl, dt, dd {          ...

2016/02/25 15:17
71
ecmaScript5新特性

浏览器支持情况: Opera 11.60 Internet Explorer 9* Firefox 4 Safari 5.1** Chrome 13 ES5的严格模式 严格模式给作者提供了选择一个限制性更强语言变种的方式——给作者提供额外的可靠性给...

2016/02/18 09:26
40
html5 新标签

在之前的HTML页面中,大家基本上都是用了Div+CSS的布局方式。而搜索引擎去抓取页面的内容的时候,它只能猜测你的某个Div内的内容是文章内容容器,或者是导航模块的容器,或者是作者介绍的容器...

2016/02/16 17:50
98
Javascript并发模型和事件循环

JavaScript的"并发模型"是基于事件循环的,这个并发模型有别于Java的多线程, javascript的并发是单线程的。 Javascript 中有个重要一块,Event Loop,能把单线程的 JavaScript 使出 多线程的...

2016/02/16 09:21
92
js中的prototype和__proto__

prototype是函数的属性,每个函数都拥有一个prototype属性;__proto__是一个对象拥有的内置属性,是new一个实例时动态添加的属性,也是js内部寻找原型链的属性。 prototype属性拥有一个const...

2016/01/30 11:24
155
canvas学习

前言 基本知识 绘制矩形 清除矩形区域 圆弧 路径 绘制线段 绘制贝塞尔曲线 线性渐变 径向渐变(发散) 图形变形(平移、旋转、缩放) 矩阵变换(图形变形的机制) 图形组合 给图形绘制阴影 ...

2016/01/22 17:42
118
DOMLoaded 类似jquery的$(callback)

/**  * Created by doyen on 2016/1/22.  */ (function (window) {    var userAgent = navigator.userAgent;    var ieReg = /MSIE\s(?=(\d{1,2}.\d{1}))/;    var...

2016/01/22 11:27
18
浏览器Document Ready事件捕获策略

获取document ready event的方式:W3C标准方式、IE方式及IE hack方式

2016/01/22 09:12
29
js 设计模式

《Practical Common Lisp》的作者 Peter Seibel 曾说,如果你需要一种模式,那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案。 不管是弱类...

2016/01/19 14:35
56

没有更多内容

加载失败,请刷新页面

返回顶部
顶部