随笔分类 - Web前端-[HTML/CSS/JS]
html,html5,javascript
摘要：一般禁止body滚动的做法就是设置overflow:hidden。 但是很奇怪的发现在移动端浏览器和微信浏览器上这个不起作用，然后我分析了我的写法，就是在body上加了一个class去定义属性，然后改成标签的定位，如body{overflow:hidden;}，这个实现是可以的，没有滚动条。 再进一
阅读全文
摘要：现在最为普遍的三款 CSS 预处理器框架，分别是 Sass、Less CSS、Stylus。 拿less来说，可以在页面上直接使用less文件，但要引用less.js进行解析；同时也可以直接将less输出为css文件。推荐使用后者。 最常用的less编译输出css工具：与node.js关联的npm，
阅读全文
摘要：方式：引入CSS的方法有两种，一种是@import，一种是link @import url('地址');//注意，这种方式可以放在页面也可以放在css文件中<link href="地址" rel="stylesheet" type="text/css" />区别：1：link是XHTML标签，除了加
阅读全文
摘要：XHTML：可扩展超文本标记语言，是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。 参考：http://baike.baidu.com/search/word?word=XHTML 个人理解：这个应该就是一个标准，这个比html的格式更严格，更有说服力。 教程：http
阅读全文
摘要：主要是webkit内容浏览器 参考： http://www.jb51.net/html5/171764.html
阅读全文
摘要：css3新功能，根据屏幕大小进行识别。 参考： http://www.runoob.com/cssref/css3-pr-mediaquery.html
阅读全文
摘要：参考： http://www.bkjia.com/CSSjc/898331.html
阅读全文
摘要：参考：http://www.oschina.net/code/snippet_1042544_20893
阅读全文
摘要：暂时无解，如果是chrome的PC模式，滚动条是没有的，但如果是手机模式，滚动条会出现，且无法设置其样式，滚完后会自动消失。 如果设置div这些块元素，完全没问题。
阅读全文
摘要：比如我用HBuilder进行调试，在Chrome上修改了几个样式，我们通常的做法是，拷贝修改后的地方，然后再进行覆盖。 现在有了全自动的操作，在Chrome上修改了样式之后，通过Sources的Save as...功能能自动同步回本地。具体操作如下： 假设我编辑了这个文件： 进入到Sources页面
阅读全文
摘要：icon: http://www.easyicon.net/ http://www.iconpng.com/ images: http://www.58pic.com/tupian/fenxiangtubiao.html http://www.zcool.com.cn/ javascript: ht
阅读全文
摘要：$.children()//全部子节点 $.children(':first')//子节点的第一个
阅读全文
摘要：如果不在span中输入任何文本，span设置的背景图将无法显示出来。解决办法就是设置为块元素，然后设置固定的宽高。 参考：http://blog.csdn.net/jarniyy/article/details/49812787 再进一步研究，涉及到两个概念：行内元素和块元素。 个人理解： 行内元素
阅读全文
摘要：分析网易新闻手机web端，http://3g.163.com/,发现里面大量使用了rem这个单位进行计算大小。 针对rem这个单位有如下解析： px：像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常
阅读全文
摘要：原理，利用jquery的offset对象得到left或者top的值，然后用animate方法进行设置偏移量。 上面的代码可以根据实际情况改造。 http://www.cnblogs.com/EasonJim/p/5347296.html 之前实现的通过#号定位会有一个bug，在页面刷新时不会生效，只
阅读全文
摘要：参考微信的京东客户端http://wqs.jd.com/，实现DIV的横排滚动，且支持手势，并且不会出现滚动跳，效果如下： 但是观察其div结构是没有使用任何JS去实现。 一、实现上DIV的横排 观察其结构发现，使用了white-space: nowrap;这个属性，叫做文本排列方向，参考：http
阅读全文
摘要：http://www.w3school.com.cn/ http://www.runoob.com/ 不过上面这两个都是标准的CSS和CSS3教程，针对一些类似-webkit-内核的样式没有公布。 下面我来提供一个火狐的官方地址，也有少量的webkit的用法：https://developer.mo
阅读全文
摘要：事件： 1、touchstart：当手指放在屏幕上触发; 2、touchmove：当手指在屏幕上滑动时，连续地触发; 3、touchend：当手指从屏幕上离开时触发; 4、touchcancel： 当系统停止跟踪时触发; 该事件暂时使用不到; 由于触摸会导致屏幕动来动去，所以我们可以在这些事件中函数
阅读全文
摘要：通常我们在h5前端调用后台接口时，一般是ajax，那么接口的安全成了一个问题。 这里可以肯定的说，前端调用的接口一定要验证！ 然后剖析了微信网页版、京东网页版这些，也都是通过接口的形势绑定数据，所以在进行前端开发时，除了直接后台模板绑定，比如dotnet的MVC，java的springMVC这些。
阅读全文
摘要：1、CommonJS是一种规范，NodeJS是这种规范的实现。 1.1、CommonJS 加载模块是同步的，所以只有加载完成才能执行后面的操作。 参考： http://www.commonjs.org/ http://javascript.ruanyifeng.com/nodejs/module.h
阅读全文
浙公网安备 33010602011771号