pikcacho_pkq的博客

HTML5有很多好玩的特性，本实验利用HTML5的canvas技术，结合HTML5的FileAPI来实现图片的本地裁剪，从一个大图片中选取裁剪区域，保存等功能。

本次demo只有前端部分没有后端数据，所以采用json格式的假数据，将json中的数据作为模拟数据渲染到页面上即可。

折叠面板在前端页面十分常见，本课程将会带领初学者逐步完成一个jQuery内容折叠面板，并且使用jQuery的方法来实现简单的动画。

使用img标签加载图片，在网页上显示图片，这里就简单的设置一下样式了，主要目的是展示图片的不同加载方式。普通的实现方式就是不做任何处理，需要使用到图片时就去加载图片，这些图片一般存储在图片服务器上；因此这种方式会在图片较多时，需要加载很长时间，用户体验感很差。（本例中使用本地图片，且数量较少，所以差别不大；理解其实现差异即可）html文件js文件2.预加载的实现方式预加载是一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。预加载简单来说就是将所有所需的资源提前请求加载

记录一下使用jquery实现轮播图效果的过程。1.html文档结构首先来编写HTML文档结构，引入后面会编写的CSS文件、JavaScript文件及jQuery 。然后我们在中创建一个class=imageSlider的div用于存放图片轮播的所有内容。在这个div中，创建三个div，class分别为imageBox、titleBox和icoBox。div.imageBox用于存放图片列表，div.titleBox用于存放图片标题，div.icoBox用于存放图片编号（显示为轮播右下方的小圆点）。&l

1. 全局刷新与局部刷新在B/S 结构的项目中， 浏览器端负责把用户的请求和参数通过网络发送给服务器,服务端负责接收请求，并将处理的结果返回给浏览器。浏览器端负责展示响应结果给用户。全局刷新由浏览器亲自向服务端发送请求协议包，接着由服务端直接将【响应包】发送到浏览器的内存中，这个行为导致浏览器内存中原有内容被覆盖掉；所以整个浏览器数据全部被刷新。局部刷新不是由浏览器发送请求给服务端，而是浏览器委托浏览器内存中一个脚本对象代替浏览器发送请求。这个行为导致服务端直接将【响应包】发送脚本对象内存中，所以