whqet

【资源帖】JS运算符优先级

1

[运算符优先级 (JavaScript)](https://technet.microsoft.com/zh-cn/library/z3ks45k7)

【资源帖】CSS居中实现

3

稍后整理，有激情的同学可以代为整理，赠送平时成绩30分。

一、 HTML基础 （一）文档结构：html文档、CSS文档、其他资源文件 （二）头部标记： 1． 标题：标题 2． 外部引用CSS： 3． 内嵌CSS: … （三）主体标记 二、 常用元素及属性 （一） 文本控制元素 （二） 图像元素： （三） 超链接元素： （四） 列表元素 1. 无序列表：ul li 2. 有序列表：ol li （五） 结构元素...

```html 表单学习 form { width: 300px; height: 300px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #000; } form div { margin: 20px...

【资源帖】JavaScript 突破想象力的操作

1

技术无极限，唯一的限制是你的想象力！ 在JavaScript世界中，有些操作会让你无法理解，但是却无比优雅。 ## 5种方式实现值交换 ```javascript //传统，但需要借助临时变量 var temp = a; a = b; b = temp; //需要两个整数 a ^= b; b ^= a; a ^= b; //借助数组 b = [a,...

[2017年 JavaScript 明星项目](https://risingstars.js.org/2017/zh)，大家闲的时候逐个看下，对于扩展知识面、提高面试成功率有着非凡的作用。

今天发现一个**招聘面试**方面的网站——[牛客网](https://www.nowcoder.net/)，里面有个能力评估板块，大家可以选择目标职位，测评技能现状，然后进行针对性的学习。 大家空的时候可以试试看，[前端工程师能力评估](https://www.nowcoder.net/test/205/summary)。

https://github.com/justjavac/awesome-wechat-weapp

## 懒加载 ### 什么是懒加载 懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加载所有图片，当需要显示的时候再发送图片请求，避免打开网页时加载过多资源。 ### 什么时候用懒加载 当页面中需要一次性载入很多图片的时候，往往都是需要用懒加载的。 ### 懒加载原理 我们都知道HTML中的``标签是代表文档中的一个图像。。说了个废话。。 ``标签有一个属性是`src`，用来表示图像的URL，当这个属性的值不为空时，浏览器就会根据这个值发送请求。如果没有`src`属性，就不会发送请求。 嗯？貌似这点可以利用一下？ 我先不设置`src`，需要的时候再设置？ nice，就是这样。 我们先不给``设置`src`，把图片真正的URL放在另一个属性`data-src`中，在需要的时候也就是图片进入可视区域的之前，将URL取出放到src中。 ### 文章来源 作者：axuebin 链接：https://juejin.im/post/59cb634a6fb9a00a4843bea9 来源：掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

【资源帖】重点复习案例

1

本学期的案例整理如下，请大家实时反刍，重点强化。 1. [换皮肤案例](https://bestace.github.io/fed/ppt/demos/chgSkin/index.html) 2. [随机背景](https://bestace.github.io/fed/ppt/demos/randomBg/index.html) 3. [猜数字](https://bestace.github.io/fed/ppt/demos/jsBase/guessNum2.html) 4. [选项卡](https://bestace.github.io/fed/ppt/demos/jsBase/tabs3.html) 10. [巨型菜单效果](https://codepen.io/whqet/pen/dZVvXW) :white_check_mark: 5. [放大镜](https://bestace.github.io/fed/ppt/demos/jsBase/zoom.html) 5. [放大镜2](https://bestace.github.io/fed/ppt/demos/jsBase/zoom22.html) 5. [放大镜3](https://bestace.github.io/fed/ppt/demos/jsBase/zoom33.html) 6. [打字效果](https://bestace.github.io/fed/ppt/demos/jsBase/type.html) 7. [下雪](https://bestace.github.io/fed/ppt/demos/jsBase/snow3.html) 8. [模拟对话框](https://bestace.github.io/fed/ppt/demos/jsDOM/modal-js.html) :white_check_mark: 9. [工具提示](https://bestace.github.io/fed/ppt/demos/jsDOM/tooltip2.html) 10. [新闻滚动效果](https://bestace.github.io/fed/ppt/demos/jsBOM/news.html) 10....