02 2018 档案
摘要：1 Query Pagination分页插件 2 3 原项目地址：http://plugins.jquery.com/project/pagination 4 版本：v1.2 5 源文件下载：英文原版 或 中文翻译修改版 6 翻译：张鑫旭 7 demo实例页面 8 基本demo页面 9 Ajax demo页面 10 参数可编辑demo页面 11 插件简介 12 此jQuery...
阅读全文
摘要：该 object-fit CSS 属性指定替换元素的内容应该如何适应到其使用的高度和宽度确定的框。 初始值 fill 适用于 替换元素 遗传 是 媒体 视觉 计算值 按规定 动画类型 离散的 为了规范 通过正规的语法定义的唯一无歧义的秩序 /* 关键属性 */ 1 2 3 4 5 /* 全局属性 *
阅读全文
摘要：1 function checkIdentity(identity){ 2 var reg = /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/; 3 if(reg.test(identity)){ 4 return true; 5 }...
阅读全文
摘要：弹性图片指的是不给图片设置固定尺寸，而是根据流体网格进行缩放，用于适应各种网格的尺寸。而实现方法是比较简单，一句代码就能搞定的事情。img {max-width:100%;} 来看一个断点解决图片自适应的例子。 <img src="image.jpg" data-src-600px="image-6
阅读全文
摘要：所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前
阅读全文
摘要：隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用 （隐藏只是在网页页面上面不显示输入框，但是虽然隐藏了，还是具有form传值功能。 一般用来传值，而不必让用户看到。） 基本语法： <input type="hidden" name="fiel
阅读全文
摘要：一个英文字符占一个字节，一个中文占2个字节
阅读全文
摘要：JS中的模块规范（CommonJS，AMD，CMD），如果你听过js模块化这个东西，那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯，我也听过，但之前也真的是听听而已。 现在就看看吧，这些规范到底是啥东西，干嘛的。 一、CommonJS CommonJS就是为JS的表现来制定规范，N
阅读全文
摘要：相同之处 RequireJS 和 Sea.js 都是模块加载器，倡导模块化开发理念，核心价值是让 JavaScript 的模块化开发变得简单自然。 不同之处 两者的主要区别如下： 还有不少差异，涉及具体使用方式和源码实现，欢迎有兴趣者研究并发表看法。 总之，如果说 RequireJS 是 Proto
阅读全文
摘要：zoom:1确实帮我们解决了不少ie下的bug，但是它的来龙去脉，又有多少人知道呢？ 所以我老生常谈，说一下它的来龙去脉。 Zoom属性是IE浏览器的专有属性， 它可以设置或检索对象的缩放比例。 在平常的css编写过程中，zoom:1能够比较神奇地解决ie下比较奇葩的bug。 譬如外边距（margi
阅读全文
摘要：html5之前，只要稍微特殊点的字体，都必须做成图片，以免客户端无法显示。而对于正文或者需要后台调用大量文字的地方，则无能为力。但是，html5推出了 @font-face 支持自定义字体之后，这个问题就完美解决了。 现在的问题是，不同浏览器对于字体格式的支持不同，而我们从网上下载的自己满意的字体，
阅读全文
摘要：[html] view plain copy [html] view plain copy [html] view plain copy <!DOCTYPE html> <!--三个DIV--> <html> <body> <div style="width:100%;height:100px;ma
阅读全文
摘要：1 body> 2 3 8 9 17
阅读全文
摘要：1 2 3 4 5 14
阅读全文
摘要：1 2 3 4 第一个单元格 5 第二个单元格 6 7 8 9 18
阅读全文
摘要：网页编码就是那点事 编码一直是让新手头疼的问题，特别是 GBK、GB2312、UTF-8 这三个比较常见的网页编码的区别，更是让许多新手晕头转向，怎么解释也解释不清楚。但是编码又是那么重要，特别在网页这一块。如果你打出来的不是乱码，而网页中出现了乱码，绝大部分原因就出在了编码上了。此外除了乱码之外，
阅读全文
摘要：DOCTYPE 的诞生 DOCTYPE，或者称为 Document Type Declaration（文档类型声明，缩写 DTD）。通常情况下，DOCTYPE 位于一个 HTML 文档的最前面的位置，位于根元素 HTML 的起始标签之前。因为浏览器必须在解析 HTML 文档正文之前就确定当前文档的类
阅读全文
摘要：link属于html标签，而@import是css提供的。 页面被加载时，link会同时被加载，而@import引用的css会等到页面加载结束后加载。 link是html标签，因此没有兼容性，而@import只有IE5以上才能识别。 link方式样式的权重高于@import的。
阅读全文
摘要：做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器
阅读全文
摘要：一、什么是响应式布局？ 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕
阅读全文
摘要：响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所
阅读全文
摘要：CSS Sprites概念 CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需
阅读全文
摘要：我们那知道浏览器有bug，而且Windows上的lE的bug 似乎比太多数浏览器都多。IE/Win的表现与其他浏览器不同的原因之一是，显示引擎使用一个称为布局(layout)的内部概念。因为布均是一个专门针对显示引擎内部工作方式的概念，所以一般悄况下不需要了解它。但是，布局问题是许多IE/Win显示
阅读全文
摘要：JS的类型转换 1.强制转换 通过String（），Number（），Boolean（）函数强制转换 输出 1 2 3 4 2.隐式转换 JavaScript的数据类型分为六种，分别为null,undefined,boolean,string,number,object。object是引用类型，其它
阅读全文
摘要：1 function getElementsByClassName(className,root,tagName) { //root：父节点，tagName：该节点的标签名。 这两个参数均可有可无 2 if(root){ 3 root=typeof root=="string" ? document.getElementById(root) : root; ...
阅读全文
摘要：一、什么是"非构造函数"的继承？ 比如，现在有一个对象，叫做"中国人"。 var Chinese = { nation:'中国' }; 还有一个对象，叫做"医生"。 var Doctor ={ career:'医生' } 请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生
阅读全文
摘要：1 脚本说明: 2 把如下代码加入body区域中 3 ！ 现在是
阅读全文
摘要：CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。 它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 一、简介 CORS需要浏览器和服务器同时支持。目
阅读全文
摘要：ETag 是 Entity Tag 的缩写，中文译过来就是实体标签的意思。在HTTP1.1协议中其实就是请求HEAD中的一个属性而已。 HTTP/1.1 200 OK Date: Mon, 23 May 2005 22:38:34 GMT Content-Type: text/html; chars
阅读全文
摘要：会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。 本章将系统地讲述Cookie与Session机制，并比较说明什么时候不能用C
阅读全文
摘要：开启严格模式 严格模式可以应用到整个脚本或个别函数中。不要在封闭大括弧 {} 内这样做;在这样的上下文中这么做是没有效果的。在 eval 代码，Function 代码，事件处理属性，传入 WindowTimers.setTimeout() 方法的字符串等都是整个脚本，开启严格模式会如预期一样工作。
阅读全文
摘要：哪些地方会出现css阻塞，哪些地方会出现js阻塞? js的阻塞特性： 所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。直到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提高用户体验，新一代浏览器都支持并行下载JS，但是JS下载仍然会阻塞其它资
阅读全文
摘要：1、 避免全局耦合 这应该是比较常见的耦合。全局耦合就是几个类、模块共用了全局变量或者全局数据结构，特别是一个变量跨了几个文件 2、js/css/html的耦合 不推荐直接在js里面更改样式属性，而应该通过增删类来控制样式，这样子样式还是回归到css文件里面 3、减少重复代码 整一个的思路是这样的：
阅读全文
摘要：一.什么是同步请求：(false) 同步请求即是当前发出请求后，浏览器什么都不能做，必须得等到请求完成返回数据之后，才会执行后续的代码，相当于是排队，前一个人办理完自己的事务，下一个人才能接着办。也就是说，当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面处于一个假死状态，当这个A
阅读全文
摘要：优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效.渐进增强：从
阅读全文
摘要：验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0
阅读全文
摘要：1.优化图片 2.图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方） 3.优化CSS（压缩合并css，如margin-top,margin-left...) 4.网址后加斜杠（如www.campr.com/目录，会判断这个“目录是什么文件类型，或者是目录。） 5.标明高度和宽度
阅读全文
摘要：XHTML 是 XML 风格的 HTML 4.01。 HTML5 是HTML的第五大版本，取代 HTML 4.01。 XHTML是基于XML发布的HTML规范，旨在规范HTML的格式。 两者提出的目的是不一样的，W3C 原本确实计划用 XHTML 系列替代 HTML 4.01XHTML 兴起，它的地
阅读全文
摘要：step1. 创建XMLHttpRequest对象，也就是创建一个异步调用对象； step2. 创建一个新的HTTP请求，并指定改HTTP请求的方法、URL以及验证信息； step3. 设置响应HTTP状态变化的函数； step4. 发送HTTP请求； step5. 获取异步调用返回的数据； ste
阅读全文
摘要：1.原型链 基本思想：利用原型让一个引用类型继承另外一个引用类型的属性和方法。 构造函数，原型，实例之间的关系：每个构造函数都有一个原型对象，原型对象包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。 原型链实现继承例子： 1 function SuperType() { 2 th
阅读全文
摘要：模块模式: 在立即执行函数表达式中定义的变量和方法在外界是访问不到的,只能通过其向外部提供的接口,"有限制"地访问.通过函数作用域解决了属性和方法的封装问题. var Person = (function(){ var name = "xin"; var age = 22; function get
阅读全文
摘要：转自：http://www.2cto.com/kf/201604/498725.html 网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们
阅读全文
摘要：浏览器加载和渲染html的顺序 1. IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。 2. 在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。 3. 如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下
阅读全文
摘要：1.高度已知，请写出三栏布局，其中左右宽度个300px,中间自适应： 2.谈谈你对css盒模型的认识： 3.捕获事件的流程； 4.get和post的区别： a.get在浏览器回退时是无害的，而post会再次提交请求； b.get产生的url地址可以被收藏，而post不可以； c.get请求会被浏览器
阅读全文
摘要：你应该知道，javascript语言是一门“单线程”的语言，不像java语言，类继承Thread再来个thread.start就可以开辟一个线程，所以，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程。 那么这里说的同步和异步到底是什么呢？如果
阅读全文
