随笔分类 -  web前端

web前端相关
移动web页面头部书写
摘要:HTTP 标题信息(http-equiv) 和页面描述信息(name) http-equiv:该枚举的属性定义,可以改变服务器和用户代理行为的编译。编译的值取content 里的内容。简单来说即可以模拟 HTTP 协议响应头。最常见的大概属于Content-Type了,设置编码类型。如 H5中可以简 阅读全文

posted @ 2016-05-12 14:09 YeWeb 阅读(386) 评论(0) 推荐(0)

移动web中设计尺寸与制作尺寸详解
摘要:如今所有移动设备的尺寸各异,对于移动web的响应式也是一个考验 以下是目前一些主流设备的尺寸大小: 上图所有设备中可以总结为: <meta content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable 阅读全文

posted @ 2016-05-12 14:04 YeWeb 阅读(546) 评论(0) 推荐(0)

jquery中attr和prop的区别
摘要:在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM... 阅读全文

posted @ 2015-09-29 10:01 YeWeb 阅读(151) 评论(0) 推荐(0)

基于gulp的前端框架开发规范
摘要:前端开发及相关规范 - 基于gulp的前端框架开发规范1.前端开发工具的安装和使用说明前端开发工具的目录结构htmlcodeBuilder - v0.9├── statics ├── html //静态文件开发 ├── js // 非require引入的js文件 ├── Lib /... 阅读全文

posted @ 2015-09-16 10:55 YeWeb 阅读(3483) 评论(0) 推荐(0)

响应式布局简明示例-兼容IE8及以下浏览器
摘要:响应式布局简明示例,响应式布局最好同时也是自适应布局,然后再配合css3媒体查询,来达到完美的响应式布局。css3的媒体查询ie9一下是不支持的,这太遗憾了,不过幸运的是有大神已经为前端屌丝们写好了用于IE9以下的媒体查询脚本文件,引用方式如下: 注意:以上兼容IE9 以下css3媒体查询 的方法在... 阅读全文

posted @ 2015-08-31 11:35 YeWeb 阅读(2281) 评论(0) 推荐(0)

css 打印分页样式
摘要:page-break-after:always 是设置打印分页的样式;但是在使用的时候要注意该属性的标签只能用在body的子标签里,也就是body的第一子层级上。 阅读全文

posted @ 2015-08-24 09:51 YeWeb 阅读(557) 评论(0) 推荐(0)

js模块化编程(三):Require.js的用法
摘要:转自 ruanyifeng系列目录:Javascript模块化编程(一):模块的写法Javascript模块化编程(二):AMD规范Javascript模块化编程(三):Require.js的用法介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。我采用的是一个非常流行的库re... 阅读全文

posted @ 2015-08-11 17:37 YeWeb 阅读(228) 评论(0) 推荐(0)

js模块化编程(二):AMD规范
摘要:转自 ruanyifeng系列目录:Javascript模块化编程(一):模块的写法Javascript模块化编程(二):AMD规范Javascript模块化编程(三):Require.js的用法今天介绍如何规范地使用模块。接上文七、模块的规范先想一想,为什么模块很重要?因为有了模块,我们就可以更方... 阅读全文

posted @ 2015-08-11 17:36 YeWeb 阅读(195) 评论(0) 推荐(0)

js模块化编程(一):模块的写法
摘要:转自 ruanyifeng系列目录:Javascript模块化编程(一):模块的写法Javascript模块化编程(二):AMD规范Javascript模块化编程(三):Require.js的用法随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越... 阅读全文

posted @ 2015-08-11 17:35 YeWeb 阅读(1000) 评论(0) 推荐(0)

jQuery 判断所有图片加载完成
摘要:对于图片的处理,例如幻灯片播放、缩放等,都是依赖于在所有图片完成之后再进行操作。今天来看下如何判断所有的图片加载完成,而在加载完成之前可以使用 loading 的 gif 图表示正在加载中。一、普通方法监听 img 的 load 方法,每 load 一张图片比较一次。关键代码如下:var num =... 阅读全文

posted @ 2015-08-10 14:57 YeWeb 阅读(1040) 评论(0) 推荐(0)

jquery中attr和prop的区别
摘要:在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM... 阅读全文

posted @ 2015-08-05 17:43 YeWeb 阅读(198) 评论(0) 推荐(0)

关于启动定时器和取消定时器的问题
摘要:在js机制中,我们都知道,一般代码写在某个事件中的话,只有当触发事件,才会执行代码,比如$(selector).click(function(){alert('你好')});如上代码,只有在触发点击事件的时候,才会弹出 “你好” 的问候语;但是,在使用定时器的时候,不管是事件中,还是事件外,都会在加... 阅读全文

posted @ 2015-06-29 16:19 YeWeb 阅读(784) 评论(0) 推荐(0)

关于对象方法的类型总结obj.name 和 obj[name]的区别
摘要:在js中,经常会用到对象方法,比如json的使用。我们在使用json的时候,对象的方法的数据类型不一定是object,也就是说,可能是拼接成的字符串(需要改变对象方法的时候),也有可能是数字,等。。。今天在项目中遇到了一些问题,在这里总结一下。1.对象中的方法的数据类型是objectvar obj ... 阅读全文

posted @ 2015-04-21 19:59 YeWeb 阅读(867) 评论(0) 推荐(0)

js数组去重
摘要:第一种:也是最笨的吧。Array.prototype.unique1 = function () { var r = new Array(); label:for(var i = 0, n = this.length; i < n; i++) { for(var x = 0... 阅读全文

posted @ 2015-04-08 15:53 YeWeb 阅读(152) 评论(0) 推荐(0)

css 设置文本垂直居中
摘要:html: FedEx Express invented for more than 3.9 million shipments each business day. css:.dialog-cont{float: right; width: 63... 阅读全文

posted @ 2015-03-31 18:09 YeWeb 阅读(226) 评论(0) 推荐(0)

HTML特殊字符编码对照表
摘要:HTML特殊字符编码对照表特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符号命名实体十进制编码Α&Alpha;&#913;Β&Beta;&#914;Γ&Gamma;&#915;Δ&Delta;&#916;Ε&Epsilon;&#917;Ζ&Zeta;&#918;Η&Eta;&#919;Θ&... 阅读全文

posted @ 2015-03-31 12:01 YeWeb 阅读(3529) 评论(0) 推荐(0)

函数中,内置参数与jQuery方法参数(也可以说是对象键值对)
摘要:1.一个匿名函数中的参数,是不可以传递给jQuery方法中的参数。如:1 var someFn = function(key,value){2 $('selector').css({3 key:value4 })5 }2.一个变量不可改变一个键值对中的key。如:1 ... 阅读全文

posted @ 2015-03-30 16:26 YeWeb 阅读(826) 评论(0) 推荐(0)

IE兼容html5标签
摘要:让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。 方... 阅读全文

posted @ 2015-03-27 10:33 YeWeb 阅读(294) 评论(0) 推荐(0)

绑定事件后,某些情况下需要解绑该事件
摘要:比如,在做弹窗的时候, “弹出”时,我们让浏览器 禁止滑动(浏览器事件) ;“关闭”弹窗时,我们让浏览器 恢复滑动功能;下面的例子是 阻止表单默认 提交; 点击按钮 事, 取消阻止表单默认提交;html:1 2 3 4 unlock Submit5 js: 1 $().rea... 阅读全文

posted @ 2015-03-24 22:23 YeWeb 阅读(219) 评论(0) 推荐(0)

条件注释判断浏览器<!--[if !IE]><!--[if IE]><!--[if lt IE 6]><!--[if gte IE 6]>
摘要:除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT ope... 阅读全文

posted @ 2015-03-16 17:14 YeWeb 阅读(189) 评论(0) 推荐(0)

导航