渔舟唱晚1990的专栏

写在前面的内容：官网下载NodeJS安装后，会默认安装npm，使用npm安装模块时会有全局安装和本地安装两种。本地安装1. 将安装包放在 ./node_modules 下（运行npm时所在的目录）2. 可以通过 require() 来引入本地安装的包全局安装1. 将安装包放在 C:\Users\Administrator\AppData\Roaming
pm
ode_modules（windo...

原文：https://tech.meituan.com/WebViewPerf.html在App开发中，内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用，也可以冠冕堂皇的突破苹果对热更新的封锁。然而便利性的同时，WebView的性能体验却备受质疑，导致很多客户端中需要动态更新等页面时不得不采用其他方案。以发展的眼光来看，功能的动态加载以及三端的融合将会...

原文：http://blog.csdn.net/liaodehong/article/details/50488098  一、写在前面的话：   发现使用了那么长时间的Javascript，但是对其运行原理还是不清晰，今天特意总结一下，把大神们的理论和自己的总结都记录到下面；  1. 什么是JavaScript解析引擎？简单地说，JavaScript解析引擎就是能够“读懂”JavaScript代码...

原文出处：http://web.jobbole.com/91244/?utm_source=blog.jobbole.com&utm_medium=relatedPosts优化关乎速度和满意度。从用户体验（UX）角度，我们希望前端网页可以快速加载从开发体验（DX）角度，我们希望前端是快速，简洁，规范的浏览器都做了什么我们希望浏览器打开一个简单的网页

前端优化的策略很多，总结起来主要包括网络加载类、页面渲染类、CSS优化类、JS执行类、缓存类、图片类、架构协议类等。一、网络加载类减少HTTP资源请求次数减小HTTP请求大小将CSS或JS放到外部文件中，避免使用或标签直接引入避免页面空的href和src为HTML指定Cache-Control或Expires合理设置Etag和Last-Modified减少页面重定向使用静态资源

一、关于域名 顶级域名 顶级域名分为两类：一是国家级顶级域名（national top-level domainnames，简称nTLDs），200多个国家都按照ISO3166国家代码分配了顶级域名，例如中国是.cn，美国是.us，日本是.jp等；二是国际顶级域名（international top-level domain names，简称iTDs），例如表示工商企业的 .Co

1、判断PC端 or 移动端var isTouch = "ontouchstart" in window || navigator.msMaxTouchPoints ? true:false;手机web浏览器,chrome模拟手机、手机APP会返回true。navigator.msMaxTouchPoints针对IE10及以上浏览器。可进一步扩展：var isTouch = ('ontouchst

软件介绍：Sublime Text 是一个轻量、简洁、高效、跨平台的编辑器，方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱!Sublime Text 2这款程序员必备代码编辑器，几乎每位程序员提到Sublime Text 2都是赞不绝口！它体积小巧，无需安装，绿色便携；它可跨平台支持Windows/Mac/Linux；支持32与64位操作系统，它在支持语法高亮、代 码补全

1、什么是字体字体是文字的外在形式，就是文字的风格，是文字的外衣。比如行书、楷书、草书，都是一种字体。同样一个字每个人写起来都会有差异，可以说每个人都有一套潜在的字体库。对于web页面来说，字体就是计算机上存储的一套文字显示方式。通过对文字进行一些特殊处理（比如末端加强）来提高不同环境中文字的可读性。比如同样大小的文字，在不同字体下的可读性是不同的。一般来讲，一款字

1. scrollWidth, clientWidth 与offsetWidth scrollWidth  是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度）。clientWidth  是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。offsetWidth  是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变。

js验证表单大全/*不错的JS验证~~~~~~~~~~~~~~~~~~~~~~~~~ 用途：校验ip地址的格式 输入：strIP：ip地址 返回：如果通过验证返回true,否则返回false； */ function isIP(strIP) { if (isNull(strIP)) return false; var re=/^(\d+)\.(\d+)\.(

JS鼠标事件，总结如下：1. 一般事件事件 浏览器支持描述onClick HTML: 2 | 3 | 3.2 | 4 / Browser: IE3 | N2 | O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClick    HTML: 2 | 3 | 3.2 | 4 / Browser: IE4 | N4 | O

Javascript错误处理Javascript引擎执行代码时，会发生各种类型的错误，例如以下几点：1. 语法错误，可能是coder编码错误或错别字；2. 拼写错误或语言中缺少的功能（原因多为浏览器间的差异）；3. 来自服务器或用户的错误输出而导致的错误；4. 其他未可知的错误。当错误发生时，Javascript引擎通常会停止，并生成一个错误信息，即Javasc

在写JS函数时，我们经常用到return, return true, return false这三个返回语句，关于三者的区别总结如下：1、返回函数结果语法：return 表达式；语句执行后，将表达式的值作为函数的执行结果。2、返回控制无函数结果，语法为：return；3、防止默认的事件行为在多数情况下，为事件处理函数设置返回值为false，可以防

写页面时碰到这个问题，IE6下，左边div固定宽度，左浮动，右边div宽度自适应，并采用margin-left靠右放置。代码如下：正常浏览器显示结果：IE6下显示结果：很明显，IE6下右边div内的文本靠左有3px的空隙。最简单的解决办法：#right{margin-left:50px;_margin-left:47px;}

在网页设计的道路上，:before与:after伪元素已经在前端开发中获得了越来越多的关注，清除浮动，创建GUI图标等的运用也日益普遍。本文收集了一些在伪元素下运行的内容，尽管css规范中包含其他伪元素，但我们的焦点是:before与:after，因此文章所说的伪元素就只指代这两个特别的伪元素。1、伪元素能做什么？“伪元素”，顾名思义，它创建了一个虚假的元素，并插入到目标元素之前或之后。它