随笔分类 -  js

摘要:https://blog.csdn.net/qq_34543252/article/details/80524169 阅读全文
posted @ 2019-04-12 14:06 高圈圈 阅读(157) 评论(0) 推荐(0)
摘要:函数调用的几种方式: 1. body里面直接调用: 2.js里调用 3.通过链接调用 4.响应事件中调用 阅读全文
posted @ 2018-07-04 16:34 高圈圈 阅读(106) 评论(0) 推荐(0)
摘要:前端开发框架,移动优先,响应式布局开发。 网址:www.bootcss.com js有一个特性是阻塞加载,也就是说js文件如果没有加载完,不会进行后面的加载,所以例子中会把js文件写在body的最后一句,但是实际开发不会这样。 容器: 1.container:固定宽度 尺寸:1170、970、750 阅读全文
posted @ 2018-06-26 18:09 高圈圈 阅读(323) 评论(0) 推荐(0)
摘要:一款用于PC端和移动端的滑动效果插件。 中文网站:http://www.swiper.com.cn/# 点击中文教程、使用方法 1. initialSlide:初始索引值,从0开始 2.paginationClickable:true:分页原点点击切换 3.loop:true:首尾连接 如何改自定义 阅读全文
posted @ 2018-06-26 16:55 高圈圈 阅读(175) 评论(0) 推荐(0)
摘要:1. touchstart : 手指放到屏幕上时触发 2. touchmove : 手指在屏幕上滑动时触发 3. touched : 手指离开屏幕时触发 4. touchcancel : 系统取消touch事件时触发,比较少用 移动端一般有三种操作:点击、滑动、拖动,这三种操作一般是组合使用上面4个 阅读全文
posted @ 2018-06-26 09:46 高圈圈 阅读(185) 评论(0) 推荐(0)
摘要:1. draggable() 滑动条demo: 阅读全文
posted @ 2018-06-25 21:56 高圈圈 阅读(186) 评论(1) 推荐(0)
摘要:1. cookie 容量小:4k,在同源的http请求时携带传输,占用带宽,有日期限制 2. localStorage 容量更大:5M,不会再请求时携带传递,在所有同源窗口中共享,数据一直有效,除非人为删除,可作为长期数据。 3. sessionStorage 容量>=5M,不会在请求时携带传递,在 阅读全文
posted @ 2018-06-25 21:09 高圈圈 阅读(173) 评论(0) 推荐(0)
摘要:正则表达式: 1.test demo: 结果: 给之前天天生鲜的登陆页面增加正则表达式的验证,添加一个js文件如下: 阅读全文
posted @ 2018-06-25 14:57 高圈圈 阅读(332) 评论(1) 推荐(0)
摘要:demo: 结果显示在页面上: 阅读全文
posted @ 2018-06-25 10:59 高圈圈 阅读(485) 评论(0) 推荐(0)
摘要:json: data.json: 导入json数据: json是JavaScript Object Nation 的首字母缩写,单词的意思是javascript对象表示法,这里说的json指的是类似于javascript对象的一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。 阅读全文
posted @ 2018-06-25 10:37 高圈圈 阅读(174) 评论(0) 推荐(0)
摘要:制作天天生鲜的幻灯片部分 贴了全部代码: main.html: main.css: reset.css: slide.js: 阅读全文
posted @ 2018-06-24 17:55 高圈圈 阅读(501) 评论(1) 推荐(0)
摘要:从这里下载了滚轮事件插件:https://github.com/jquery/jquery-mousewheel 函数节流:js中有些事件的触发频率非常高,在短时间内多次触发执行绑定函数,比如mousemove()然而这并不是我们想要的效果,解决方法就是通过使用定时器来减少触发的次数,实现函数节流。 阅读全文
posted @ 2018-06-22 17:33 高圈圈 阅读(723) 评论(2) 推荐(0)
摘要:插入节点: 1.append()和appendTo():在现存元素的内部,从后面插入元素 2. prepend()和prependTo():在现存元素的内部从前面插入元素 3. after()和insertAfter():在现存元素的外部,从后面插入元素 4. before()和insertBefo 阅读全文
posted @ 2018-06-22 16:39 高圈圈 阅读(153) 评论(0) 推荐(0)
摘要:一个事件冒泡的例子: 事件冒泡有时候是不需要的,需要阻止掉,通过event.stopPropagation()来阻止 阻止默认行为:(阻止右键菜单) 合并阻止操作: 实际开发中一般把阻止冒泡和阻止默认行为合并起来写 return false; eg:(弹框--阻止冒泡) 事件委托:利用事件冒泡原理把 阅读全文
posted @ 2018-06-21 21:56 高圈圈 阅读(286) 评论(0) 推荐(1)
摘要:使用mouseover()、mouseout()时会出现这样一种情况,鼠标快速多次移入移出后这个盒子会在鼠标不动后继续运动 代码如下: 此时会有这种bug: 解决方法:在mouseover()和mouseout()前面加上stop()就好啦! 阅读全文
posted @ 2018-06-21 20:41 高圈圈 阅读(519) 评论(0) 推荐(0)
摘要:无缝滚动: 效果展示: 阅读全文
posted @ 2018-06-21 18:06 高圈圈 阅读(259) 评论(0) 推荐(0)
摘要:置顶菜单: 效果展示: 阅读全文
posted @ 2018-06-21 16:28 高圈圈 阅读(195) 评论(0) 推荐(0)
摘要:1. 获取和设置元素的尺寸 2. 获取元素相对页面的绝对位置:offset() 这种方式增加的盒子不会对之前的结构产生影响 demo: 3. $(window).height(): 获取可视区的高度(桌面显示的一个窗口的大小) 4. $(document).height(): 获取页面高度 5. $ 阅读全文
posted @ 2018-06-21 11:09 高圈圈 阅读(270) 评论(0) 推荐(1)
摘要:1.通过animate方法可以设置元素某属性值上的动画 回调函数很强大哦,可以做很多事~ 2.each 相当于for循环,这个each()中的第一个参数是索引值 阅读全文
posted @ 2018-06-21 10:40 高圈圈 阅读(129) 评论(0) 推荐(0)
摘要:1. attr()、prop() 取出或者设置某个属性的值 2. text() 取出或设置text内容,去除其中的标签;而html()取出标签中的内容,会包含子标签。 特殊效果: 阅读全文
posted @ 2018-06-20 20:31 高圈圈 阅读(127) 评论(0) 推荐(0)