摘要： JavaScript 本身可以算是一门简单的语言，但我们也不断用智慧和灵活的模式来改进它。昨天我们将这些模式应用到了 JavaScript 框架中，今天这些框架又驱动了我们的 Web 应用程序。很多新手开发者被各种强大的 JavaScript 框架吸引进来，但他们却忽略了框架身后浩如星海的 JavaScript 实用技巧。本文将为你呈献其中七个基础知识点：1. 在String.prototype.replace方法中使用/g和/i标志位令很多 JavaScript 初学者意外的是，字符串的replace方法并不会替换所有匹配的子串——而仅仅替换第一次匹配。当然 JavaScript 老手们都知 阅读全文

摘要： 原文出处：阮一峰有限状态机（Finite-state machine）是一个非常有用的模型，可以模拟世界上大部分事物。简单说，它有三个特征：* 状态总数（state）是有限的。* 任一时刻，只处在一种状态之中。* 某种条件下，会从一种状态转变（transition）到另一种状态。它对JavaScript的意义在于，很多对象可以写成有限状态机。举例来说，网页上有一个菜单元素。鼠标悬停的时候，菜单显示；鼠标移开的时候，菜单隐藏。如果使用有限状态机描述，就是这个菜单只有两种状态（显示和隐藏），鼠标会引发状态转变。代码可以写成下面这样：123456789101112131415161718192021 阅读全文

摘要： 原文出处：Sam Xiao 的博客大数据处理是一个头疼的问题，特别当达不到专业DBA的技术水准时，对一些数据库方面的问题感到无赖。所以还是有必要了解一些数据库方面的技巧，当然，每个人都有自己的数据库方面的技巧，只是八仙过海，所用的武功不同而已。我把我最常用的几种方式总结来与大家分享，大家还有更多的数据库设计和优化的技巧，尽量的追加到评论中，有时一篇完整的博客评论比主题更为精彩。方法1：采用表分区技术。第一次听说表分区，是以前的一个oracle培训。oracle既然有表分区，就想到mssql是否有表的分区，当时我回家就google了一把，资料还是有的，在这我儿只是再作一次推广，让更多的人了解和运 阅读全文

摘要： 刚刚发生了什么?在点击按钮过后的220毫秒时间内，发生了一系列有趣的事情，火狐浏览器（Firefox）不仅改变了地址栏颜色，而且在浏览器的右下角出现了一个小锁头的标志。在我最喜欢的互联网工具Wireshark的帮助下，我们可以通过一个经过略微调整的用于debug的火狐浏览器来探究这一过程。根据RFC 2818标准（译者注：RFC 2818为HTTP Over TLS-网络协议），火狐浏览器自动通过连接Amazon.com的443端口来响应HTTPS请求。很多人会把HTTPS和网景公司（Netscape）于上世纪九十年代中期创建的SSL（安全套接层）联系起来。事实上，随着时间的推移，这两者之间的 阅读全文

摘要： CSS的positon，我想做为一个Web制作者来说都有碰到过，但至于对其是否真正的了解呢？那我就不也说了，至少我自己并不非常的了解其内核的运行。今天在Learn CSS Positioning in Ten Steps一文中分十步介绍了CSS的“position”中的“static、relative、absolute、float”使用，觉得蛮有意思的。整理了一下贴上来与大家一起分享。希望大家能喜欢。在图解这十个过程之前，我将实例的代码放上来，好让大家一个实体参考：HTML Markup123456789101112131415161718192021222324id = div-before 阅读全文

摘要： Click、touch、load、drag、change、input、error、risize — 这些都是冗长的DOM（文档对象模型）事件列表的一部分。事件可以在文档(Document)结构的任何部分被触发，触发者可以是用户操作，也可以是浏览器本身。事件并不是只是在一处被触发和终止；他们在整个document中流动，拥有它们自己的生命周期。而这个生命周期让DOM事件有更多的用途和可扩展性。作为一个开发人员，我们必须要理解DOM事件是如何工作的，然后才能更好的驾驭它，利用它们潜在的优势，开发出更高交互性的参与体验（engaging experiences）。反观我做前端开发的这么长时间里，我觉 阅读全文

摘要： 场景描述： 我们都知道IE浏览器和非IE浏览器都有很多功能一样但写法不同，或者各自都有一些自己独特的方法，那么为了保持兼容性和便于编写，我们可以通过这两个方法给非IE浏览器的对象增加自己没有，但IE有且和IE同名的属性，比如：if (/Firefox/.test(navigator.userAgent)) { var $E = function () { var c = $E.caller; while (c.caller) c = c.caller; return c.argume... 阅读全文

摘要： 场景描述： 在用户行为采集的过程中，需要侦听window下的event对象，根据事件类型做相应的过滤处理，但在firefox下window.event是未定义的；问题分析： 要想获取event属性共有两种方法：一种是访问window.event属性，另一种便是事件响应函数的第一个参数。当不支持event属性时，只有后者可以获取到event；如何在事件响应函数中的任何地方准确捕捉到event属性呢？比如事件函数内部嵌套了其他回调函数，在回调函数中使用event，直接使用arguments[0]是无效的。准确的理解事件响应函数的第一个参数是事件响应的顶级函数的第一个参数；if (/Firefo.. 阅读全文

摘要： 场景描述： 使用notepad++编辑less、ejs文件，发现高亮和提示均无效，修改如此需要进行额外的设置；解决方法： 以less为例， 1、设置 》语言格式设置 》语言里找到CSS，在自定义扩展名输入框中填入less。 2、重启，重新打开一个less文件。 阅读全文

摘要： 题引： 作为专业的js开发工程师，注释规范与否至关重要，下面推荐一下个人总结的javascript注释模板，采用jsDoc规范； 正文： 在一个文件中注释大概分三类：文档注释、函数（类）注释、（变量）常量注释 文档注释：告知他人该js文件主要处理的核心内容； 函数（类）注释：告知他人该函数（类）的参 阅读全文