2017年07月_张张张96

原创 jq绑定事件方法及区别

第一种方式：$(document).ready(function(){ $("#clickme").click(function(){ alert("hello world click") })})第二种方式（简写方式为第一种）：$('#clickmebind').bind("click", function(){ alert("Hello World bi

2017-07-30 16:15:44 909

转载每个前端开发者必会的20个JavaScript面试题

问题1:JavaScript 中 undefined 和 not defined 的区别JavaScript 未声明变量直接使用会抛出异常：var name is not defined，如果没有处理异常，代码就停止运行了。但是，使用typeof undeclared_variable并不会产生异常，会直接返回 undefined。var x; // 声明 xconsole.log(x); /

2017-07-30 00:59:28 1837

转载分享一些前端开发中最常用的JS代码片段

HTML5 DOM 选择器// querySelector() 返回匹配到的第一个元素var item = document.querySelector('.item');console.log(item);// querySelectorAll() 返回匹配到的所有元素，是一个nodeList集合var items = document.querySelectorAll('.item');c

2017-07-28 23:54:59 406

由于历史的原因，不同浏览器对页面的渲染是不同的，甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前，不同的浏览器在页面的渲染上没有同一的规范，产生了差异，即Quirks mode(怪异模式或兼容模式)；当W3C标准出台之后，不同浏览器对页面的渲染有了统一的标准,即Strict mode（标准模式或严格模式）；这就是两者之间的区别。W3C标准推出前，旧的页面都是根据旧的渲染方式对页面进行渲染的，

2017-07-27 21:02:24 282

原创 jQuery中prop 和 attr 区别

prop() 方法是在jquery1.6中新添加的。我们知道 attr(“checked”)获取checkbox的checked属性时选中的时候可以取到值,值为”checked”但没选中获取值就是undefined。而现在使用prop方法获取属性则统一返回true和false。那么具体的用法是什么，以下是个人理解对于HTML元素本身就带有的固有属性，使用prop方法。对于HTML元素我们自定义的

2017-07-27 16:17:43 310

转载 css书写规范

列表内容编码设置采用 UTF-8 编码，在 CSS 代码头部使用：@charset "utf-8";注意，必须要定义在 CSS 文件所有字符的前面（包括编码注释），@charset 才会生效。例如，下面的例子都会使得 @charset 失效：/* 字符编码 */@charset "utf-8";html,body { height: 100%;}@charset "utf-8";列表

2017-07-25 20:55:42 356

原创 css命名规范

css命名规范页面结构命名 1. page：代表整个页面，用于最外层。 2. wrap：外套，将所有元素包在一起的一个外围包，用于最外层 3. wrapper：页面外围控制整体布局宽度，用于最外层 4. container：一个整体容器，用于最外层 5. head、header：页头区域，用于头部 6. nav：导航条 7. content：内容，网站中最重要的内容区域，用

2017-07-23 16:22:01 522

原创 jQuery和javascript处理机制

jQuery <script> var $pra=$("#pra");// 不进行下面的判断时不会报错，找到执行，找不到不执行 if($pra.length>0){ // 注意判断方式 $pra.css("color","red") }else{ alert("DOM不存在") }

2017-07-21 23:32:28 274

原创 dom对象和 jQuery对象之间的转换

dom对象和 jQuery对象之间的转换一、jQuery->dom(js) 1.jq对象是一个数组对象通过[index]方法获取得到相应的dom对象 var $obj=$("#obj"); // jq对象 var nobj=$obj[0] // dom对象 alert(nobj.checked) 2. jq本身提供的方法 get(index

2017-07-20 20:36:07 309

转载关于前端学习规划

关于前端学习规划第一阶段：HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础： Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高

2017-07-16 00:08:03 414

转载高效的jQuery代码编写技巧总结

高效的jQuery代码编写技巧总结缓存变量DOM遍历是昂贵的，所以尽量将会重用的元素缓存。// 糟糕h = $('#element').height();$('#element').css('height',h-20);// 建议$element = $('#element');h = $element.height();$element.css('height',h-20);避免全局变量j

2017-07-15 23:56:40 259

原创 jquery-animateNumber数字动画插件

jquery-animateNumber数字动画插件实例一、基础动画//html代码，下面例子相同。<p>This plugin only <span id="lines">0</span> lines of code.</p>//JS 代码，请把代码放入script标签内，下面例子相同$('#lines').animateNumber({ number: 165 });实例二、数字间显示分隔符

2017-07-11 20:22:46 2891

转载前端之HTML相关面试题。

前端之HTML相关面试题。1.Doctype作用？严格模式与混杂模式如何区分？它们有何意义?Doctype可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的html文档。Doctype是document type（文档类型）的简写，是用来说明所用的XHTML或html是什么版本的。DOCTYPE声明位于文档中的最前面，处于 html 标签之前。告知浏览器以何种模式来渲染文档。所谓的

2017-07-07 23:04:09 292

转载表单验证

java script验证表单时常用： "^-[0-9]*[1-9][0-9]*＄"　　//负整数 "^-?//d+＄"　　　　//整数 "^//d+(//.//d+)?＄"　　//非负浮点数（正浮点数 + 0） "^(([0-9]+//.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*//.[0-9]+)|([0-9]*[1

2017-07-01 23:50:05 211

原创凡客放大镜效果

凡客放大镜效果<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .left{ width:400px; height: 400px; border:1px solid

2017-07-01 23:45:47 247

柠檬麻麻