在Node.js中有三种模块类型：

  1）内部模块（部分Node API）

  2）C/C++插件的第三方模块

  3）用JavaScript写的第三方模块

NW.JS读取本地文件/文件夹的教程；以及process进程API

Electron和NW.js是一个可以使用Web开发技术来开发跨平台的桌面级应用的一个框架，而传统桌面应用开发要求懂高级编程语言以及专门的框架。有了Electron和NW.js，你可以将现有Web开发技术运用到仅仅使用HTML、CSS和JavaScript就能开发的桌面应用中。而且，开发出来的应用还能在Windows、Mac和Linux中工作，显著减少了开发和培训的时间。

1、Safari浏览器的cookie不支持保存中文，后台无法读取cookies，需要将保存的信息进行URL编码，读取Cookie的时候解码。

2、Safari的js不支持 var date=new Date('2017-08-25')的写法，会出现错误。改动为：new Date('2017/08/25')。

JavaScript捕获滚轮事件,获取鼠标滚轮值放大缩小图片

jquery.ajax返回的数据类型只有html，json等，没有处理图片、文件等的数据流。

jquery在提高开发效率的时候也牺牲了一部分灵活性，碰到这种情况我们可以写一个自定义的XMLHttpRequest请求函数替换jquery.ajax。

因为在请求中需要添加自定义的header头，下面是核心代码（Html5）：

最近做了一个企业网站，右侧自动加载一个导航浮动层，随着网页上下滚动到某些模块，自动添加右侧导航栏对应项目的浮动效果。

刚开始自己做了一段JS代码，但是要在每个使用的页面复制同样的代码的话，代码量也比较大了。所以准备自己做一个右侧面板滚动插件。特将编写过程写出来，第一次写jquery插件，轻拍..

报错代码：name:chooseWXPay,chooseWXPay:fail, the permission value is offline verifying。

在编写前端程序的时候需要与用户进行键盘交互，如果自己写检测用户按键代码，会造成各个不同浏览器的兼容性问题。

我们可以使用jQuery Hotkeys plugin这个Jquery库来实现效果，以兼容不同的浏览器。jQuery Hotkeys plugin的GitHub。

昨天对公司的网站进行了IE低版本的适配调整，调整了IE8以下的浏览器布局混乱，层次覆盖等等问题。一天的调整，整理结果如下：

1、CSS hack：区分IE6、IE7、IE8、Chrome、Firefox、Opera等

由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。

• IE低版本 （IE系列）都可以支持“*”，其他不支持

• IE6能识别"_"，但是IE7及其他不支持。

• IE6不支持!important，其他都支持

• IE7、IE7支持 {+color:#fff;}，IE8及其他不支持

• <!--[if IE]>这段文字只在IE浏览器显示<![endif]-->     <!--[if !IE]>这段文字只在非IE浏览器显示<![endif]-->

• <!--[if IE 6]>这段文字只在IE6浏览器显示<![endif]-->

• <!--[if gte IE 6]>这段文字只在IE6以上(包括)版本IE浏览器显示<![endif]-->

• <!--[if ! IE 8]>这段文字在非IE8浏览器显示<![endif]-->

在网站中适时的使用图片延迟加载，可以减少请求，显著的提高多图片页面的加载速度。这也需要适当的使用图片延迟加载，图片延迟加载和无限下拉加载一样，对js支持不太好的搜索引擎都是一个非常坏的功能，虽然大幅度的提高了网站的访问速度，但是搜索引擎也搜索不到了。

jQuery图片延迟加载Lazyload。代码：

Jquery在1.6版本的时候在CheckBox属性获取这一块有些许更新。

OBJ.attr('checked'): 在1.6之后的版本，所获取的值是 "checked"/"underfined"  .

Touchslider主要用于网页幻灯片，手机端滑动等方面。功能强大，支持触摸屏触摸滑动，普通桌面网站鼠标点击滑动；兼容性好，适用于主流的桌面及移动(基于Weibkit)浏览器；流畅性，Android 和 iOS 等移动平台上的交互表现非常流畅，无任何卡顿现象。通过Touchslider交互脚本+CSS3可以写出一流的炫酷的幻灯片、滑动模块等多种交互效果。

刚刚在接触到display: flex;这个css属性。伸缩容器(flex  containers)是一个HTML标签元素，需要“display”属性显式的设置了“flex”属性值。在伸缩容器中的所有子元素都会自动变成伸缩项目(flex  items)，即Flexbox布局由一个伸缩容器(flex containers)和在这个容器里的伸缩项目(flex items)组成。

天猫倒计时,网页倒计时JavaScript代码。

CSS中background-image可以在一个容器中显示一张背景图片，一般情况下用background-image:url(***)的方式实现，也可以用background方式简写。但...

页面模块随鼠标浮动在固定位置。

页面滑动。当页面滑动到某位置，页面上的模块自动的浮在页面顶部或者底部。

网页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

网页可见区域宽： document.body.offsetWidth (包括边线的宽)

网页可见区域高： document.body.offsetHeight (包括边线的高)

网页正文全文宽： document.body.scrollWidth

js 字符ascii码转换函数.

CSS3动画网页整体翻转特效。