随笔分类 -  Html

运动小插件（有氧运动）
摘要：作为一个热爱运动的程序员，自然而然地会把运动和程序联系在一起。最近发现有一套有氧运动动作很不错，奈何没有一个好的辅助提示工具，于是乎就想到自己写一个，很简单：动作共十组，每运动40秒休息20秒，持续10分钟。不多说，直接上代码： Html代码： Js 代码： 最后是我个人觉得非常适合做运动听的歌曲： 阅读全文
posted @ 2017-02-12 10:10 ChickenTang 阅读(399) 评论(0) 推荐(0)
结构-行为-样式-css&html横纵居中最佳实践
摘要：最近在做手机端的H5项目，有个标题是在一根横线中的，就是水平居中加垂直居中（如图一）。这应该是前端开发中经常遇到的一个场景了，做的次数多了就有一些体会，我今天就总结了下这种结构的实现思路：首先，用元素的Border来做这根线；然后，线与文字在同一个父级元素下；最后，设置线为绝定位，文字相对定位，设置 阅读全文
posted @ 2016-11-16 21:43 ChickenTang 阅读(288) 评论(0) 推荐(0)
结构-行为-样式-angularJs 指令实现滚动文字
摘要：最近在做XX项目的大屏展示页面，有一个表格需要用到这个滚动效果，于是就写了个指令，记录下，共同学习。 Html代码： 样式代码： 指令Js代码： 沟通请加扣扣：740482406. 阅读全文
posted @ 2016-09-28 15:31 ChickenTang 阅读(241) 评论(0) 推荐(0)
结构-行为-样式-requireJs实现图片轮播插件
摘要：最近工作需要，就自己写了一个图片轮播插件，不过想到要集成到框架中，于是又用RequireJs改了一遍。 style.css jquery-1.11.1.min.js require.js viewpager.js view.js index.html viewpager.js: view.js in 阅读全文
posted @ 2016-07-09 11:39 ChickenTang 阅读(177) 评论(0) 推荐(0)
Js-Html 前端系列--Ajax
摘要：最近在做Web项目，用到很多Ajax，也遇到很多问题。下面与大家分享。 Ajax传参 Ajax同步与异步 Ajax与谷歌浏览器 Ajax传参 我们一般传参有两种形式： $.ajax({ ... data: {'categoryID':categoryID}, ... }); 和 $.ajax({ . 阅读全文
posted @ 2015-12-28 22:13 ChickenTang 阅读(181) 评论(0) 推荐(0)
Js-Html 前端系列--checkbox
摘要：今天搞全选按钮，设置Checkbox的时候，处于Checked状态但是不显示勾。最后得出解决方案： var c = boxcList.eq(i).attr("checked"); if(c == "undefined"||c == undefined||c == false){ boxcList.e 阅读全文
posted @ 2015-12-27 17:21 ChickenTang 阅读(155) 评论(0) 推荐(0)