HTML5 - 最新实例

仿羊了个羊HTML5三消游戏带后台

仿羊了个羊的三消游戏源码，玩法熟悉但又不失新意，挺适合用来练手。普通模式规规矩矩，王者荣耀版就比较有花样，竞技感强不少。整个项目不仅前端交互流畅，后台管理也做得比较到位，像是关卡、数据、广告这些都能管，适合拿来做二次开发或者上线运营。源码结构清晰，逻辑也挺好懂的，不是那种一看就懵的那种。关键是部署简

智能提示消息封装组件

智能提示消息的封装思路挺实用的，尤其在表单验证、操作反馈这些场景时，能省不少事。你只要配置好状态和内容，就能弹出对应的提示，响应也快，样式也还不错，兼容性也考虑得挺全。用在移动端或者后台管理都挺顺手的，像success、error这种状态都内置好了。更贴心的是，封装后还能自定义图标和样式，想怎么扩展

Dynamic HTML 3权威指南

Dynamic HTML 的第 3 版，内容真挺全的，基本上你用得上的HTML、XHTML、CSS、DOM和JavaScript，它都讲了，关键还不是走马观花，是那种讲细节、讲兼容性的。浏览器支持上也考虑得蛮周全，像IE7、Firefox 2、Safari、Opera，都能找到对应的适配方法和坑点提

HTML5移动Web开发指南

黑白扫描版的《HTML5 移动 Web 开发指南》，算是挺经典的一本入门参考书了。唐俊开的这本书内容不算新，但对于刚接触移动端开发的你来说，还是蛮有用的。 书里的排版还行，章节分得清晰，从基础标签讲到常用 API，还有不少和移动适配、触摸事件相关的例子。用起来会发现，viewport、rem 布局这

汽车服务公司响应式网站模板

汽车服务公司的响应式网站模板，风格简洁，布局灵活，挺适合想快速上线项目的你。首页支持多设备适配，自动切换成单列或多列结构，媒体查询写得还不错，移动端响应也快。 里面的HTML 结构挺清晰，直接改内容就能上。像index.html、about.html这类页面都准备好了，页面分区也合理，用起来不累。

省市县级联JSON数据（含港澳台）

省市县级联的 JSON 数据不少，但完整到包含台湾、香港、澳门三级的，真不多。这份资源就挺靠谱，不光把常规省份的市县都列全了，连多人忽略的港澳台也补上了。用来做地址选择器方便，格式清晰，直接配上 jQuery 或原生 JavaScript 写个三级联动就能跑。 蛮多网上的文件，到了港澳台就只剩个空壳

CSS动画+Canvas春节对联页面效果

春节的对联动画页面，靠的就是CSS 动画和Canvas的巧妙配合。对联滑出来的效果，其实用的就是@keyframes配合animation，动画流畅还挺有节日气氛。你甚至可以给它加点transform: rotate，模拟风吹摆动的感觉，挺生动的。 飘落的纸片是用Canvas画出来的，核心就是用re

Bangdan页面布局样式SCSS

猫眼 PC 端的静态页面布局，结构清晰，代码还蛮规整的。bangdan.scss主要样式层，适合新手练手，理解页面结构怎么搭起来的。虽然没加什么复杂交互，但从头到尾看一遍，对前端入门挺有的。 样式文件里有不少flex布局，用得还蛮合理的。比如导航条和列表区域，都是用display: flex来做响应

jQuery自执行函数用法

函数自执行的写法，jQuery 里头常用的(function($) {})(jQuery);，其实就是把$当参数传进匿名函数，防止和其他库冲突。挺实用的，是项目里多个 JS 库混着用时，作用就更了。嗯，避免全局变量污染，也更好维护。

jQuery-File-Upload 9.5.6图片上传插件

前端项目里图片上传做得顺不顺手，真的影响体验。jQuery-File-Upload 9.5.6这个插件，我用下来感觉还挺顺。支持多文件上传、预览、进度条、限制文件大小和类型，该有的都有。而且配置也不复杂，用FormData配合XMLHttpRequest或fetch就行，异步，响应也快。 HTML5