- 博客(83)
- 收藏
- 关注
RSS订阅转载 JS-判断IE浏览器--if(!-[1,])
这是一个判断IE浏览器版本的精简脚本 IE浏览器不管是什么版本，总是跟Web标准有些不太兼容。对于代码工作者来说，自然是苦不堪言，为了考虑IE的兼容问题，不管是写 CSS 还是 JS，往往都要对 IE 特别对待，这就少不了做些判断。本文不讨论如何区分 IE 的样式，仅是 JS 判定 IE 浏览器。 这个目前世界上最短的 Javascript 判定 IE 浏览器的方法来自俄罗斯！它
2016-11-19 17:00:24
473
转载 CSS-边框效果
2.1、border-image Border-image *{margin:0;padding:0;} div{ width:300px; padding:9px; /*padding:40px;*/ /*border-image: url(img/2.png) 26 26 26 26/10 repeat round ;*/
2016-11-14 16:58:56
2540
转载 CSS-文字效果
1.1、自定义字体: 使用@font-face自定义字体 @font-face{font-family: xujinglei;src: url('xujinglei.ttf') ,url('xujinglei.eot'); /* IE9+ */}div{font-family:xujingle
2016-11-13 17:59:40
595
转载 Web前端程序员简历模板
本简历模板由国内首家互联网人才拍卖网站「 JobDeer.com 」提供。（括号里的是我们的顾问编写的说明，建议在简历书写完成后统一删除）先讲讲怎样才是一份好的技术简历首先，一份好的简历不光说明事实，更通过FAB模式来增强其说服力。Feature：是什么Advantage：比别人好在哪些地方Benefit：如果雇佣你，招聘方会得到什么好处其次，写简历和写议论
2016-11-11 22:49:21
7660
转载 CSS-区别link 和@import
A：(1) link属于HTML标签，而@import是CSS提供的; (2) 页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;(3) import只在IE5以上才能识别，而link是HTML标签，无兼容问题; (4) link方式的样式的权重 高于@import的权重.
2016-11-11 22:37:24
226
转载 区别web storage和cookie
Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。除此之外，Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需
2016-11-11 22:31:53
240
转载 浏览器本地存储
在较高版本的浏览器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage来取代globalStorage。html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话
2016-11-11 22:29:33
253
转载 Cookie的弊端
cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。 第一：每个特定的域名下最多生成20个cookie1.IE6或更低版本最多20个cookie2.IE7和之后的版本最后可以有50个cookie。3.Firefox最多50个cookie4.chrome和Safari没有做硬性限制IE和Opera 会清理近期最少使用的cookie，Fir
2016-11-11 22:23:03
290
转载 JS操作-获取和设置cookie
//创建cookiefunction setCookie(name, value, expires, path, domain, secure) { var cookieText = encodeURIComponent(name) + '=' + encodeURIComponent(value); if (expires instanceof Date) {
2016-11-11 22:14:45
369
转载 JS-cache-control
网页的缓存是由HTTP消息头中的“Cache-control”来控制的，常见的取值有private、no-cache、max-age、must-revalidate等，默认为private。Expires 头部字段提供一个日期和时间，响应在该日期和时间后被认为失效。允许客户端在这个时间之前不去检查（发请求），等同max-age的效果。但是如果同时存在，则被Cache-Control的max
2016-11-11 22:09:50
1957
转载 JS-数组去重
Array.prototype.unique1 = function () { var n = []; //一个新的临时数组 for (var i = 0; i < this.length; i++) //遍历当前数组 { //如果当前数组的第i已经保存进了临时数组，那么跳过， //否则把当前项push到临时数组里面 if (n.indexOf(this[i])
2016-11-11 22:01:08
200
转载 JS-获取UA
function whatBrowser() { document.Browser.Name.value=navigator.appName; document.Browser.Version.value=navigator.appVersion; document.Browser.Code.value=navigator.appCode
2016-11-11 21:59:31
624
转载 网站重构
网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。对于传统的网站来说重构通常是：表格(table)布局改为DIV+CSS使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)对于移动平台的优化针对于SEO进行优化深层次的网站重构应该考虑的方面减少代
2016-11-11 21:51:25
475
转载 JS-ajax
1. 通过异步模式，提升了用户体验 2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 3. Ajax在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。 2. Ajax的最大的特点是什么。 Ajax可以实现动态不刷新（局部刷新） readyState属性 状态 有5个可取值： 0=未初始化 ，1=启动 2=发送，3=
2016-11-11 21:43:16
233
转载 事件处理机制
事件:1. 我们在网页中的某个操作（有的操作对应多个事件）。例如：当我们点击一个按钮就会产生一个事件。是可以被 JavaScript 侦测到的行为。区别IE与火狐的事件机制:IE是事件冒泡、firefox同时支持两种事件模型，也就是：捕获型事件和冒泡型事件。阻止冒泡: ev.stopPropagation();注意旧ie的方法 ev.cancelBubble = true;
2016-11-11 21:19:06
279
转载 WEB应用从服务器主动推送Data到客户端的方式
html5 websoket WebSocket通过Flash XHR长时间连接 XHR Multipart Streaming 不可见的Iframe 标签的长时间连接(可跨域)
2016-11-11 21:15:44
1469
转载 JS-原型、原型链
* 原型对象也是普通的对象，是对象一个自带隐式的 __proto__ 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为null的话，我们就称之为原型链。* 原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链。
2016-11-11 21:11:20
204
转载 JS-事件处理程序
事件处理程序在DOM中定义了一些事件， 而响应某个事件的函数就叫事件处理程序（或事件侦听器）。事件处理程序的名字一般以“on”开头，例如：onclick等事件冒泡与捕获事件流指的是页面中接收事件的顺序，IE，火狐和chrome浏览器都是事件冒泡，所谓是事件冒泡指的是事件最开始由最具体的元素接收，然后逐级向上传播到不具体的节点。而事件捕获则正好相反，事件捕获是由Netscap
2016-11-11 19:25:28
821
转载 闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包 是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问
2016-11-11 19:17:55
214
转载 JS-无阻塞加载
将脚本放在底部。还是放在head中，用以保证在js加载前，能加载出正常显示的页面。标签放在前。成组脚本：由于每个标签下载时阻塞页面解析过程，所以限制页面的总数也可以改善性能。适用于内联脚本和外部脚本。非阻塞脚本：等页面完成加载后，再加载js代码。也就是，在window.onload事件发出后开始下载代码。 （1）defer属性：支持IE4和fierfox3.5更高版本浏览器 （
2016-11-11 19:00:41
273
转载 css阻塞与js阻塞
js的阻塞特性：所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。直到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提高用户体验，新一代浏览器都支持并行下载JS，但是JS下载仍然会阻塞其它资源的下载（例如.图片，css文件等）。由于浏览器为了防止出现JS修改DOM树，需要重新构建DOM树的情况，所以就会阻塞其他的下载和呈现。嵌
2016-11-11 18:43:31
3455
转载 GET和POST的区别
GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符 POST：一般用于修改服务器上的资源，对所发送的信息没有限制。 GET方式需要使用Request.QueryString来取得变量的值，而POST方式通过Request.Form来获取变量的值， 也就是说Get是通过地址栏来传值，而Post是通过提交表单来传值。然而，在以下
2016-11-11 18:39:51
249
转载 JS-use strict
ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个：- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;- 消除代码运行的一些不安全之处，保证代码运行的安全；- 提高编译器效率，增加运行速度；- 为未来新版本的Javas
2016-11-11 18:36:51
319
转载 JS-同源限制
我们举例说明：比如一个黑客程序，他利用Iframe把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名，密码登录时，他的页面就可以通过Javascript读取到你的表单中input中的内容，这样用户名，密码就轻松到手了。
2016-11-11 18:34:28
292
转载 JS-同源策略
概念:同源策略是客户端脚本（尤其是Javascript）的重要的安全度量标准。它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。这里的同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议。 指一段脚本只能读取来自同一来源的窗口和文档的属性。
2016-11-11 18:32:24
271
转载 Flash、Ajax的取舍
1、Flash ajax对比Flash适合处理多媒体、矢量图形、访问机器；对CSS、处理文本上不足，不容易被搜索。Ajax对CSS、文本支持很好，支持搜索；多媒体、矢量图形、机器访问不足。共同点：与服务器的无刷新传递消息、用户离线和在线状态、操作DOM
2016-11-11 18:29:14
290
转载 grunt， YUI compressor 和 google clojure进行代码压缩的用法
YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发。使用方法：//压缩JSjava -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js//压缩CSSjava -jar yuicompressor-2.4.2.jar --type css --
2016-11-11 18:27:02
345
转载 JS-实现继承及避免原型链的对象共享
用构造函数和原型链的混合模式去实现继承，避免对象共享可以参考经典的extend()函数，很多前端框架都有封装的，就是用一个空函数当做中间变量
2016-11-11 15:52:49
1220
转载 前端安全问题
（XSS，sql注入，CSRF）CSRF：是跨站请求伪造，很明显根据刚刚的解释，他的核心也就是请求伪造，通过伪造身份提交POST和GET请求来进行跨域的攻击。**完成CSRF需要两个步骤：**1.登陆受信任的网站A，在本地生成COOKIE2.在不登出A的情况下，或者本地COOKIE没有过期的情况下，访问危险网站B。
2016-11-11 15:44:47
286
转载 异步加载和延迟加载
1.异步加载的方案： 动态插入script标签2.通过ajax去获取js代码，然后通过eval执行3.script标签上添加defer或者async属性4.创建并插入iframe，让它异步执行js5.延迟加载：有些 js 代码并不是页面初始化的时候就立刻需要的，而稍后的某些情况才需要的。
2016-11-11 15:41:21
515
转载 ajax过程
(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象.(2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.(3)设置响应HTTP请求状态变化的函数.(4)发送HTTP请求.(5)获取异步调用返回的数据.(6)使用JavaScript和DOM实现局部刷新.
2016-11-11 15:38:46
333
转载 javascript对象创建方式
1，工厂模式2，构造函数模式3，原型模式4，混合构造函数和原型模式5，动态原型模式6，寄生构造函数模式7，稳妥构造函数模式
2016-11-11 15:33:32
181
转载 最近最流行的东西和常去的网站
Node.js、Mongodb、npm、MVVM、MEAN、three.js,React 。网站：w3cfuns,sf,hacknews,CSDN,慕课，博客园，InfoQ,w3cplus等
2016-11-11 15:30:54
340
转载 项目管理
先期团队必须确定好全局样式（globe.css），编码模式(utf-8) 等； 编写习惯必须一致（例如都是采用继承式的写法，单样式都写成一行）； 标注样式编写人，各模块都及时标注（标注关键样式调用的地方）； 页面进行标注（例如 页面 模块 开始和结束）； CSS跟HTML 分文件夹并行存放，命名都得统一（例如style.css
2016-11-11 15:24:27
234
转载 页面从输入 URL 到页面加载显示完成的过程
分为4个步骤： （1），当发送一个URL请求时，不管这个URL是Web页面的URL还是Web页面上每个资源的URL，浏览器都会开启一个线程来处理这个请求，同时在远程DNS服务器上启动一个DNS查询。这能使浏览器获得请求对应的IP地址。 （2）， 浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCP/IP连接。该握手包括一个同步报文，一个同步-应答报文和一个应答报文
2016-11-11 14:45:31
282
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人