海军-NAVY

注：这些网站都需要翻墙的http://ryandelaney.co.nz/index.htmlhttps://diablomedia.com/http://teamviget.com/#!lift-offhttp://1md.be/http://floridaafterseven.com/http://depot.freeagent.com/

做html5的童鞋，微信中的分享，包括分享给qq好友、分享到朋友圈等，如何来自定义其中的内容呢？下面咱们一起聊聊。    微信JS-SDK中的分享有两种方案。    第1种，可以自定义分享的“title”与“图片”，即使没有微信JSSDK的权限也可以操作。        大致的思路如下        1，修改title。在用户点击分享按钮之前，利用js代码修改网页的“t

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

在我们做html5前端工程师的工作中，往往遇到最多问题的就是各个浏览器的兼容性问题，当我们针对不同浏览器进行不同操作时，我们该怎么做呢？现在可以由以下代码方能实现：    function getExplorer() {            var explorer = window.navigator.userAgent ;//获取浏览器；            //ie

不同的定义方式有不同的含义，这是web前端者必知的东西：说明了他的文字编码说明了他采用的语言 说明了他的作者 说明了他的版权是对网站的简单描述主要是被百度这些搜索网站检索的时候用的  非常重要说明了本网站的关键字主要是被百度这些搜索网站检索的时候用的  非常重要

获取键盘的键位序号，其实特别的简单，只需要通过event.which就可以实现。接下来看一下下面代码就明白了。                    which                            $(document).ready(function(){                $('input').keydown(function(e

获取鼠标的当前坐标，可以用pageX or pageY就可以实现，代码特别的简单，代码如下：                    pageX or pageY                            $(document).ready(function(){                $(document).mousemove(fun

我们如果想显示DOM元素触发了事件，直接用event.target就可以实现，见如代码：                    target                            $(document).ready(function(){                $('h1,h3,h5,p,button').click(function(e

支持低版本IE的html5播放器演示通常人们习惯用swf播放器来播放网络视频音频HTML5给我们带来了很多惊喜，其中新增加的audio和video标签可以让我们更方便的在网页中播放音频和视频。video标签虽好，然而目前它却无法在旧版的IE浏览器中使用。所以一般还是用flash播放器来播放视频，例如优酷网站的插入视频的代码如下：但是手上没有好的swf播放器怎么办？这个网站给出

简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element = docum

canvas功能太强大了，我喜欢canvas。接一下来我写了一个小例子，这个例子囊括了canvas背景的填充，缩放，变换，文本，一步到位；   1.canvas背景图    起初呢，这张图上中的小路，是以纯色填充的，这样不乏有点单调，没有质感，咱们所熟知的路一般是崎岖的，所以，我想给这条路添加些纹理来实现我想要的效果；我们将调用createPattern函数来实现，原理是先加载

webkit内核的safari、 Chrome的Linear Gradients (线性渐变)-webkit-gradient是background的一个属性值；webkit内核的safari、 Chrome的Linear Gradients (线性渐变) 基本语法：background-image:-webkit-gradient(type, x1 y1, x2 y2, from

渐变        Context对象可以通过createLinearGradient()和createRadialGradient()两个方法创建渐变对象，这两个方法的原型如下：        Object createLinearGradient(x1, y1, x2, y2);        创建一个从(x1, y1)点到(x2, y2)点的线性渐变对象。

使用canvas API可以创建多种应用，下面我做一个我特别感兴趣的例子，叫做热点图。怎么理解热点图呢，其实很简单，就是度量温度的意思，可以用于任何可测量的活动。界面上活跃高的部分以用亮色标记，活跃低的用暗色标记。举个例子，热点图可以用在城市地图标记交通路况，或者在世界各地地图上上显示风暴的活动情况。接下来这个例子是，鼠标移动到某个区域，会使某个区域的热度增加。如下：  

有时我们需要获得浏览器窗口或屏幕的大小、窗口下拉框下拉的距离等数据，对应这些需求，js中提供了不少解决方法，只是数量稍多容易混淆它们各自的意义，下面咱们用图例来解释下12个常见对象属性的作用。  其中有6个常用的浏览器窗体属性 （由于offsetWidth/Height在不同浏览器下表现有出入，故不在本章讨论） ：   document.documentElement.clientWidt

早在2010-10-30，我就坚信：“即便到了HTML5盛行的一天，Flash不会消亡，Flasher不会消亡！最多就是发布的时候换一种格式，或者换一种运行时。”详见博文：《Flash不是HTML5的敌人！》。而今，2年前的预言终于变成了现实！Flash Professional CS6的一个重大重新是可以把Flash格式的文件转换成HTML5格式的文件。不过，这个功能并没有直接提供，而是通过

list-style-type : disc | circle | square | decimal | lower-roman| upper-roman | lower-alpha | upper-alpha | none | armenian |cjk-ideographic | georgian | lower-greek | hebrew | hiragana |hiragana-iroh

目录介绍IIFEIIFE的性能使用IIFE的好处IIFE最佳实践jQuery优化介绍在Bootstrap源码(具体请看《Bootstrap源码解析》)和其他jQuery插件经常看到如下的写法： Js代码 收藏代码+function ($) { }(window.jQuery); 这种写法称为： IIFE （Imdiately Invoked Function Express