- 博客(224)
- 收藏
- 关注
转载 +new Date是什么意思?
转载地址:https://w3ctrain.com/tags/new-Date/JavaScript中可以在某个元素前使用 ‘+’ 号,这个操作是将该元素转换秤Number类型,如果转换失败,那么将得到 NaN。所以 +new Date 将会调用 Date.prototype 上的 valueOf 方法,而根据 MDN ,Date.prototype.value 方
2016-12-01 14:09:36
13542
1
转载 移动端的touch事件(二)
转载地址: http://www.zhangyunling.com/?p=230对前一章节的补充在写前一篇文章时,主要参考的内容来自于MDN中touch对象的介绍,当时有说到TouchEvent.type的值的问题,内如参考:TouchEvent,但是又在W3C中看到了相关的内容,在W3C中,TouchEvent.type的取值中,只包含:touchstart,to
2016-09-07 23:48:33
728
转载 解决 Javascript 中 atob 方法解码中文字符乱码问题
转载地址:http://blog.sqrtthree.com/2015/08/29/utf8-to-b64/首先, 为什么要编码?由于一些网络通讯协议的限制, 又或者是出于信息加密的目的, 我们就需要将原信息转换为 base64 编码,然后才能进行传输.例如,发送某些含有 ASCII 码表中 0 到 31 之间的控制字符的数据。通常的方法是通过 window.bto
2016-03-14 16:33:41
24975
转载 WEB开发者必备的7个JavaScript函数
转载地址:http://www.admin10000.com/document/7031.html防止高频调用的debounce函数 这个 debounce 函数对于那些执行事件驱动的任务来说是必不可少的提高性能的函数。如果你在使用scroll, resize, key*等事件触发执行任务时不使用降频函数,也行你就犯了重大的错误。下面这个降频函数 deboun
2016-02-29 22:13:46
510
转载 使用CSS mask实现图片斜线拼接效果
转载地址:http://www.html5cn.org/article-9328-1.html每次必说的题外话 话说貌似好久没有写技术文章了,自从娃娃出来后,很少能有时间做技术研究,思考的时间也不足。不过有得必有失,世上事也就酱紫了。但是作为一个前端攻城师,不写代码,不研究技术,是会被后浪拍死在沙滩上的。 碰巧前段时间碰到个CSS问题,一
2016-02-16 16:56:34
1972
转载 使用 JavaScript 控制 HTML5 视频播放器
转载地址:https://msdn.microsoft.com/zh-cn/library/hh924823(v=vs.85).aspxHTML5 video 对象提供可以用于通过 JavaScript 控制播放的方法、属性以及事件。如何创建自己的按钮?我能播放这种格式吗?如何更改文件?出错了怎么办?我还可以对视频属性执行哪些操作?相关主题通过向
2016-02-02 00:11:36
1850
转载 有关HTML5 Video对象的ontimeupdate事件的问题
转载地址:http://www.cnblogs.com/jaxu/p/3155915.html日前在做一个视频播放的页面,其中用到了HTML5的Video对象,这个是HTML5中新增的一个对象,支持多种不同格式的视频在线播放,功能比较强大,而且还扩展了许多事件,可以通过JavaScript脚本来对视频播放进行控制。参考下面两个链接:http://msdn.microso
2016-02-01 22:58:13
2796
转载 JS判断客户端是否是iOS或者Android
转载地址:http://caibaojian.com/browser-ios-or-android.html通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。代码如下:var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr
2016-02-01 22:55:30
488
转载 iOS 微信 音频 视频自动播放
转载地址:http://www.w3ctech.com/topic/1165在做爆米兔的时候,遇到上面的问题,各种尝试都没有结果。最后发现:通过下面的方式可以解决,在iPhone手机微信中正常自动播放。必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效,猜测微信接口做了处理~可以用iPhone手机在微信中打开这里,查看效果
2016-02-01 22:54:04
1896
转载 再说CSS3渐变——线性渐变
转载地址:http://www.w3cplus.com/css3/new-css3-linear-gradient.html渐变背景一直以来在Web页面中都是一种常见的视觉元素。但一直以来,Web设计师都是通过图形软件设计这些渐变效果,然后以图片形式或者背景图片的形式运用到页面中。Web页面上实现的效果,仅从页面的视觉效果上来看,与设计并无任何差异。事实上这种方法是比较
2016-01-13 20:09:26
620
转载 Start your own JavaScript library using webpack and ES6
转载地址:http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6Two months ago I published a starter pack for React based on webpack. Today I found out that I need al
2015-12-30 16:32:48
791
转载 How it's made species-in-pieces
转载地址:http://www.webhek.com/misc-res/species-in-pieces/#BORN OUT OF TINKERING WITH A SIMPLE PROPERTY, THIS PROJECT IS UNABASHEDLY PART-DIGITAL EXPERIMENT. THE CORE TECHNOLOGY USED HERE IS JUS
2015-12-29 17:42:18
765
转载 打破盒子模式的限制,使用Clip-Path创建响应式图形
转载地址:http://www.w3cplus.com/css3/creating-responsive-shapes-with-clip-path.htmlCSS的clip-path属性是你改变传统单调的盒子布局,走向响应式设计的通行证。你将开始摆脱条条框框,自由地在您的网页上使用六边形、星形和八边形等等进行设计。一旦你真正开始使用clip-path,你可以生成的形状是无限多
2015-12-29 17:36:42
1405
转载 使用javascript和css模拟帧动画的几种方法浅析
转载地址:http://blog.sina.com.cn/s/blog_830edcf30101mxma.html我们平时在开发前端页面的时候,经常会播放一段帧序列。这段帧序列就像gif图片那样,反复循环播放。那大家可能会说,直接用gif图片就好了,干嘛还去模拟呢?那是因为要做得更加灵活,我们要做到以下几点:1、我们希望这段帧动画只循环播放所指定的次数。2、我们
2015-12-16 10:02:35
630
转载 利用n和nvm管理Node的版本
转载地址:http://weizhifeng.net/node-version-management-via-n-and-nvm.htmlNode版本的迭代速度很快,版本很多(横跨0.6到0.11),升级Node版本成为了一个问题。目前有n和nvm这两个工具可以对Node进行无痛升级,本文简单介绍一下二者的使用。nn是Node的一个模块,作者是TJ Holowa
2015-12-08 14:32:34
537
转载 如何让一条小丑鱼会骑自行车
转载地址:http://www.webhek.com/html-marquee最近看到一个有趣的网页,页面很简单,一条鱼骑着自行车,从右边出来,从左边消失,来回的滚动。看了一下源代码,非常的简单,使用了一个不常见的HTML标记:marquee。HTML代码marquee behavior="scroll" direction="left" scrollamount=
2015-12-08 10:23:48
992
转载 html5实现图片预览和查看原图
转载地址:http://www.xiabingbao.com/html5/2015/05/20/html5-filereader-natural/html5从一开始就给开发者很多的期待,提供众多新的API,不用再想以前一样,为了实现某个功能写很多的代码。在以前,如果要实现图片预览会怎么做呢,因为为了安全的原因,web端的js是不能读取文件的本地真实路径的,那么只能将图片上传到服
2015-12-07 15:06:05
7697
转载 通过 File API 使用 JavaScript 读取文件
转载地址:http://www.html5rocks.com/zh/tutorials/file/dndfiles/简介HTML5 终于为我们提供了一种通过 File API 规范与本地文件交互的标准方式。为了举例说明其功能,可使用 File API 在向服务器发送图片的过程中创建图片的缩略图预览,或者允许应用程序在用户离线时保存文件引用。另外,您可以使用客户端逻辑
2015-12-05 22:23:35
524
转载 js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码
转载地址:http://www.cnblogs.com/liufei88866/archive/2009/11/27/1612003.html1.文本框只能输入数字代码(小数点也不能输入)keyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\
2015-11-17 09:55:46
573
转载 How Do I Target IE7 or IE8 Using CSS Hacks?
转载地址:http://www.impressivewebs.com/ie7-ie8-css-hacks/By Louis Lazaris on November 3rd, 2011 | 58 CommentsIt’s very likely that you’ve dropped support for IE6 in your designs, seeing as
2015-10-20 23:05:05
591
转载 前端图片预览,上传前预览,兼容IE7、8、9、10、11,FIREFOX,CHROME
转载地址:http://hao.jser.com/archive/7968/在现在的Web开发中不可避免的会做一个图片预览的功能,比如在上传图片的情况下,一个很简单的办法就是讲图片上传至服务器之后,再将文件的URL返回回来,然后异步通过这个URL加载刚刚上传的图片,实现图片的预览,很明显的在这个过程中两次Web请求,一次发送文件,一次下载文件,到最后这个文件如果在客户端被删除(取消
2015-10-15 16:37:33
4799
1
转载 JavaScript 代码性能优化总结
转载地址:http://web.jobbole.com/83778/下面是我总结的一些小技巧,仅供参考。以下代码基本上在jQuery的源码里面都可以看到,如有说得不对的地方,请大家指出。尽量使用源生方法javaScript是解释性语言,相比编译性语言执行速度要慢。浏览器已经实现的方法,就不要再去实现一遍了。另外,浏览器已经实现的方法在算法方面已经做了很多
2015-10-13 16:07:19
442
转载 Indeterminate Checkboxes
转载地址:https://css-tricks.com/indeterminate-checkboxes/Checkbox inputs can only have two states: checked or unchecked. They can have any value, but they either submit that value (checked) or d
2015-09-29 09:49:32
531
转载 谈谈 React.js 的核心入门知识
转载地址:http://gold.xitu.io/entry/55caa1db60b27cc249350218近来React.js变得越来越流行,本文就来谈一谈React.js的入门实践,通过分析一些常用的概念,以及提供一些入门 的最佳编程编程方式,仅供参考。首先需要搞懂的是,React并不是一个框架,React提供了一些新颖的概念、库 和编程原则让你能够同时在服务端和
2015-08-13 09:57:50
739
转载 AngularJS Routing Using UI-Router
转载地址:https://scotch.io/tutorials/angular-routing-using-ui-router#multiple-views-about-pageAngularJS provides a great way to make single page applications. When creating single page applicati
2015-06-24 11:52:28
666
转载 颠覆式前端UI开发框架:React
转载地址:http://www.infoq.com/cn/articles/subversion-front-end-ui-development-framework-react基于HTML的前端界面开发正变得越来越复杂,其本质问题基本都可以归结于如何将来自于服务器端或者用户输入的动态数据高效的反映到复杂的用户界面上。而来自Facebook的React框架正是完全面向此问题的一
2015-05-03 21:48:07
475
转载 腾讯精品文!六大奇招带你玩转HTML5移动页面动效
转载地址:http://www.uisdc.com/play-with-html5-animation推荐: cyRotel 2015/04/29 in PS 教程 & 设计文章 更多48四月份最有技术含量的干货!今天腾讯前端TQ同学来来谈谈一些动画设计的小技巧,能帮你在短时间没动画灵感时瞬间让页面增色,同时也会谈及移动端H5
2015-05-03 21:40:26
979
转载 腾讯精品文!六大奇招带你优化HTML5移动页面
转载地址:http://www.uisdc.com/play-with-html5-improvement承接上文《六大奇招带你玩转HTML5移动页面动效》,上次说的是让页面动起来的一些小技巧,而页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏 >> >(1) 动画雪碧图
2015-05-03 21:39:10
623
转载 Margin折叠,站在设计者的角度思考
转载地址:http://melonh.com/css/2015/04/28/understand-margin-collapse.html大部分前端开发者在实现布局时,都会遇到Margin折叠的问题。CSS2.1标准文档中对Margin折叠的规则进行了标准的描述,但却没有解释这样设计的原因。使得我们想要摸清楚Margin折叠规则变得异常困难,通常需要死记硬背。 博主本人非常懒,
2015-05-03 21:21:41
519
转载 大放异彩的伪元素——可以做什么?
转载地址:http://www.w3cplus.com/css3/pseudo-element-roundup.html元素:before 和 :after可以做的东西是相当惊人的。对于页面上的每一个元素,你拥有了两个更灵活的、而且可以完成其它HTML元素都能完成的东西的元素。它们让一大堆有趣的设计成为可能,而且不会对你的语义标签产生负面影响。这里有一大堆关于这些有趣的效果的示
2015-05-03 21:19:34
489
转载 15种CSS混合模式让图片产生令人惊艳的效果
转载地址:http://yusi123.com/3170.html如果你曾经广泛地使用过图片编辑应用软件(例如,Adobe Photoshop,Pixelmator,GIMP等),那么你可能对混合模式比较熟悉。如同名称中所暗示的,混合模式是指将上层的图像融入下层图像时采用的各种模式。根据您所选择的模式,你会看到不同的融合后的效果。混合模式采取铺设在彼此顶部的两个像素,并
2015-05-02 16:28:05
2902
转载 Sublime Text 3 安装及常用插件配置
转载地址:http://www.dbpoo.com/sublime-text3-install/Sulbime Text 3 安装官网安装地址:http://www.sublimetext.com/3(OS X,Windows,Windows 64bit,Linux 32bit,Linux 64bit)Sulbime Text3 插件管理器安装插件管
2015-04-28 11:08:01
1718
转载 你可能不知道的一些JavaScript 奇技淫巧
转载地址:http://web.jobbole.com/82346/这里记录一下以前学习各种书籍和文章里边出现的JS的小技巧,分享给大家,也供自己查阅,同时感谢那些发现创造和分享这些技巧的前辈和大牛们。1、遍历一个obj的属性到数组123vara=[];for(a[a.length]
2015-04-19 22:40:07
497
转载 JavaScript中常见的数组操作函数及用法
转载地址:http://web.jobbole.com/82339/昨天写了个帖子,汇总了下常见的JavaScript中的字符串操作函数及用法。今天正好有时间,也去把JavaScript中常见的数组操作函数及用法总结一下,这样方便大家准备参考。如果恰好你也在准备各种笔试,希望对你有所帮助。同时,也欢迎补充。1、数组创建创建数组应该是最简单的了,有用数组字面量创建
2015-04-16 17:02:57
641
转载 让CSS布局更加直观:box-sizing
转载地址:http://web.jobbole.com/82331/如果你写过CSS或者你接触过CSS,相信你一定对盒子模型一点都不陌生。CSS其中一个让人比较困惑的地方就在于它的盒子模型中关于高度和宽度的计算,别说那些初学者了,就是写过很久CSS的人也一样会有如此的感觉。CSS中的高度和宽度总是不那么直观,让你总是很困惑,不能一眼就能分辨出其高度和宽度。有的时候你希望它的宽度
2015-04-15 10:05:31
429
转载 学习使用:before和:after伪元素
转载地址:http://web.jobbole.com/49301/如果你一直密切关注着各种网页设计的博客,你可能已经注意到了:before和:after伪元素已经在前端开发中获得了相当多的关注。特别是在Nicolas Gallagher的博客中,后期运用了很多伪类元素。Nicolas Gallagher使用伪元素用静态的HTML标签创建84个GUI图标。
2015-04-15 09:22:25
514
转载 30个最常用CSS选择器解析
转载地址:http://web.jobbole.com/1564/你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。1. *1234
2015-04-15 09:16:40
512
转载 使用 AMD、CommonJS 及 ES Harmony 编写模块化的 JavaScript
转载地址:http://justineo.github.io/singles/writing-modular-js/模块化 解耦应用程序的重要性当我们称一个应用程序是模块化的的时候,我们通常是指它由一组高度解耦的、存放在不同模块中的独特功能构成。你可能已经知道,松散耦合通过尽可能地去除依赖性来让可维护性更加简单易得。当这一点被有效实现的时候,系统中某一部分的
2015-04-09 23:10:43
1025
转载 Probably Use initial-scale=1
转载地址:https://css-tricks.com/probably-use-initial-scale1/If you're doing responsive design, you're using viewport tags. These tell the browser what width it should render the viewport at. I
2015-04-09 08:59:46
644
转载 RequireJS中baseUrl失效问题
转载地址:http://www.wlo-o.com/archives/354/在一个内部项目里试用RequireJs,遇到个一个小问题。问题现象是第一次请求时所有的依赖的文件路径错误,再次请求后问题消失,强制刷新后问题又复现。原因是书写的不规范,初始化方式错误,同步运行代码无法调用异步加载的配置文件造成,下面是详细的。先看看文档里的2处描述部分1
2015-04-07 13:49:00
3710
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人