自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(93)
  • 资源 (4)
  • 收藏
  • 关注

原创 js加法和乘法的精确计算

//加法函数,用来得到精确的加法结果   //javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。   function accAdd(arg1,arg2){         var r1,r2,m;        try{r1=arg1.toString().split(".")[1].length}catch(e){

2017-10-27 20:46:46 1899

原创 Vue.js——60分钟快速入门

Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。本文摘自:http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作DOM,学习Vue.js

2017-03-01 11:45:08 484

原创 addEventListener和on的区别

为什么需要addEventListener?先来看一个片段:html代码放逐的天空用on的代码window.onload = function(){ var box = document.getElementById("box"); box.onclick = function(){ console.log("我是box1")

2016-07-13 21:06:41 4603

原创 document的createDocumentFragment()方法

在《javascript高级程序设计》一书的6.3.5:创建和操作节点一节中,介绍了几种动态创建html节点的方法,其中有以下几种常见方法:· crateAttribute(name):        用指定名称name创建特性节点· createComment(text):       创建带文本text的注释节点· createDocumentFragment():  

2016-07-08 17:57:10 509

原创 Backbone源码分析-Backbone架构+流程图

参考资料http://documentcloud.github.com/backbone/ http://www.csser.com/tools/backbone/backbone.js.html 官网介绍Backbone通过提供模型Models、集合Collection、视图Veiew赋予了Web应用程序分层结构。通过以下方式实现分层结构:  模

2016-02-25 18:25:41 1011

原创 js常用的工具类

/** * 根据传入id获取js对象 * @param id 入参id * @returns */function obj$(id){ return document.getElementById(id);};/** * 根据传入id获取js对象的值 * @param id 入参id * @returns */function val$(id){ var o

2016-01-12 09:51:04 456

转载 Web前端研发工程师编程能力飞升之路

今天看到这篇文章。写的非常有意思。发现自己还有很长的一段路要走。【背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;WEB前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的

2015-12-30 09:03:12 466

原创 Backbone React Requirejs 应用实战(一)——RequireJS管理React依赖

Backbone RequireJS React 组合组合的情况以及开发环境如下IDE: Webstorm(开源license,支持JSX)Backbone: Router + ModelReact: react-with-addonsJSXTransformerreact.backbone其他loadsh替换underscorezepto替换jqueryRequi

2015-11-30 09:18:01 1689

转载 BigPipe学习研究

1. 技术背景 FaceBook页面加载技术试想这样一个场景,一个经常访问的网站,每次打开它的页面都要要花费6 秒;同时另外一个网站提供了相似的服务,但响应时间只需3 秒,那么你会如何选择呢?数据表明,如果用户打开一个网站,等待3~4 秒还没有任何反应,他们会变得急躁,焦虑,抱怨,甚至关闭网页并且不再访问,这是非常糟糕的情况。所以,网页加载的速度十分重要,尤其对于拥有遍布全球的5亿用户的F

2015-11-12 09:50:41 1989

转载 Git常用命令

Git配置123456789git config --global user.name "robbin"  git config --global user.email "fankai#gmail.com"git config --global color

2015-11-11 10:28:32 385

转载 手把手教你使用Git

一:Git是什么?       Git是目前世界上最先进的分布式版本控制系统。二:SVN与Git的最主要的区别?      SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活,干完后,需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够

2015-11-11 10:26:27 433

原创 Web前端技术栈

Web前端开发究竟包含哪些技术呢?我所掌握的技术这个子集,在Web前端技术大系这个超集里面占的比例是多少呢?我究竟还没有掌握多少Web前端技术呢?面试的时候会考哪些技术呢?

2015-10-16 10:18:04 5990

原创 NodeJS、NPM安装配置步骤(windows版本)

1、windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装了。2、安装过程基本直接“NEXT”就可以了。(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C

2015-10-10 15:37:25 749

转载 为什么我要用 Node.js? 案例逐一介绍

介绍JavaScript 高涨的人气带来了很多变化,以至于如今使用其进行网络开发的形式也变得截然不同了。就如同在浏览器中一样,现在我们也可以在服务器上运行 JavaScript ,从前端跨越到后端,这样巨大的反差让人难以想象,因为仅仅在几年前 Javascript 还如同 Flash 或者 Java applet 那样嵌入网页在沙箱环境中运行。在深入Node.js之前,你可能需要阅

2015-10-10 15:25:18 572

原创 Git 使用规范流程

团队开发中,遵循一个合理、清晰的Git使用流程,是非常重要的。否则,每个人都提交一堆杂乱无章的commit,项目很快就会变得难以协调和维护。下面是ThoughtBot 的Git使用规范流程。我从中学到了很多,推荐你也这样使用Git。第一步:新建分支首先,每次开发新功能,都应该新建一个单独的分支(这方面可以参考《Git分支管理策略》)。# 获取主干最

2015-09-24 09:19:32 383

转载 如何更专业的使用Chrome开发者工具

顾名思义Chrome开发工具就是一个工具,它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面,也可以通过这个工具调试和测试Web页面或Web应用程序。有了这个工具,你可以做很多有趣的事情:调试界面的问题使用断点调试JavaScript代码优化你的代码打开开发者工具,你只需要在页面的任意位置右击鼠标,选择检查元素或从右上角菜单中选择“工具>更多工具>开发者工具“。下面

2015-09-23 15:11:57 413

转载 前端不为人知的一面–前端冷知识集锦

前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行JavaScript代码这个

2015-09-23 15:08:30 520

转载 如何用工程手段解决前端开发和部署优化的综合问题

这是一个非常有趣的 非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。在我的印象中,facebook是这个领域的鼻祖,有兴趣、有梯子的同学可以去看看facebook的页面源代码,体会一下什么叫工程化。接下来,我想从原理展开讲述,多图,较长,希望能有耐心看完。--------------------------

2015-07-24 14:53:06 763

转载 Web缓存(配置squid)

配置squid转载http://www.92csz.com/study/linux/21.htmSquid是比较知名的代理软件,它不仅可以跑在linux上还可以跑在windows以及Unix上,它的技术已经非常成熟。目前使用Squid的用户也是十分广泛的。Squid与Linux下其它的代理软件如Apache、Socks、TIS FWTK和delegate相比,下载安装简单,

2015-04-08 15:56:20 569

原创 javascript中new Date()的浏览器兼容性问题

引言: 同一种语言javascript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。1.  问题的提出, 开始时间和结束时间空间无法正确的传递值    在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的,在Chrome下是可以正常运行

2015-04-08 13:04:55 548

原创 迅雷评分效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 迅雷评分效果 - 豪情 *{ margin:0; padding:0;} b

2015-02-13 16:27:28 556

原创 微博置顶

微博置顶 - 豪情 *{ margin:0; padding:0;} body{font:12px/1.125 Arial,Helvetica,sans-serif;background:#fff;} table{border-collapse:collapse;border-spacing:0;} li{list-styl

2015-02-13 16:16:45 906

原创 前端学习资源

工作几年下来收集的相关前端学习资料,整理出来供喜爱前端的同学们一同成长!资源: http://www.cnblogs.com/jikey/p/3613082.html 前端入门教程 http://pan.baidu.com/share/home?uk=4127504068&view=sharehttp://pan.baidu.com/share/home?uk=1413

2015-02-12 15:05:08 1858

转载 响应式设计的现状与趋势

从2012年开始到2014年,各大家对Web设计的趋势预测中,都提到响应式设计;2015年网页设计趋势预测中,响应式仍在继续。这个经历了几年依然大热的响应式,在过去的几年里,快速巩固了自己的地位,并掀起了一股网页设计新标准的浪潮。这里本人基于一些资料文献及自己的陋见,谈谈响应式设计的一些现状和趋势。源起2010年5月,伊桑.马科特(Ethan Marcotte)在“A List Apart

2015-02-11 09:42:43 688

转载 阿里前端的困局与突围

最近发了两条微博:想起克军的一句话:前端研究,研究个屁~ 的确如此呀。补充下联:前端设计,设计个屁~前端目前最大的困境是,如 HTML 一样,无论你承不承认,市场上并不太需要 HTML 高手。  微博上的回复大部分歪楼了。上面两句话乍看有点激进,却是我的真实想法。  背后是一个问题:  前端的价值究竟是什么?未来应该如何发展?  前端的价值  如果你刚入行,或者

2015-02-11 09:31:45 696

原创 HTML中鼠标滚轮事件onmousewheel处理

滚轮事件是不同浏览器会有一点点区别,一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法绑定DomMouseScroll事件,其他的浏览器滚轮事件使用mousewheel,下面我来给大家具体介绍。Firefox使用

2015-02-09 10:30:44 6386 1

转载 移动手机平台的HTML5前端优化指南

对于访问量大的网站来说,前端的优化是必须的,即使是优化1KB的大小对其影响也很大,下面来看看来自ISUX的米随随讲讲移动手机平台的HTML5前端优化,或许对你有帮助和启发。概述      1. PC优化手段在Mobile侧同样适用      2. 在Mobile侧我们提出三秒种渲染完成首屏指标      3. 基于第二点,首屏加载3秒完成或使用L

2015-02-06 09:49:31 546

转载 HTML5能取代Android和iOS应用程序吗?

大量新生移动设备的兴起,改变了互联网的未来。在技术的发展上,HTML5会取代App应用吗?或者说能够在多大程度上取代呢?在HTML5规范中,已经加入了相机、磁力罗盘、GPS信息的支持。很多新兴浏览器也已经开始支持这些新特性。能否用一个统一的HTML5来替代android和ios并行开发的双重成本呢?以下译自Michael Mahemoff的一篇文章,详细分析了HTML5能否取代Android和iO

2015-02-06 09:10:56 717

转载 XSS 前端防火墙 —— 可疑模块拦截

上一篇介绍的系统,虽然能防御简单的内联 XSS 代码,但想绕过还是很容易的。由于是在前端防护,策略配置都能在源代码里找到,因此很快就能试出破解方案。并且攻击者可以屏蔽日志接口,在自己电脑上永不发出报警信息,保证测试时不会被发现。昨天提到最简单并且最常见的 XSS 代码,就是加载站外的一个脚本文件。对于这种情况,关键字扫描就无能为力了,因为代码可以混淆的千变万化,我们看不出任何异常,只能将其

2015-02-05 13:55:27 527

转载 XSS 前端防火墙 —— 内联事件拦截

关于 XSS 怎样形成、如何注入、能做什么、如何防范,前人已有无数的探讨,这里就不再累述了。几乎每篇谈论 XSS 的文章,结尾多少都会提到如何防止,然而大多万变不离其宗。要转义什么,要过滤什么,不要忘了什么之类的。尽管都是众所周知的道理,但 XSS 漏洞十几年来几乎从未中断过,不乏一些大网站也时常爆出,小网站更是家常便饭。而本文介绍的则是另一种预防思路 —— 通过前端监控脚本,让每一个用户

2015-02-05 13:43:26 906

转载 WiFi流量劫持—— JS脚本缓存投毒

在上一篇《WiFi流量劫持—— 浏览任意页面即可中毒》构思了一个时光机原型,让我们的脚本通过HTTP缓存机制,在未来的某个时刻被执行,因此我们可以实现超大范围的入侵了。  基于此原理,我们用NodeJS来实现一个简单的样例。得益于node强大的IO管理,以及各种封装好的网络模块,我们可以很容易实现这个想法:  开启一个特殊的DNS服务:所有域名都解析到我们的电脑上。并把Wifi的D

2015-02-05 13:41:42 2267

转载 WiFi流量劫持—— 浏览任意页面即可中毒!

大家都知道公共场所的Wifi安全性很差,但并不清楚究竟有多差。大多以为只要不上QQ、不登陆网站账号就没事了,看看新闻小说什么的应该毫无关系。  的确如此,看看新闻网页没有涉及任何敏感的账号信息。即便是数据明文传输,Hacker也只能嗅探到你看了哪些新闻,这些毫无价值的信息。  不过如此守株待兔的嗅探,似乎也太被动了。既然我们能主动控制流量,何必用这种弱爆了的方法呢?  --------

2015-02-05 13:37:51 2357

原创 HTML5 Access-Control-Allow-Origin解决跨域问题

跨域请求:A.abc.com 发起一个到 abc.com/B 的ajax请求,也会有跨域的问题。之所以会有跨域问题,实则是因为www.abc.com其实同A.abc.com一样,也是一个二级域名,而非一级域名(一级域名是http://abc.com)。对于是否允许跨域,更详细的说明可以看下表:URL说明是否允许通信http://www.a.com/a.j

2015-02-05 11:37:09 9980

转载 js中几种实用的跨域方法原理详解

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题,我们可以使用以下几种方法: 一、通

2015-02-05 10:52:06 530

原创 http与https的区别

在URL前加https://前缀表明是用SSL加密的。你的电脑与服务器之间收发的信息传输将更加安全。 Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。 HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议要比http协议安全。

2015-02-05 09:20:50 1048

原创 AngularJS 五大特性,加快 Web 应用开发

AngularJS 是谷歌的一个 JavaScript 框架,旨在简化前端应用程序的开发。如果你在开发单页的应用程序,我敢肯定你已经听说过它。我是 AngularJS 的忠实粉丝,在这篇文章中我将概述五条我为什么这么喜欢它的原因。  #1 良好的应用程序结构  通常情况下,我们编写 JavaScript 没有明确的结构。虽然在编写小应用程序的时候没有问题,但这显然是不适

2015-01-27 10:05:09 468

原创 HTML5 Canvas 制作水波纹效果

今天,我们继续分享 JavaScript 实现的效果例子,这篇文章会介绍使用 JavaScript 实现水波纹效果。水波效果以图片为背景,点击图片任意位置都会触发。有时候,我们使用普通的Javascript 就可以创建一个很有趣的解决功能。  在线演示      源码下载 Step 1. HTML和以前一样,首先是 HTML 代码:

2015-01-27 09:04:54 2413

原创 jQuery Lazy Load 图片延迟加载

基于 jQuery 的图片延迟加载插件,在用户滚动页面到图片之后才进行加载。对于有较多的图片的网页,使用图片延迟加载,能有效的提高页面加载速度。版本:jQuery v1.4.4+jQuery Lazy Load v1.7.2注意事项:需要真正实现图片延迟加载,必须将真实图片地址写在 data-original 属性中。若 src 与 data-original 相同,则只是一个特效

2015-01-20 10:01:04 1654 1

原创 滚动条滚动到可视区域加载数据

实现功能:页面某版块,当滚动条滚动到该区域时加载数据,否则不加载,节省页面加载时间思路:1 判断是否进入可视区域2 加载数据,服务器端返回已经绑定好的repeater,相应样式加好3 注意一点,加一个开关,当ajax请求成功后,关闭,防止不停的无限的循环加载,优化,进入ajax就设置开关进入可视区域 $(function () { var is

2015-01-20 09:01:14 5027 2

原创 用一个二维码做下载地址,自动区分是 ios 还是 android

二维码下载 /* * 智能机浏览器版本信息: * */ var browser = { versions: function() { var u = navigator.us

2015-01-16 13:42:46 790

jQuery淡入淡出瀑布流效果

jQuery淡入淡出瀑布流效果是一款简单有效的jquery瀑布流特效。

2015-01-13

深入浅出Ext_JS(第2版)

ExtJS可以用来开发RIA也即富客户端的Ajax应用,是一个用JavaScript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端Ajax框架。因此,可以把ExtJS用在.NET、Java、PHP等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员JackSlocum开发,通过参考JavaSwing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术的精品。

2013-04-19

jQuery柱状图饼状图

jquery 实现的一款报表,可以在页面中展示,包括常用的饼状图、柱状图等。jsp、asp等都可以使用,在页面中展示生成统计图等,非常实用,使用也很简单,看一眼估计就懂

2013-04-19

15天学会jquery(完整版)

15天学会jquery(完整版),一本对jQuery迅速上手的教程,能对初学者有所帮助.

2013-04-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除