前端开发常用技巧经验记录.pdfVIP

目 录 前言 Jquery Mobile入门笔记 豆瓣API使用介绍及通过ajax跨域获取url的json数据的方法 jQuery插件实战 ：slider.js/jquery.validate/jRating介绍 HTML5能为我们带来什么 js字符串主要操作方法 jquery实现全文检索与鼠标滑过工具栏特效 HTML5移动开发常用——XML基本知识介绍 HTML5移动开发实战必备知识——本地存储(1) HTML5本地数据库详解 前端素材解析—利用linear制作复杂的边框效果 HTML5开发移动web应用—JQuery Mobile(3)-列表 Angular.js回顾+学习笔记(1) 【ng-app和ng-model】 HTML5开发移动web应用—JQuery Mobile(4)-事件 CSS定位中的必须深究的常用技法 Angular.js中的指令——易懂全解析 实践中学习AngularJS中的表单 高效利用Angular中内置服务 利用Angular.js从PHP读取后台数据 本文档使用 看云 构建 - 2 - 前言 前言 原文出处 ：前端开发常用技巧经验记录 作者 ：fareise 本系列文章经作者授权在看云整理发布 ，未经作者允许 ，请勿转载 ！ 前端开发常用技巧经验记录 记录一些前端开发过程中的技巧以及开发过程中的经验 ，包括HTML ，CSS ， Javascript ，Jquery ，Bootstrap等。 本文档使用 看云 构建 - 3 - Jquery Mobile入门笔记 Jquery Mobile入门笔记 1、初始化移动浏览显示 meta name=”viewport” content=”width=device-width,initial-scale=1”/ 2、引入jquery mobile的css文件和js文件 3、HTML5 date=*属性用于通过jquery mobile为移动设备创建交互外观 示例 ： div date-role “page” div date-role “header“ h1标题/h1 /div div role “main” class ”ui-content” p内容/p /div div data-role “footer” h1页脚/h1 /div /div 在一个html文件中可以放多个date，但默认显示第一个data 可以通过href的形式进行跳转 ，示例 ： div date-role “page” id ”index1” a href ”#index1”页面跳转/a /div div date-role “page” id ”index2”/div 本文档使用 看云 构建 - 4 - Jquery Mobile入门笔记 4、设置页面过度效果data-transition div date-role “page” id ”index1” a href ”#index1” data-transition ”slide”页面跳转/a /div div date-role “page” id ”index2”/div 包括 ：slide/slideup/slidedown/pop/fade/flip/none 5、事件 (1)页面初始化事件 ：pagebeforecreate,pagecreate,pageinit (2)页面加载事件 ：pagebeforeload,pageload (3)页面过度事件 ：pagebeforeshow,pageshow,pagebeforehide,pagehide 示例 ： $(document).on(“pagebeforecreate”,function(){