摘要: 原文: http://efe.baidu.com/blog/position-sticky/ 户总是希望在窗口明显的地方方便找到自己想要的操作项,例如停留在浏览器窗口顶端的菜单栏,筛选栏等。所以我们会把用户最常用到或者我们希望用户注意到的内容一直展现在窗口的可视区域,让用户能够一眼就看到。这当中常需 阅读全文
posted @ 2017-03-30 09:28 陈道诚 阅读(1695) 评论(0) 推荐(0) 编辑
摘要: overflow:hidden清除浮动原理 该方法清楚浮动的本意 overflow:hidden的意思是超出部分去掉,如果父元素height为auto,内部元素浮动,势必会将内部元素全部隐藏,故计算出内部浮动高度顺便清除浮动。 满足下面任一条件的元素,会触发为 BFC : 浮动元素,float 除 阅读全文
posted @ 2017-03-30 09:23 陈道诚 阅读(694) 评论(0) 推荐(0) 编辑
摘要: 前言 最近在学习饿了么的Vue前端框架Element,发现其源码中大量使用了$broadcast和$dispatch方法,而Element使用的是Vue2.0版本,众所周知在Vue 1.0升级到2.0中去除了$broadcast和$dispatch方法。 所以在Element框架源码中将这两个函数重 阅读全文
posted @ 2017-03-30 09:15 陈道诚 阅读(255) 评论(0) 推荐(0) 编辑
摘要: npm 是 Node 的模块管理器,功能极其强大。它是 Node 获得成功的重要原因之一。 正因为有了npm,我们只要一行命令,就能安装别人写好的模块 。 $ npm install 本文介绍 npm 模块安装机制的细节,以及如何解决安装速度慢的问题。 一、从 npm install 说起 npm 阅读全文
posted @ 2017-03-27 18:56 陈道诚 阅读(1243) 评论(0) 推荐(0) 编辑
摘要: 一、简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架; jQuery是一个轻量级、快速简洁的javaScript库。 jQuery对象 jQuery产生的对象时jQuery独有的,只能自己调用 书写规则 支持链式操作; 在变量前加””符号(var”符号(va 阅读全文
posted @ 2017-03-14 17:57 陈道诚 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 转自:http://www.cnblogs.com/xianyulaodi/p/5863305.html 阅读目录 方法一:position加margin 方法二: diaplay:table-cell 方法三:position加 transform 方法四:flex;align-items: ce 阅读全文
posted @ 2017-03-02 09:03 陈道诚 阅读(197) 评论(0) 推荐(0) 编辑
摘要: 目录 元素查找 class操作 节点操作 属性操作 内容操作 css操作 位置大小 事件 DOM加载完毕 绑定上下文 去除空格 Ajax JSON处理 节点遍历 元素查找 // Node document.getElementById(id) // document.getElementById(' 阅读全文
posted @ 2017-03-02 08:56 陈道诚 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 转自:http://www.cnblogs.com/wingkun/p/6014259.html 现在许多公司往往注重后端优化,而忽略了前端优化 想想如果辛苦优化了服务器,后台,排查了sql,却在最后页面加载展示的时候很慢,也得不偿失 其实,前后台优化都是相辅相成的,后台优化好了,响应请求速度快,前 阅读全文
posted @ 2017-02-28 09:07 陈道诚 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 明白何谓Margin Collapse 不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例子来学习: .square { width: 80px; h 阅读全文
posted @ 2017-02-25 10:02 陈道诚 阅读(181) 评论(0) 推荐(0) 编辑
摘要: Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum 阅读全文
posted @ 2017-02-25 09:58 陈道诚 阅读(1035) 评论(0) 推荐(0) 编辑