随笔分类 -  jQuery

摘要:Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 http://vuejs.org/js/vue.min.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载 阅读全文
posted @ 2018-01-12 15:51 journeyIT 阅读(7) 评论(0) 推荐(0) 编辑
摘要:一、实现Ajax应用 1. 使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) 参数url为加载服务器地址,可选项data参数为请求时发送的数据,call 阅读全文
posted @ 2018-01-12 15:06 journeyIT 阅读(6) 评论(0) 推荐(0) 编辑
摘要:一、动画显示与隐藏 1. jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效 阅读全文
posted @ 2018-01-12 15:04 journeyIT 阅读(8) 评论(0) 推荐(0) 编辑
摘要:一、鼠标事件 1. jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作,另一个方法是dbclick方法用于监听用户双击操作。这两个方法的用法是类似的,下面以click()事件为例 使用上 阅读全文
posted @ 2018-01-12 15:04 journeyIT 阅读(8) 评论(0) 推荐(0) 编辑
摘要:一、DOM节点的创建 1. DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态 阅读全文
posted @ 2018-01-12 15:03 journeyIT 阅读(17) 评论(0) 推荐(0) 编辑
摘要:一、初识jQuery 1.环境搭建 进入官方网站获取最新的版本 http://jquery.com/download/ ,这里需要注意 jQuery 分 2 个系列版本1.x 与 2.x,主要的区别在于 2.x 不再兼容 IE6、7、8浏览器,这样做的目的是为了兼容移动端开发。由于减少了一些代码,使 阅读全文
posted @ 2018-01-12 15:02 journeyIT 阅读(11) 评论(0) 推荐(0) 编辑
摘要:参数配置(属性+事件) chart.events.addSeries:添加数列到图表中。 chart.events.click:整个图表的绘图区上所发生的点击事件。 chart.events.load:图表加载事件。 chart.events.redraw:图表重画事件,当点击图注显示和隐藏绘图时可 阅读全文
posted @ 2018-01-12 13:29 journeyIT 阅读(9) 评论(0) 推荐(0) 编辑
摘要:复习: LESS是一门动态样式语言,.less文件最终要转换成.css文件LESS语言为CSS扩展了变量、混合、函数、判断等方面的特性,简化CSS样式文件的编写。 LESS语言的应用方法有两种: (1)在客户端直接使用.less文件 不推荐使用 <link rel="stylesheet/less" 阅读全文
posted @ 2018-01-12 12:07 journeyIT 阅读(4) 评论(0) 推荐(0) 编辑
摘要:规则01:尽量减少HTTP请求 前端优化的黄金准则指导着前端页面的优化策略:只有10%-20%的最终用户响应时间花在接受请求的HTML文档上,剩下的80%-90%时间花在为HTML文档所引用的所有组件(图片、脚本、样式表等)进行的HTTP请求上。因此,改善响应时间的最简单途径就是减少组件的数量,并由 阅读全文
posted @ 2018-01-10 23:18 journeyIT 阅读(17) 评论(0) 推荐(0) 编辑
摘要:基本方法扩充 get():下标和length属性 outerWidth():针对隐藏元素和参数true text():合体的特例 remove():detach() ()(document).ready() get():就是把JQ转成原生的js $('#div1').innerHTML; // 阅读全文
posted @ 2018-01-10 23:01 journeyIT 阅读(2) 评论(0) 推荐(0) 编辑
摘要:选择网页元素 模拟CSS选择元素 ('#div1') //通过id获取元素('div') //通过标签获取元素 $('.box') //通过class名获取元素 独有表达式选择 :first 、:last、:eq()、:even、:odd <ul> <li></li> <li title="h 阅读全文
posted @ 2018-01-10 23:00 journeyIT 阅读(2) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示