- 博客(33)
- 收藏
- 关注
RSS订阅转载 #Fixed# easy-animation | Animation for Sass
原文链接：http://www.cnblogs.com/maplejan/p/3659830.html主要修复3.4版本后变量作用域的问题。代码如下： 1 /* easy-animation.scss */ 2 3 4 // easy-animation 5 // Author: Maple Jan 6 // Date: 2...
2019-10-03 13:27:24
130
转载 JavaScript实现单向链表
JavaScript 本身提供了十分好用的数据类型，以满足大家的日常使用。单靠 Array 和 Object 也的确足够应付日常的绝大部分需求，这也导致了很多前端er对数据结构这一块不是十分的了解。数据结构是 CS 的必修科目，前端这个圈子非科班的童鞋比例较高，相信很多人对数据结构的了解并不多。虽然本人大学读的也是 CS，但那时候上课基本都在睡觉，数据结构也是学得一塌糊涂，现在也基...
2019-10-03 13:27:23
116
转载 JavaScript超大整数加法
什么是「超大整数」？JavaScript 采用 IEEE754标准 中的浮点数算法来表示数字 Number。我也没花时间去详细了解IEEE754标准，但对于处理超大整数，了解下面的几个知识点就足够了。首先，JavaScript 实际上可以表示的最大数是:1.7976931348623157e+308Number.MAX_VALUE; // 1.797...
2019-10-03 13:27:22
167
转载 querySelectorAll 方法和 getElementsBy 系列方法的区别
本文是我在知乎上的一个回答：http://www.zhihu.com/question/24702250/answer/28695133————— 下面是正文—————1. W3C 标准querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2...
2019-10-03 13:27:21
124
转载 移动端的文章分页和排版
APOMWArticle Pagination Of Mobile Web移动端Web的文章排版，主要用于 SPA(Single Page Application) 形态的阅读产品中。功能支持中英文分页排版支持多款字体样式切换通过 span 标签的 data-key 属性，可以进行书签功能扩展代码已经扔到 github 上面了，链接：...
2019-10-03 13:27:20
392
转载 JavaScript语法对{}的奇葩处理
JavaScript的语法有多坑，算是众人皆知了。今天看到vczh的这条微博：http://weibo.com/1916825084/B7qUFpOKb，代码如下：{} + []; // 0[] + {}; // "[object Object]"{} + [] == [] + {}; // false({} + [] == [] +...
2019-10-03 13:27:20
100
转载 JavaScript怎么上传图片
在XMLHttpRequest Level2出台之前，大多数的异步上传图片都是利用iframe去实现的。至于具体的实现细节，我就不在这边啰嗦的，Google一下就有文章谈这个东西。这次主要说说，怎么用新的API去实现图片上传。首先，少不了的自然是XMLHttpRequest Level2的一些新特性啦。其中最为实在的就是FormData对象，直接把表单(form)的...
2019-10-03 13:27:19
132
转载 Mac OS X 10.9 Mavericks 无法启动 WebStorm(PhpStorm)
手滑把Mac的系统升到了10.9，结果机子上的PhpStorm6.0启动不了。十分天真的重装了一次PhpStorm，问题依然没有修复。开始怨念苹果的这次升级，毕竟以往的升级都是无缝的，升级OS就应该和更新个软件那么简单（绝对是在吐槽Windows）。后来Google了一下，果然已经有人遇到了同样的问题。传送门：OSX 10.9 update removed java - ...
2019-10-03 13:27:18
184
转载 JavaScript的函数
很随意的总结，几乎是代码片段，纯粹当个人笔记。JavaScript中，定义Function对象有两种方法。函数声明(function declaration)1 function fn() {2 // 代码3 };函数表达式(function expression)var fn = function () { // 代码...
2019-10-03 13:27:17
73
转载 lazyload support for Zepto.js
关于lazyload，很久之前整理过它的文档：《Lazy Load(1.7.0)中文文档 -- 延迟加载图片的jQuery插件》因为懒，所以才要用lazyload。但lazyload用了一些jQuery特有的内部接口，导致Zepto.js不支持。So，就在github上面fork了一个支持Zepto.js的branch。github：https://github.com/ji...
2019-10-03 13:27:16
188
转载 如何编写更好的CSS
关于如何编写更高效更优雅的CSS代码，网上已经有很多文章了。但我还是在这里重新总结一下，算是对CSS的温习，也方便以后查找资料。下面开始正文。必不可少的reset.css不同的浏览器之间，对标签都有设置默认样式，所以需要重置这些影响布局统一性的样式。reset.css的代码， 可参考YUI的：http://developer.yahoo.com/yui/r...
2019-10-03 13:27:15
93
转载 一些移动端浏览器的兼容性Bug
做移动端的Web也有一段时间了，踩过的坑真心不少。下面列出一些，移动端浏览器兼容性的Bug，供大家参考。【UC浏览器】video标签脱离文档流场景：<video>标签的父元素(祖辈元素)设置transform样式后，<video>标签会脱离文档流。测试环境：UC浏览器 8.7/8.6 + Android 2.3/4.0 。Demo：htt...
2019-10-03 13:27:15
281
转载 浅谈 XSS & CSRF
客户端(浏览器)安全同源策略（Same Origin Policy）同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。如：不能通过Ajax获取另一个源的数据；JavaScript不能访问页面中iframe加载的跨域资源。对 http://store.company.com/dir/page.html 同源...
2019-10-03 13:27:13
118
转载 JavaScript中数组对象的那些自带方法
/*** 本文纯粹是梳理一下目前W3C标准中Array对象的自带Method。* 全文没啥营养，不过最后性能测试的部分，倒是抛出了一些疑问。*/赋值方法 （Mutator methods）这些方法直接修改数组自身pop 和 push Array.pop();// 删除数组最后一个元素，返回被删除的元素Ar...
2019-10-03 13:27:13
95
转载 视觉交互的一点分享
人机交互人机交互技术(Human-Computer Interaction Techniques)是指通过计算机输入、输出设备，以有效的方式实现人与计算机对话的技术。—— 互动百科简单点说，就是：输入（Input）输出（Output）输入，其实就是命令机器干一些事情。输入设备：键盘、鼠标、画板…输出，其实就是机器告诉你它...
2019-10-03 13:27:12
681
转载 浅谈JavaScript 继承机制的实现
对象冒充的方法实现:function Human() { //定义Human类 this.species = "Human"; } function Sex(sex) { //定义Sex类 this.sex = sex; } function Chinese(name,sex) { this.name = name...
2019-10-03 13:27:11
80
转载 CORS(Cross-Origin Resource Sharing) 跨域资源共享
CORS全称：Cross-Origin Resource Sharing中文意思：跨域资源共享？好吧，目前中文方面的资料还比较少，能搜索到的那仅有的几篇相关介绍，也几乎是雷同的。最近工作上也有用到CORS的地方，随便做点分享吧，也当是笔记。大家也知道，XMLHttpRequest接口是Ajax的根本，而Ajax考虑到安全性的问题，是禁止跨域访问资源的。也就是...
2019-10-03 13:27:10
261
转载 提问的智慧
这是一篇很好的文章,多年前看到,一直受用至今.文章摘自China Linux Forum, 因为全文比较长, 所以我进行了节选.节选出那些我认为很受用的道理,它们不但对IT行业的人员有用, 对于任何人也同样受用.<提问的智慧--节选>=====================================================...
2019-10-03 13:27:09
70
转载 获取对象样式属性函数getStyle()
function getStyle(elem, styleName){ if(elem.style[styleName]){ //获取内联样式 return elem.style[styleName]; } else if(elem.currentStyle){ //IE特有的属性 return e...
2019-10-03 13:27:08
1920
转载 JSMin的用法(备忘)
http://www.crockford.com/javascript/jsmin.zip在上面的链接下载使用与MS-DOC的文件，下载完成后运行cmd，然后在命令提示符输入：C:\jsmin.exe <C:\before.js>C:\after.jsC:\jsmin.exe 为jsmin.exe的位置；C:\before.js 为需要压缩的文件位置和文件名；C:\...
2019-10-03 13:27:08
609
转载 循环绑定事件的两种常用闭包写法（备忘）
//方法1for(var i = domSpans.length; i--; ) { domSpans[i].onclick = function(num) { return function() { alert(num); } }(i); } //方法2for...
2019-10-03 13:27:06
76
转载 Ajax访问JSON（备忘）
(function() { var createRequest = function() { var request; try { //support IE7+, Firefox, Chrome, Safari and Opera. request = new XMLHttpRequest(); ...
2019-10-03 13:27:05
49
转载 解决img对大部分CSS样式不支持的问题
主要参考：http://webdesignerwall.com/demo/css3-image-styles/http://www.qianduan.net/css3-image-styles.html详情到上面两个连接看。主要自己整理一下，顺便把jQuery的代码专为JavaScript，做个备忘。DEMO:http://jsfiddle.net/QkRKC/...
2019-10-03 13:27:05
919
转载 Web Workers入门
如何创建一个Web Workers ？var worker = new Worker('task.js'); worker.onmessage = function(event) { console.log(event.data + " Jan!"); }; worker.postMessage("Hello"); work...
2019-10-03 13:27:03
53
转载 CSS3 动画属性(备忘)
其实用CSS3实现动画效果主要涉及到3个CSS3属性：transition，animation 和 transformtransitionCSS3过渡属性，通过transition指定css属性，当该属性的值发生变化时，就会产生流畅的过渡效果。transition主要包含四个属性值,分别为：执行变换的属性：transition-property变换延续的时间...
2019-10-03 13:27:03
60
转载 Console API介绍
原文:http://getfirebug.com/wiki/index.php/Console_API#console.log.28object.5B.2C_object.2C_....5D.29 Firebug插件 和 Chrome的JavaScript控制台 都有一个全局变量conslole . console.log(obje...
2019-10-03 13:27:01
329
转载 JavaScript事件代理入门
事件代理（Event Delegation），又称之为事件委托。是 JavaScript 中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务。为什么要这样做呢？众所周知，DOM操作是十分消耗性能的。所以重复的事件绑定简直是性能杀手。而事件代理的核心思想，就是通过尽量少的绑定，去监听尽量多的事件。下面...
2019-10-03 13:27:01
112
转载 easy-animation | Animation for Sass
最近因为项目缘故，勾搭上了Sass。其实在折腾Sass之前，也有简单用过一下Less。但碍于Less提供的一些API实在让人觉得有点多余，用着就是不顺手，最后就不了了之啦。Sass之所以用起来舒服和顺手，很大程度上是因为Compass的存在。Compass提供的足够丰富的API，简直让你觉得写CSS是一种享受。不过...Compass居然不支持animation！对，没错...
2019-10-03 13:26:59
127
转载 <高性能JavaScript>笔记 [7~10]
七：Ajax 其实这个章节主要分为了2个部分，数据传输和数据格式。 主要描述如何通过客户端语言来实现数据的交互。 常用五种向服务器请求数据的技术： XMLHttpRequest（XHR）//也就是所谓的Ajax Dynamic script tag insertion//动态脚本注入 iframes ...
2019-10-03 13:26:59
49
转载 <高性能JavaScript>笔记 [1~3]
<高性能JavaScript>这是一本很好的书,主要讨论实际js开发时要注意的性能问题. 也算是一本JS的进阶读物,如果要看此书,建议先看<JavaScript权威指南> 一:加载和执行 主要讲述了如何更高效的载入JavaScript脚本文件,解决浏览器...
2019-10-03 13:26:57
42
转载 <高性能JavaScript>笔记 [4~6]
四:算法和流程控制 - for, while 和 do-while 循环性能特性相似,所以没有一种循环类型明显快于或慢于其他类型. - 避免使用 for-in 循环,除非你需要遍历一个属性数量未知的对象.(因为会对原型链进行循环,产生不必要的性能损耗) - 改善循环性能的最佳方式是减少每次迭代的运算量和减少循环...
2019-10-03 13:26:57
63
转载 UC手机浏览器（U3内核）相关文档整理
Note：绝大多数API在IOS版下不支持，使用前请自行测试。UC官方的开发者中心：http://www.uc.cn/business/developer.shtmlU3内核定制<meta>标签说明1. 屏幕方向(screen-orientation)参数：landscape：强制横屏portrait：强制竖屏用法：1 ...
2019-10-03 13:26:56
2006
转载 视差滚动（Parallax Scrolling）的一点小心得
下面内容来源于我知乎的这个答案：http://www.zhihu.com/question/20990029/answer/21436067假期有空，整理到博客园这边，并做了一些语境的调整。———————— 正文 ————————先说说什么是视差。视差滚动（Parallax Scrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色...
2019-10-03 13:26:54
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人