• NW.JS教程(一) NW.JS开发入门教程

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

    阅读全文...    admin 发表在 Web | 5条回复
  • 自定义XMLHttpRequest请求获取二进制流

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

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

    因为在请求中需要添加自定义的header头,下面是核心代码(Html5):

    阅读全文...    admin 发表在 Web | 0条回复
  • 如何开发简单的jquery插件

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

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


    阅读全文...    SongKer 发表在 Web | 3条回复
  • jQuery键盘按键监测键盘行为

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

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

    阅读全文...    admin 发表在 Web | 1条回复
  • IE6版本下的各种兼容性问题

    昨天对公司的网站进行了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]-->

    阅读全文...    顾陌 发表在 Web | 1条回复
  • jQuery图片延迟加载Lazyload代码

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

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

    阅读全文...    admin 发表在 Web | 0条回复
  • jQuery插件Touchslider的用法

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

    阅读全文...    admin 发表在 Web | 0条回复
  • CSS3多栏布局display新属性flex

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

    阅读全文...    admin 发表在 Web | 0条回复
  • JS获取网页元素屏幕等的宽度高度

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

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

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

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

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

    阅读全文...    admin 发表在 Web | 0条回复
‹‹ 第1页 2 3 4 ››