随笔分类 -  Js

js实现瀑布流布局
摘要:js实现瀑布流布局原理代码实现功能:1、定义函数 waterfall(parent,box) 实现瀑布流布局。2、当拖动滚动轴时候,到底部时候会触发 添加元素事件,瀑布流布局。瀑布流思路:第一排自由排版,记录第一排元素的高度存入数组,之后出现的元素 都会放到 数组高度最小的元素下面,绝对定位方式(x 阅读全文

posted @ 2019-07-10 18:16 longlongcheng 阅读(2103) 评论(0) 推荐(0)

JavaScript控制固定边框,图片全部展示
摘要:JavaScript控制固定边框,图片全部展示 阅读全文

posted @ 2019-05-08 18:48 longlongcheng 阅读(250) 评论(0) 推荐(0)

响应式布局想法和实现
摘要:看过这篇文章,写的挺全面, 从几个方面分析响应式写法优劣,先收藏: http://caibaojian.com/web-app-rem.html 最终方案: rem是通过根元素进行适配的,网页中的根元素指的是html,我们通过设置html的字体大小就可以控制rem的大小。 下面函数将屏幕宽度和根元素 阅读全文

posted @ 2018-09-06 11:19 longlongcheng 阅读(210) 评论(0) 推荐(0)

javascript 贪吃蛇
摘要:1、创建地图 (10x10,宽度20格子) 2、创造人物(蛇头,设置初始位置,绝对位置【0,0】,开始游戏游戏后方向,速度) 3、创造食物(随机坐标,上一个结束后创建下一个,不能生成在蛇身体位置,可以格子和蛇身加唯一index) 4、移动人物(蛇头,监测键盘keycode 37、38、39、40,相 阅读全文

posted @ 2018-08-16 11:39 longlongcheng 阅读(247) 评论(0) 推荐(0)

多栏目显示隐藏
摘要:1、多栏目显示隐藏 <div id="hei"> <li class="m1" style="color: #fff;" onclick="bian(0)">选择1</li> <li class="m2" onclick="bian(1)">选择2</li> <li class="m3" oncli 阅读全文

posted @ 2018-07-02 16:58 longlongcheng 阅读(149) 评论(0) 推荐(0)

javascript闭包,for循环同步和异步
摘要:js6的话,通过将for循环里面 定义i 的var换成let就ok ,for循环内部就能生效。 阅读全文

posted @ 2018-07-02 16:54 longlongcheng 阅读(2169) 评论(0) 推荐(0)

ECMAScript 6 let和var区别和应用
摘要:var 和let 不同处和应用 (1) 作用域不同,let只局限于当前代码块{} <script> 阅读全文

posted @ 2018-06-01 18:26 longlongcheng 阅读(490) 评论(0) 推荐(0)

js jquery获取所有同级相邻元素,同tag标签,中间有间隔其他tag的不算,不是siblings
摘要:jquery 选中所有同级相邻的元素,不是siblings选取的所有同级元素,不管相邻不相邻。 如下面案例: 我只想获取 相邻 的 h4 标签,中间一旦有 p 隔开,就不算。一旦点击一个tag是h4,所有相邻的 h4 同级元素一样触发添加样式。 思路是:在加载页面的时候,所有同级元素遍历一遍,加上各 阅读全文

posted @ 2018-04-02 18:30 longlongcheng 阅读(918) 评论(0) 推荐(0)

javascript 学习笔记
摘要:偶尔翻出以前学习JavaScript做的一些笔记,大体是当时觉得有必要留心的一些东西,怕一不留心删了又错过了,就贴在这里,做个纪念。 javascript手册--同步 1、doucument.write("");输出里面内容要加双引号或单引号2、<a href="javascript:alert(' 阅读全文

posted @ 2017-12-12 23:30 longlongcheng 阅读(231) 评论(0) 推荐(0)

jquery学习笔记
摘要:偶尔翻出以前学习jquery框架做的一些笔记,大体是当时觉得有必要留心的一些东西,怕一不留心删了又错过了,就贴在这里,做个纪念。 1、冒号(:)表示过滤,空格表示所有下级,(>)表示下一级(只一级),(+)表示紧接一个元素,(~)表示同辈,中括号[]表示属性过滤,(,)逗号表示将每一个选择器匹配到的 阅读全文

posted @ 2017-12-12 23:29 longlongcheng 阅读(245) 评论(0) 推荐(0)

jquery绑定的事件对ajax刷新出的数据不生效,on可能受jquery版本影响
摘要:问题:jquery绑定的事件对ajax刷新出的数据不生效 方法:可以用 jquery 里面的 on 和 delegate 预绑定父元素就可以触发的。 注意:某些限制下,个人用的是jquery 1.4.2版本,还不能更新到 1.7版本,on 绑定是报错的,用 delegate 可以的。 on对jque 阅读全文

posted @ 2017-11-07 11:52 longlongcheng 阅读(906) 评论(0) 推荐(0)

js数组键入值push和 arr[i]区别
摘要:push 和 arr[i] 遍历 var arr = new Array(); $(":check").each(function(i){if(this.checked==true){ arr.push($(this).val()); } }); var str = arr.join(','); a 阅读全文

posted @ 2016-12-22 16:20 longlongcheng 阅读(4010) 评论(0) 推荐(0)

表单提交验证提交数据代码
摘要:1 2 阅读全文

posted @ 2016-11-11 11:55 longlongcheng 阅读(276) 评论(0) 推荐(0)

js控制 固定框架内图片 按比例显示 以及 占满框架 居中显示
摘要:js控制 固定框架内图片 等比例显示 以及 占满框架 纵横居中显示 通过设置 js函数 fitDiv里面var fit的值就好 案例在: http://runjs.cn/code/psh7sjbo 阅读全文

posted @ 2016-08-15 10:19 longlongcheng 阅读(528) 评论(0) 推荐(0)

导航