whqet

【签到帖】 软件161 签到贴

42

请大家在本帖签到，格式： 00 王海庆 事件操作 get 元素获取 get 操作HTML get 操作CSS get

【签到帖】移应161 DOM复习签到帖

46

请大家在本贴签到，回复自己的技能get情况。 例如 00 王海庆 事件操作 get 元素获取 get 操作HTML get 操作CSS get

【资源帖】JS复习贴

1

# 引言 本学期的学习内容为利用Javascript的方式实现交互开发，在内容上主要分为三个部分，JS语言基础、文档对象模型（DOM）和浏览器对象模型（BOM）等。 # 内容 ## JS语言基础 ### 基础语法 ### 数据类型 ### 运算符 ### 程序结构 #### 条件语句 #### 循环语句 #### 其他语句 ### JS语言核心对象 #### 数组 #### Date对象 #### 函数 ####...

【导学贴】BOM详解

3

# 1. 目的 我们下次课将学习BOM对象，请大家课下学习。 # 2. 参考 1. 参考阮一峰JS教程[BOM部分](http://javascript.ruanyifeng.com/bom/window.html) 2. 参考[W3c School教程](http://www.w3school.com.cn/jsref/dom_obj_window.asp) # 3. 请大家踊跃报名学长。

【资源帖】 浏览器渲染方式详解

2

1. [深度剖析浏览器渲染性能](http://www.jianshu.com/p/a32b890c29b1) 2. [浏览器的渲染：过程与原理](https://zhuanlan.zhihu.com/p/29418126) 3. [页面重绘和回流以及优化](http://www.css88.com/archives/4996)

【作业贴】 移动161 08 放大镜实现

41

## 目的 利用放大镜案例，练习事件和事件对象的用法。 ## 要求 1. 放大镜样式可以创意。 2. 实现方式参考[课内案例](https://bestace.github.io/fed/ppt/demos/jsBase/zoom.html) [课内案例2](https://bestace.github.io/fed/ppt/demos/jsBase/zoom2.html) 3. 下节课前提交，格式 00 王海庆 [放大镜](https://bestace.github.io/fed/ppt/demos/jsBase/zoom2.html)

# 1. 目的 我们已经实现过模拟窗口案例，但是打开效果太过普通，小伙伴们有没有想过一些高端的打开方式，例如来点动画？ # 2. 内容 请大家在下次课前自主学习动画方式，请至少包括以下几种： 1. CSS过渡-transition（过渡） 2. CSS动画-animation（动画） 3. JS-setInterval(定时器) # 3. 要求 1. 请大家参考[CSS手册](http://zptcsoft.github.io/css3/)、阮一峰JS教程[计时器](http://javascript.ruanyifeng.com/advanced/timer.html)进行学习。 2. 请大家在本帖报名下次课学长。

PouchDB是一个开源的JavaScript数据库，可以运行在浏览器中。PouchDB项目的目标是帮助开发者构建线上和线下都能很好地使用的Web应用程序。 - 在应用程序离线的时候，可以将用户数据保存在本地； - 当恢复在线状态时，通过CouchDB和其他相兼容的服务器来同步这些数据。 这样，无论用户在什么地方、使用什么设备登录，都可以看到一致的数据。 就像离线版的Gmail或印象笔记等应用，你可以在任何地方、任何时候编辑内容，无论线上或线下，而在下次登录时这些内容会自动同步，并且在同步的时候可以保证之前在不同设备上保存的离线内容不发生冲突。 PouchDB基于Apache 2.0开源协议，代码托管在GitHub上。 - [Github](https://github.com/daleharvey/pouchdb) - [官方网站](http://pouchdb.com/ ) - [文档](http://pouchdb.com/learn.html) [PouchDB基础](http://www.cnblogs.com/final-elysion/p/6026848.html) - [PouchDB中文API](https://www.leasonlove.cn/?p=69)

html5中新增了两个属性来获取图像的实际宽度和高度，分别为`naturalWidth`和`naturalHeight`，获取代码如下代码所示。 ```javascript var realWidth = myimage.naturalWidth; // 真实图片宽度 var realHeight = myimage.naturalHeight; //真实图片高度 ``` 需要注意的是，有个前提条件，图片必须完全加载到浏览器中才可以获取。 `naturalWidth`的浏览器兼容情况参考[**can i use**](http://caniuse.com/#search=naturalWidth)，目前只有IE9-不支持，我们需要用下列代码实现兼容。 ```javascript //IE9- 中获取图片实际宽度 function getNatural (DOMelement) { var img = new Image();...

【资源帖】网页head部分元素详解

3

HTML中head部分，我们用来存储网页的元数据，例如网页标题、编码方式、关键字、描述、制作者、开发环境、页面关联文档等等。 但是， 远远不止这些…… 接下来，让我们来看看详解列表。 ++++ [这个就是连接，单击这里传送](https://github.com/joshbuchea/HEAD) ++++ 顺便说说，是个英文文档，没事儿，英文又如何，绝大多数是**代码**，我们所擅长的！！