document.getElementById("id"); //id
document.getElementByTagsName("tagname"); //标签名
document.getElementsByClassName("classname"); //类名

/为起始，表示从根目录开始解析
./为起始，表示从当前目录开始解析
../为起始，表示从上级目录开始解析

前端小技巧：

为提高加载性能以及节约带宽费用？
图片通过滚屏加载的方式异步加载，
这个即将被异步加载的图片为了布局稳健，体验良好，
往往会使用一个透明的图片占位。
一般人会这样

<img src='transparent.png'>

实际上，这个透明的占位图片也是多余的资源，可以直接

<img>

然后配合下面的样式实现一样的效果，

img{visibility:hidden;}
img[src]{visibility:hidden;}

注意
这里<img>直接没有src属性，没有src='',因为这个属性在很多浏览器下依然有请求，请求的之当前页面数据，
所以这个属性缺省时，不会有任何请求，是最高效的实现方式

骨架屏

https://mp.weixin.qq.com/s/cSalYJBrPrB40TTYiya7yA

让用户主观感受到的页面加载和渲染速度比真实情况还块
虚虚实实，用兵之道也，一切为了用户体验

概念：
在页面数据加载完成前，先给用户展示出页面的大致结构，
之后渲染出真实页面的内容将其换掉，加载控件，
本质：
界面加载过程中的过渡效果
加载完成前把网页的大概轮廓预先显示，接着逐渐加载真正的内容
既可以缓解用户等待的焦灼情绪，又能使界面的加载过程中显示自然通畅，减少了长时间白屏和闪烁，相对一传统的loading 效果，体验更佳。

一些思考

阿里前端委员会主席圆心：未来前端的机会在哪里？
阿里前端技术委员会主席在“前端路上的思考”

标签：前端, JS框架, 框架, JS, 在线, 正则, 适配

7 条评论

q

2016/10/20 15:56:09

//flag的解释叫标志量，用来作为控制一段语句是否雨欣的标志
//这段语句里，当flag位false时，flag===true的值为false,
//自然就达到不让if中代码执行的目的，可以把flag理解为信号灯
//Write Once ,Run Anywhere,
//借鉴C语言的基本语法
//借鉴Java语言的数据类型和内存管理
//借鉴Scheme语言，将函数提升到“第一等公民”（first class）的地位
//借鉴Self语言，使用基于原型（prototype）的继承机制
//JavaScript语言实际上是两种语言风格的混合产物
//简化的函数式编程和简化的面向对象编程，这是
//Brendan Eich（函数式编程）与网景公司共同决定的。
//

回复
M69W

2016/11/13 01:38:23

http://glench.com/hash/# A

回复
q

2016/11/14 14:25:50

规则一旦写死
有些人就按照这个来各种破坏
还给了他BB的理由

回复
M69W

2018/07/3 00:17:05

https://segmentfault.com/q/1010000009580234
既要用fixed定位又要用scrollTop
是类似：页面滚动到某位置后，当前位置的元素由普通布局变为fixed
那么建议：
1.单独定义一个class（比如fix_on），里面定义好fixed需要的属性 2.用offset()返回或设置匹配元素相对于文档的偏移(位置) 3.如果是高度，就用offset().top 4.scrollTop判断>offset().top 5.给需要fiexd的元素，addClass(“fix_on”); 6.scrollTop判断<offset().top 7.给需要fiexd的元素，removeClass(“fix_on”);

回复
q

2018/07/3 09:27:32

排就是行,
行是水平方向的一横行，横着的就是一行。
列是垂直方向上的一竖列，竖着的就是一列。

回复
M69W

2019/04/29 15:52:26

CSS快速入门-组合选择器
https://www.cnblogs.com/skyflask/p/8678979.html

回复
M69W

2019/05/10 17:07:26

{ } Braces 或 curly brackets 大括号
square brackets 或 brackets 方括号
< > angled brackets 尖括号
( ) parentheses 圆括号

回复

学点什么先

GitHub

How to learn

总结文档

JavaScript

jQuery

资讯

导航

几款在线编辑器

在线图片压缩

框架

插件

滑屏框架

在线工具

在线平台

前端优化

CDN

博客

other

冷知识

一些知识

其他

前端小技巧：

骨架屏

一些思考

7 条评论

你的评论