-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目：[模式] 日期：2018-10-12 热度：103
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目：[模式] 日期：2018-10-12 热度：193
异步提交表单数据最痛苦的两个破事： 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码，当 GBK 的页面与接口进行数据交互时，会产生乱码情况。解决方案有多种，可以将页面转化为 utf-8 编码，或者发送数据前进行两次 encodeURI 编码，在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目：[模式] 日期：2018-10-12 热度：127
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目：[模式] 日期：2018-10-12 热度：158
html2ja：将html目标元素解析为 Java Script数组字面量，每项的值为tagName, className, id等CSS选择器组合; showJa：将html2ja生成的数组缩进格式化显示; walkDOM：遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html：与html相反的过程 PS：以下[详细]
-
JavaScript实现的原生的INI文件解析器代码
所属栏目：[模式] 日期：2018-10-12 热度：168
利用 Java Script实现的原生的INI文件解析器代码，本文系烈火网转载，下边是作者的说明： 基于Builder模式写的一个INI文件解析器，用JavaScript实现。只是表述INI文件解析的思路和Builder模式的实例应用，贻笑大方之作。很容易根据思路用其他语言实现出来[详细]
-
javascript的变量类型(图)
所属栏目：[模式] 日期：2018-10-08 热度：66
javascript的变量类型真的很要人纠结，即使你是很有经验的js工程师，你也很难说清楚js的类型和分类。 最近在讲javascript入门指南的时候，有人提出数组为什么不是基本类型，我通过演示typeof []的结果来说明，数组是对象类型派生出来的，而不是六种基本类[详细]
-
JavaScript的跨域共享的方法
所属栏目：[模式] 日期：2018-10-08 热度：185
在客户端编程语言中，如javascript和ActionScript，同源策略是一个很重要的安全理念，它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域，什么[详细]
-
JavaScript 原型继承之基础机制
所属栏目：[模式] 日期：2018-10-08 热度：97
由于语言设计上的原因， Java Script 没有真正意义上类的概念。而通常使用的 new 命令实例化对象的方法，其实是对原型对象的实例化。这一语言功能的本质依赖于 JavaScript 特有的原型链（prototype chain）模式。 所以严格意义上说，JavaScript 是基于原型[详细]
-
JavaScript分离页面配置和代码逻辑
所属栏目：[模式] 日期：2018-10-08 热度：174
为了代码清晰结构性强，通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间，实现基本的所谓结构和行为分离。 第一种方式，提供一个暴露在 window 的全局对象，这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容[详细]
-
js检测判断链接(URL)是否有效(服务可用)
所属栏目：[模式] 日期：2018-10-07 热度：196
如何用javascript来判断请求的url/链接有效(可连接,可用)? 引言 有一个 通讯录 系统, 同时部署在几台服务器上, 但是主页上有个通讯录的链接, 链接到这个系统. 问题是, 有时候链接指向的服务器出故障, 于是希望在这个服务器出故障(服务不可用)的情况下, 能[详细]
-
基于express+socket.io的nodejs聊天室
所属栏目：[模式] 日期：2018-10-07 热度：70
前几天晚上边看水浒边写的nodejs的聊天室，前面说了，放假之前要把近日学习nodejs的所有心得整理下，今天就是30号鸟~撒欢~，最后放这个聊天室出来给大家作为学习nodejs的参考示例，希望对大家有用。 感谢：cnodejs群里的老雷，及其微博上的基友们！顺祝大[详细]
-
在Express和Socket.IO中使用session
所属栏目：[模式] 日期：2018-10-07 热度：112
在nodejs项目中对于一些认证需要用到session，例如我写的nodejs 聊天室的demo，就是通过session实现的认证。当存在session，直接进入聊天室，而不会重新登录。 在网上也找到不少关于Express框架中的session调用方法，可是发现真正能用的不是很多，今天根据[详细]
-
使用socket.io和node.js搭建websocket应用
所属栏目：[模式] 日期：2018-10-07 热度：200
websocket是HTML5的一种新的通信协议，它是实现了浏览器与服务器的双向通讯。在 WebSocket API 中，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。 关于websocket的更多信息，[详细]
-
javascript笔记--String类replace函数的一些事
所属栏目：[模式] 日期：2018-10-07 热度：86
加固javascript基础知识目的是为以后研究 jQuery 源码做好铺垫。 我最近查阅javascript资料，发现了一个函数： function format(s){var args = arguments;var pattern = new RegExp(%([1- + arguments.length + ]),g);return String(s).replace(pattern,fu[详细]
-
使用html5 postMessage和window.name实现多浏览器跨域
所属栏目：[模式] 日期：2018-10-07 热度：160
跨域是个很古老的问题，因为浏览器的同源策略，导致不同域名下不能进行跨域名请求数据，虽然这样设计安全了很多，但是对于大型的网站同时维护多个域名就需要进行跨域操作。例如：微博开放平台的jssdk实现的跨域请求数据，再例如weibo.com和sina.com的同步[详细]
-
跨域资源共享的10种方式
所属栏目：[模式] 日期：2018-10-07 热度：121
同源策略 在客户端编程语言中，如 Java Script和ActionScript，同源策略是一个很重要的安全理念，它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相[详细]
-
用document.domain+iframe实现Ajax跨子域
所属栏目：[模式] 日期：2018-10-07 热度：102
Ajax跨域一直是个比较麻烦的问题，例如：断桥残雪在一个项目中使用了open打开一个跟父窗口不同域名的新页面，结果子窗口就不能传值给父窗口了;再如：我在www.2fool.cn下不可以获取love.2fool.cn域名下的页面内容。浏览器的跨域限制是为了安全，可是当我们[详细]
-
JS 获取 url 参数的几种方法
所属栏目：[模式] 日期：2018-10-07 热度：55
①网上有位同学这么写的： function QueryString(key){ var paras = location.search; if(paras){ var arr = paras.substr(1).split(),data; for(i in arr){ data = arr[i].split(=); if(data[0] == key){ return data[1] } } } } ②这是我原来搜集的，并[详细]
-
javascript的词法作用域
所属栏目：[模式] 日期：2018-10-07 热度：51
大家应该写过下面类似的代码吧，其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里，那方法执行时，它能访问哪些变量，不能访问哪些变量，这个怎么判断呢？这个就是我们这次需要分析的问题词法作用域 var classA = function(){[详细]
-
莫名其妙的 JavaScript 字符串换行
所属栏目：[模式] 日期：2018-10-04 热度：90
今儿个看蓝色理想的帖子，说到一个字符串换行的问题。通常如果在代码中存储 HTML 代码片段，会使用加号连接字符串的做法。 当然这样做会稍微麻烦点，于是有了以下这个生僻的方法： var foo = 'xxx xxx'; alert(foo)结果弹的是： xxxxxx再来加几个空格缩进[详细]
-
Javascript之keyCode键盘键码值表大全查询
所属栏目：[模式] 日期：2018-10-04 热度：140
今天恰巧在学习一篇关于使用空格键打开网页侧边菜单的例子，查了一下烈火网的历史文章，竟然没有键盘键码值表的文章，现在转载一下，方便大家查询。 小提示：ctrl+f可以快速查找。 keycode 0 = keycode 1 = keycode 2 = keycode 3 = keycode 4 = keycode 5[详细]
-
强大的JavaScript表单验证插件
所属栏目：[模式] 日期：2018-10-04 热度：109
创建你自己的 Java Script表单验证插件，可能是一个繁琐的过程，涉及规划，开发和测试。如果没有Javascript必备的知识，可以导致挫折和浪费时间。在这篇文章中，我发现了10个已经取得的JavaScript验证插件，可以节省您的时间！他们很容易申请和设计工作，[详细]
-
JS创建自定义对象的几种常见方式与比较
所属栏目：[模式] 日期：2018-10-04 热度：80
初学 Java Script，正在读 Nicholas C. Zakas 的《JavaScript高级程序设计》，看到了创建对象，简单的对书中内容做了一下总结！ Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
JavaScript模拟3D场景、三维空间的几个效果
所属栏目：[模式] 日期：2018-10-04 热度：144
这几个demo上星期 平安 夜做的，感觉效果不错，就放在出来，分享给大家。 要在二维空间模拟出三维的效果，就需要把三维的坐标转换成二维坐标。一个最基本依据是：东西越远，看到大小就越小，坐标越往消失点靠拢。 透视公式： scale = fl / (fl + z); scale[详细]
-
五段实用的js淫荡技巧
所属栏目：[模式] 日期：2018-10-04 热度：69
技巧一之setTimeout. 应用案例:比如你想一个函数循环执行10次,怎么办?以前通常是先setInterval,然后clearInterval,技巧一就是克服这个问题 (function () { var i = 0; function job() { console.log(i++); if (i 10) { setTimeout(job, 1000); } } job();[详细]
