黑面狐 sa~-CSDN博客

转载 window.name实现的跨域数据传输

转自：http://blog.csdn.net/bao19901210/article/details/21458001这篇文章是对 JavaScript跨域总结与解决办法的补充。有三个页面：a.com/app.html：应用页面。a.com/proxy.html：代理文件，一般是一个没有任何内容的html文件，需要和应用页面在同一域下。b.com/data.

2017-07-11 10:59:29 203

转载 AMD 和 CMD 的区别有哪些？

转自： https://www.zhihu.com/question/20351507/answer/14859415作者：玉伯链接：https://www.zhihu.com/question/20351507/answer/14859415来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。AMD 规范在这里：https://

2017-07-06 10:03:56 233

转载 JS面向对象的程序设计

转自：http://www.cnblogs.com/gaojun/archive/2013/10/24/3386552.html 面向对象的语言有一个标志，即拥有类的概念，抽象实例对象的公共属性与方法，基于类可以创建任意多个实例对象，一般具有封装、继承、多态的特性！但JS中对象与纯面向对象语言中的对象是不同的，ECMA标准定义JS中对象：无序属性的集合，其属性可以包含基本值、对象或者函

2017-06-23 14:44:09 116

转载 web前端知识体系大全

转自：http://www.cnblogs.com/wangfupeng1988/p/4649709.html1. 前言　　大约在几个月之前，让我看完了《webkit技术内幕》这本书的时候，突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——

2017-06-23 10:22:18 332 3

转载《JavaScript》高级程序设计第21章：Ajax和Comet，jsonp

转自：http://www.cnblogs.com/haoyijing/p/5778155.htmlAjax的技术核心是XMLHttpRequest对象（简称XHR）一、创建XMLHttpRequest对象 1 function createXHR(){ 2 if(typeof XMLHttpRequest != "u

2017-06-21 16:39:55 161

转载严格模式与混杂模式-如何触发这两种模式，区分它们有何意义

转自：http://blog.csdn.net/binglingnew/article/details/17301433Doctype：(Document Type)文档类型，它位于文档中最前面的位置，处于标签之前。如果你想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE的声明。确定了正确的Doctype，xhtml里面的标识和css才能正常生效(也就是说它会很负责地告诉浏

2017-06-21 14:33:14 530

转载 JS内存分配——栈和堆

JavaScript中的变量分为两种，原始值和引用值。原始值指的是原始数据类型的值，比如undefined,null,number,string,boolean类型所表示的值。引用值指的是复合数据类型的值，即Object,Function,Array等。原始值和引用值存储在内存中的位置分别为栈和堆。原始值是存储在栈中的简单数据段，他们的值直接存储在变量访问的位置。引用值是存储在堆中的对

2017-06-14 15:11:34 440

转载 javascript的垃圾回收机制与内存管理

转自http://blog.csdn.net/oliver_web/article/details/53957021一、垃圾回收机制—GCJavaScript具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。jav

2017-06-14 13:57:57 244

原创 CSS实现矩形按钮左边缘的中间有个往里凹的小半圆

button #btn{ display: block; width: 100px; height: 40px; background-color: lightcoral; text-align: center; lin

2017-06-14 10:58:49 2257

原创 TCP传输的三次握手四次挥手策略

一、三次握手为了准确无误的把数据送达目标处，TCP采用了三次握手(three-way handshaking)策略。用TCP协议把数据发出去后，TCP不会对传送后的情况置之不理，它一定会向对方确认是否成功送达。握手过程中使用了TCP的标志--SYN (使同步) 和ACK (确认)。发送端首先发送一个带有SYN标志的数据包给对方。接收端收到后，回传一个带有SYN/ACK标志的数据包以示传

2017-06-13 16:58:52 351

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说

2017-06-06 16:51:27 194

转载 HTTP协议详解（真的很经典）

转自：点击打开链接Author :Jeffrey引言HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of HTT

2017-06-06 16:36:12 154

转载什么是web标准、可用性、可访问性

前言：大家不难发现，只要是招聘UED相关的岗位，如前端开发工程师、交互设计师、用户研究员甚至视觉设计师，一般都对web标准、可用性和可访问性的理解有要求。那么到底什么是web标准、可用性、可访问性呢？一、web标准简单的说，就是HTML、CSS、JavaScript这三者分离。WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（P

2017-06-06 11:22:29 497

转载常见浏览器兼容性问题与解决方案

转自：点击打开链接所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开

2017-06-06 10:20:56 231

转载现代浏览器的工作原理

原文链接：原blog。简介浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。将讨论的浏览器今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。本文将基于一些开源浏览器的例子——Firefox、 Chrome及S

2017-06-05 15:49:33 404

原创 JS工厂模式(工厂函数)、构造函数模式

1、工厂模式主要好处就是可以消除对象间的耦合，通过使用工程方法而不是new关键字。将所有实例化的代码集中在一个位置防止代码重复。工厂模式解决了重复实例化的问题，但还有一个问题,那就是识别问题，因为根本无法搞清楚他们到底是哪个对象的实例。function createObject(name,age){//集中实例化的函数var obj = new Object(); obj.

2017-05-31 16:15:41 1593

原创 JS快速排序

“快速排序”的思想很简单，整个排序过程只需要三步：　　（1）在数据集之中，找一个基准点　　（2）建立两个数组，分别存储左边和右边的数组　　（3）利用递归进行下次比较 function quickSort(arr){ if(arr.length<=1){ return arr;//如果数组只有一个

2017-05-31 15:58:31 913

转载 java和JS代码相互调用

挺帅的移动开发专栏 http://blog.csdn.net/wangtingshuai/article/details/8631835 在Android的开发过程中，有很多时候需要用到本地Java代码和JavaScript进行交互。android对交互进行了很好的封装，在开发中我们可以很简单的用java代码调用webview中的js，也可以用webview中的js来调用本地的

2017-05-31 10:59:12 623

转载优化HTML代码

CSS优化尽量避免写在HTML标签中写Style属性。· 避免CSS表达式CSS表达式的执行需跳出CSS树的渲染，因此请避免CSS表达式· 移除空的CSS规则空的CSS规则增加了CSS文件的大小，且影响CSS树的执行，所以需移除空的CSS规则· 正确使用Display的属性Display属性会影响页面的渲染，因此请合理使用a) display:inline后

2017-05-27 17:34:26 173

转载移动端overflow:hidden出现不兼容

禁止页面滚动：body{style="overflow：hidden;"} 可以实现大部分超出页面禁止滚动，可并非兼容所有移动手机。document.body.addEventListener('touchmove',function(event){ event.preventDefault();},false);PC端禁止键盘上下键v

2017-05-27 17:14:04 663

转载 JavaScript常用事件

window.onload = function () { var input = document.getElementsByTagName('input')[0]; var form = document.getElementsByTagName('form')[0]; form.onreset= function(){ alert('lee')

2017-05-27 17:08:08 179

转载前端开发者不得不知的10个ES6特性

In Web开发 on 2016年03月07日 by TAT.sheran view: 16,60723 ES6（ECMAScript2015）的出现，无疑给前端开发人员带来了新的惊喜，它包含了一些很棒的新特性，可以更加方便的实现很多复杂的操作，提高开发人员的效率。本文主要针对ES6做一个简要介绍。主要译自： http://webappl

2017-05-27 10:58:13 320

转载 Yeoman安装和使用详解

一什么是Yeoman　　Yeoman帮助我们创建项目，提供更好的工具来使我们的项目更多样化。　　Yeoman提供generator系统，一个generator是一个插件，在我们在一个完整的项目上使用‘yo’命令时，会运行该generator。通过这些官方的Generators，推出了Yeoman工作流，工作流是一个健壮、有自己特色的客户端堆栈，包含能快速构建漂亮的网络应用的工具和

2017-05-12 14:26:36 478

转载 AngularJS 路由

AngularJS 路由允许我们通过不同的 URL 访问不同的内容。通过 AngularJS 可以实现多视图的单页Web应用（single page web application，SPA）。通常我们的URL形式为 http://runoob.com/first/page，但在单页Web应用中 AngularJS 通过 # + 标记实现，例如：http://runoob.co

2017-05-12 10:10:39 180

转载主流浏览器CSS 3和HTML 5兼容清单

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1

2017-05-08 17:12:51 483

转载 jQuery.extend 函数及用法详细

jquery.extend函数详解JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是:extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3...合并到dest中,返回

2017-05-04 11:31:58 207

转载 Node.js实战建立简单的Web服务器

前面一章，我们介绍了Node.js这个面向互联网服务的JavaScript服务器平台，同时Node.js的运行环境已经搭建起来,并通过两段HelloWorld程序验证了Node.js的基本功能。本章我们同样通过实战的演练，利用Node.js建立一个简单的Web服务器。如果你熟悉.NET或其他类似平台的Web开发，你可能会像，建立一个Web服务器有什么，在Visual Stu

2017-04-27 14:55:32 554

转载 sessionStorage localStorage 和 cookie 之间的区别

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。session

2017-04-24 16:58:22 302

原创 angularjs和vuejs的区别

选择 Vue 而不选择 Angular，有下面几个原因，当然不是对每个人都适合：在 API 与设计两方面上 Vue.js 都比 Angular 简单得多，因此你可以快速地掌握它的全部特性并投入开发。Vue.js 是一个更加灵活开放的解决方案。它允许你以希望的方式组织应用程序，而不是任何时候都必须遵循 Angular 制定的规则。它仅仅是一个视图层，所以你可以将它嵌入一个现有页面而不一定要做

2017-04-24 16:09:19 35028 2

转载【深入浅出jQuery】源码浅析--整体架构

最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列

2017-04-21 14:05:49 176

转载 jQuery源码分析

2017-04-21 11:02:11 1694 1

转载构建单页Web应用概述

让我们先来看几个网站：codingteambitioncloud9注意这几个网站的相同点，那就是在浏览器中，做了原先“应当”在客户端做的事情。它们的界面切换非常流畅，响应很迅速，跟传统的网页明显不一样，它们是什么呢？这就是单页Web应用。所谓单页应用，指的是在一个页面上集成多种功能，甚至整个系统就只有一个页面，所有的业务功能都是它的子模块，通过特定的方式挂接

2017-04-21 10:23:18 328

转载 web前端性能优化

分析步骤：先罗列一个站点打开到渲染完成的步骤，然后分析每个步骤中可优化点，写出优化方法用户用浏览器访问一个网站的时候具体的过程与步骤 1.用户在浏览器中输入网址，计算机提取出域名2.浏览器通过DNS查找域名对应的IP地址，获得IP地址后浏览器会依次进行如下查找: 浏览器缓存 -》系统缓存 -》路由器缓存 -》ISP DNS缓存 -》递归搜索3

2017-04-21 09:22:58 204

转载 ECMAScript 6 入门

书籍连接

2017-04-20 16:23:32 482

转载 Cordova webapp实战开发：（3）后面可能会学到的东西

在《Cordova webapp实战开发：（2）认识一下Cordova》中我们了解了Cordova和Phonegap的关系，并简要介绍了一下它的架构，以及多平台性，并给大家留了一些作业。我看到群里也有人已经完成，真是认真学习的人！我相信这样的人一定会进步比较快，认真而踏实，即使没有其他人聪明，但是一定会比他们更优秀。周五的时候大家就给我上一篇点了40多个赞，并有20条回复，我又要开始写下一

2017-04-20 10:15:51 338

转载 Cordova webapp实战开发：（1）为什么选择 Cordova webapp？

很长时间没有专注写代码了，即使写点代码也主要是写写敏捷个人app，这个App主体内容是我用了一周的时间，使用PhoneGap+JQueryMobile搭建的，之所以会比较快的完成，是因为11年我在做建筑云运维项目时使用过。时隔几年，我在《掌中广材产品经理日志（1）- 妈的，不想再呆在广联达了》写到，今年初我到了工信部负责一款之前已经做过一年多的APP，这款产品叫做掌中广

2017-04-20 09:59:46 530

转载 Cordova webapp实战开发：（2）认识一下Cordova

昨天写了第一篇《Cordova webapp实战开发：（1）为什么选择 Cordova webapp？》，意料中看到大家对这个主题的兴趣，我新建的PhoneGap App开发 348192525 一下子就快1百人了。本来心想过几天在写第二篇吧，但昨天已在文中说到，如果点赞超过20就开始写下一篇，咱们要说到做到，那就开始第二篇吧。但是第二篇写点什么呢？我看到群中有人问 “ phonegap

2017-04-20 09:55:09 370

转载【前端福利】用grunt搭建自动化的web前端开发环境-完整教程

jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！1. 前言　　各位web前端开发人员，如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt，那你就真的真的真的out了（三个“真的”重复，表示重点）。至于grunt的作用，这里不详细说了，总之你如果做web前端开发，你一定要用grunt。还有一点

2017-03-30 11:09:04 274

转载深入解析Backbone.js框架的依赖库Underscore.js的作用

backbone必须依赖underscore.js才能够使用，它必须通过underscore中的函数来完成访问页面元素、处理元素的基本操作。注：backbone可以很好的与其它js库一起工作，所以说它是一个库，而不是框架。Underscore并没有对原生对象进行扩展，而是调用_()方法进行封装，一旦封装完成，js对象就变为Underscore对象，也可以通过Underscore对象的Val

2017-02-22 11:22:31 943 1

转载 JS中常见原生DOM操作API【总结整理)

几种对象NodeNode是一个接口，中文叫节点，很多类型的DOM元素都是继承于它，都共享着相同的基本属性和方法。常见的Node有 element，text，attribute，comment，document 等（所以要注意节点和元素的区别，元素属于节点的一种）。Node有一个属性 nodeType 表示Node的类型，它是一个整数，其数值分别表示相应的Node类型

2017-02-20 16:57:59 452

web安全之XSS攻击及防御pdf

wendu.ajaxhook.min

vueJS框架--

jquery-3.1.1.min

Backbone.js实战

空空如也