12 2016 档案
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>楼层滚动特效</title> </head> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset=
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js放大镜特效</title> </head> <style type="text/css"> *{ margin: 0; padding: 0; } #main{ position
阅读全文
摘要:Jquery.LazyLoad.js插件参数详解:下面对LazyLoad插件的一些参数进行说明,供使用者做出更贴切的效果。1,用图片提前占位placeholder : “img/grey.gif”,参数:placeholder,值为某一图片路径.此图片用来占据将要加载的图片的位置,待图片加载时,占位
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #content_main_top{ height: 80px; line-height: 80px; text-align: center; bo
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <title></title> </head
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <title></title> </
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>弹力球实例</title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ background-color: #
阅读全文
摘要:H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" content="width=device-width,initial-sca
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>函数的解析顺序</title> </head> <body> <script type="text/javascript"> function f(){ return 1; } al
阅读全文
摘要:一。clientwidth和clientheight 注:返回了元素大小,但没有单位,默认单位是 px,如果你强行设置了单位,比如 100em之类,它还是会返回 px的大小。 (CSS获取的话,是照着你设置的样式获取 ). 对于元素的实际大小, clientWidth和 clientHeight理解
阅读全文
摘要:1. 原型链继承 2,构造函数继承(对象冒充继承) 3,组合继承(原型链继承+构造函数继承) 4,原型式继承 5. 寄生组合式继承 一。原型链继承 function Show(){ this.name="run"; } function Run(){ this.age="20"; //Run继承了S
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态时间例子</title> <script src="js/angular.min.js"></script> <script> var app=angular.
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script> <title></tit
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>登陆页面的拖拽功能实现</title> </head> <style type="text/css"> *{ margin:0; padding:0; } a{ text-decor
阅读全文
摘要:Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽,另外cookie还需要指定作用域,不可以跨域调用。 除此之外,Web Storage拥有setItem,ge
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> function box(num1,num2){ return num
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>打字机效果</title> </head> <body> <div id="HotNews"> </div> <script type="text/javascript"> var
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="div1"> </div> <script type="text/javascript"> window.onloa
阅读全文
摘要:<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>倒计时效果</title><link rel="stylesheet" href="css/demo.cs
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ margin: 0; padding: 0; background-color: #e6e6e6; }
阅读全文
摘要:四。组合构造函数+原型模型 function Box(name,age){ this.name=name; //保持独立的用构造函数 this.age=age; this.family=['哥哥','姐姐','妹妹']; } Box.prototype={ constructor:Box, //保持
阅读全文
摘要:一。px特点: 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)。相对长度单位。像素px是相对于显
阅读全文
摘要:1. 工厂模式 2. 构造函数模式 3. 原型模式 4. 混合构造函数和原型模式 5. 动态原型模式 6. 寄生构造函数模式 7. 稳妥构造函数模式 普通模式var obj=new Object(); obj.name="罗桂鑫"; obj.age=18; obj.run=function(){ r
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> function box(){ return "我只有被调用才可以执行
阅读全文
摘要:面试web前端开发,不管是笔试还是面试,都会涉及到各种专业技术问题,整理了一些常见的web前端面试题及答案,希望对大家有所帮助。 1、常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。 (Q2) 内核:T
阅读全文
摘要:一。Ajax 是什么: 1. 通过异步模式,提升了用户体验 2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 3. Ajax 在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载。 Ajax 的最大的特点: 1. Ajax可以实现动态不刷新(局部刷
阅读全文
摘要:一。css3中animation动画各种属性详解: animation Value: [<animation-name> || <animation-duration> || <animation-timing-function> || <animation-delay> || <animation
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width:400px; height: 400
阅读全文
摘要:<!DOCTYPE html><html lang="en" ng-app="todolist"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
阅读全文
摘要:一、左右侧固定,中间自适应布局 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .clearfix:afte
阅读全文
摘要:<!DOCTYPE html><html> <meta name=" " content=" " charset="utf-8"/> <head> <style type="text/css"> *{ margin: 0; padding: 0; } /*方法一*/ /*#divbox{ borde
阅读全文
摘要:JavaScript跨域总结与解决办法 什么是跨域 1、document.domain+iframe的设置 2、动态创建script 3、利用iframe和location.hash 4、window.name实现的跨域数据传输 5、使用HTML5 postMessage 6、利用flash 什么是
阅读全文
摘要:AngularJS是什么? AngularJS是一个开源Web应用程序框架。它最初是由MISKO Hevery和Adam Abrons于2009年开发。现在是由谷歌维护。它的最新版本是1.3.14。 特性 AngularJS是一个功能强大的基于JavaScript开发框架用于创建富互联网应用(RIA
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" name="btn1" id="btn1" value="按钮1" /> <input ty
阅读全文
摘要:正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript 的 RegExp 类表示正则表达式,而 String 和 RegExp 都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。正则表达式主要用来验证客户端的输入数据。用户填写完表单单击按钮之后
阅读全文
摘要:新建的项目结构应该是这样 bin:项目的启动文件,也可以放其他脚本。 node_modules:用来存放项目的依赖库。 public:用来存放静态文件(css,js,img)。 routes:路由控制器。 views:视图目录(相当于MVC中的V)。 app.js:项目入口及程序启动文件。 pack
阅读全文