- 博客(38)
- 收藏
- 关注
RSS订阅原创 Js apply方法详解
主要我是要解决一下几个问题:1. apply和call的区别在哪里2. 什么情况下用apply,什么情况下用call3. apply的其他巧妙用法（一般在什么情况下可以使用apply） apply:方法能劫持另外一个对象的方法，继承另外一个对象的属性.Function.apply(obj,args)方法能接收两个参数obj：这个对象将代替Function类里th...
2016-10-27 15:44:46
196
原创 浅谈JavaScript闭包
Javascript Closure 为什么知道闭包很重要？闭包是JS语言的难点也是其一大特色，很多初学者甚至从业多年的开发者也很难弄清楚这个概念。弄明白这个概念十分重要，因为不但是对学习JS语言的一个大提升，在编写高级应用时候经常要用到，同时也是很多面试题目中经常会考到的问题。 闭包的“官方”解释：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通...
2016-08-03 22:51:54
155
原创 Zepto和jQuery获取select元素的选中值的文本
jQuery和 Zepto两者获取select的方法有所不同，记录如下： jQuery $('#testSelect option:selected').text();//选中的文本$('#testSelect option:selected') .val();//选中的值$("#testSelect ").get(0).selectedIndex;//索引...
2016-05-17 14:26:40
325
原创 cookie和localStorage常用方法
cookie读、设、删：function addcookie(name,value,expireHours){ var cookieString=name+"="+escape(value)+"; path=/"; //判断是否设置过期时间 if(expireHours>0){ var date=new Date(); ...
2016-04-11 12:55:34
160
关于IT公司绩效考核等问题的讨论
整理微信群2016.4.7关于绩效考核等问题的线上讨论 考核制度的探讨：A提问：请教一下，如果必须上KPI类似的绩效考核，大家有没有好的建议和参考？小陈：建议OKR，而非KPI，百度就是被KPI害死的。Fanky：OKR不是万能，虽说比KPI公认更科学，但是也有很多弊端和应用场景；比如运营和纯执行类一线岗位，OKR未必有多少用处；索尼的SOP更适合一线执行岗位，但是把这些套...
2016-04-08 22:07:50
416
原创 Web移动端开发常规全局设置
一，两种rem解决方案1，根据dpi来设定rem以及viewport（美团的REM解决方案） //根据屏幕大小及dpi调整缩放和大小 (function() { var scale = 1.0; var ratio = 1; if (window.devicePixelRatio &...
2016-03-07 19:25:28
186
原创 PV、UV、IP之间的区别与联系
PV是网站分析的一个术语，用以衡量网站用户访问的网页的数量。对于广告主，PV值可预期它可以带来多少广告收入。一般来说，PV与来访者的数量成正比，但是PV并不直接决定页面的真实来访者数量，如同一个来访者通过不断的刷新页面，也可以制造出非常高的PV。 1、什么是PV值 PV（page view）即页面浏览量或点击量，是衡量一个网站或网页用户访问量。具体的说，PV值就是所...
2016-02-16 10:45:45
239
原创 常用CSS代码收集
清除浮动clearfix CSS：<style> .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { displa...
2016-01-29 15:45:07
113
Mobile Web常见技术问题和规划
前一段时间应Boss要求，给开发组同事做了一次关于前端技术的演讲，我整理了现在项目遇到的很多问题，和未来规划。我还特意去了一趟上海，求教朋友一些前端架构问题，他说我遇到的问题具有很广泛的普遍性，很多团队都有遇到，于是我抽空整理出来。 Mobile Web常见技术问题和规划 现状一、目前前端技术(1)JS功能库：jQuery和Zepto混用；(2)页面之间...
2015-10-01 02:35:33
249
原创 一些常用的gulp插件
最近项目中用到的一些gulp插件package.json：{ "name": "gulp ext", "description": "Web Task", "author": { "name": "zhoutao", "email": "watership@foxmail.com"
2015-09-29 10:44:26
110
原创 一个简单的canvas模糊背景图方法
blur(document.getElementById('logo'),'http://s.segmentfault.com/img/logo.png',2);function blur(element, src, strength){ var image = new Image(); image.onload = function(e){ ...
2015-09-18 17:54:11
816
浏览器原生和微信JS-SDK两种方法获取用户经纬度和所在城市的方法
网上找了很多根据经纬度获取城市的文章，没发现特别好用的，于是自己写了一个，包含自带浏览器获取经纬度和微信JS-SDK获取经纬度的方法，获取后并存入localStorage。 参考资料如下微信JS-SDK ：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html百度地图API： http://dev...
2015-09-18 17:47:08
2993
原创 移动Web开发要点记录
推荐资料：mobileTech收集移动端开发所需要的一些资源与小技巧 关于Zepto zepto和jquery的区别，zepto的不同使用8条小结 Zepto 使用中的一些注意点(转)why-we-dropped-zepto 清除 iOS 下 input 表单的阴影 -webkit-appearance: none; 平滑滚动-webkit-o...
2015-09-11 11:32:38
122
原创 git命令集合
一，教程git - 简易指南 http://www.bootcss.com/p/git-guide/git教程 http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/猴子都能懂的Git入门 http://backlogtool.com/git-guide/cn/intro...
2015-08-31 16:11:24
97
原创 解决JS浮点数(小数)计算加减乘除的BUG（转）
加法函数，用来得到精确的加法结果/** ** 加法函数，用来得到精确的加法结果 ** 说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 ** 调用：accAdd(arg1,arg2) ** 返回值：arg1加上arg2的精确结果 **/function accAdd(arg1, arg2) { ...
2015-08-10 11:53:57
277
原创 CMD命令名详细大全
AT 计划在计算机上运行的命令和程序。ATTRIB 显示或更改文件属性。BREAK 设置或清除扩展式 CTRL+C 检查。CACLS 显示或修改文件的访问控制列表(ACLs)。CALL 从另一个批处理程序调用这一个。CD 显示当前目录的名称或将其更改。CHCP 显示或设置活动代码页数。CHDIR 显示当前目录的名称或将其更改。CHKDSK 检查磁盘并显示状态报...
2015-08-04 10:21:09
142
原创 陈柏龄知乎健身回答总结
没有锻炼基础的人，如何增肌与减脂？简单来说，胖的人，就是你每天一次性做100个俯卧撑或200个仰卧起坐或者4组深蹲和4组剪蹲，然后去跑步跑5公里。 最基本的锻炼步骤1.热身3~5min。2.（男生）无氧运动30~60min。（俯卧撑、仰卧起坐、器械锻炼等）3.有氧运动30~60min。（跑步、游泳、登山等） 无氧运动的分组锻炼问题一般来说，每个动作4组，一...
2014-12-23 14:08:36
647
原创 (HIIT)高强度间歇训练
简介：HIIT指的是在进行短促的高强度无氧训练之后降低强度恢复一段时间，来回交替这两个阶段。每次的训练时间可以在4至30分钟。HIIT是一种运动方法，并不是一个具体的运动形式。 步骤：热身、3次到10次高强度练习和中等强度恢复的交替、整理。高强度练习应该接近最大强度进行，中等强度的恢复期应使用最大强度的一半。重复数量和每次练习的时间根据不同的练习决定。HIIT没有具体...
2014-12-19 14:30:50
1346
帆布指纹识别介绍
有一段时间帆布指纹识别这个概念炒的很火，我也在公司和技术经理一起做了相应的测试和研究，前几天偶然看到知乎上有人提问，便打算整理一下。 帆布指纹识别通过每一个用户设备不同的分辨率，色彩位数，平台种类等来作为“加密密钥”，通过在浏览器上生成canvas来取得类似于md5值的字符串，当做用户唯一的标识码。在用户设备没有大的硬件改动情况下，这个算出来的标识码是唯一的，不可变的。 深...
2014-12-10 14:02:35
1037
原创 doT模板简介
在多个公司的多个项目工作中，每一次我都极力推荐项目使用doT模板来减少工作量，提高工作效率。特别向大家推荐这个好东西来提高工作的幸福感。 doT简介：doT是一个高性能JavaScript模板引擎，简单易用，其大小只有4KB（压缩后），适合各种数据和UI交互的地方使用，尤其适合MVC类WEB应用中，其也可以再NodeJS里面使用，并且表现出色。是本人觉得综合性能最好JavaS...
2014-12-10 13:47:23
1031
原创 [摘录] CSS邮票样式
主要CSS特性：css3 gradient --> css3 渐变css3 :after --> 伪类选择器 css3 gradient：linear-gradient(线性渐变)、radial-gradient(径向渐变)。css3径向渐变的意思是圆形或椭圆形的渐变。一般颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合。但相对线性渐变要比径向渐变复...
2014-09-28 10:19:42
334
史诗级中日韩新字体诞生：思源黑体（Source Han Sans）
百科简介：思源黑体（英语：Source Han Sans）是Adobe与Google所领导开发的开源字体家族，以Apache 2.0许可证授权，属于无衬线黑体。思源黑体于2014年7月16日首次发布，支持繁体中文、简体中文、日文及韩文，并且各有7种字体粗细。公开之时为当时涵盖字符数量最多的字体，44,666个字符分属于65,535个字形中，此为OpenType字...
2014-09-23 17:53:32
4754
原创 Segoe UI字体
一，Segoe UI（发音/si.ɡoʊ. juː.aɪ/）是一款西文无衬线体，是微软公司诸多新产品中用户界面的字体。 二，再微软Windows8商店里面，Segoe UI系列字体有五个不同版本的 Segoe UI，每个版本的粗细各不相同。Segoe UI Light 细：粗细度为 200 的 Segoe UI；Segoe UI Semilight 半细：粗细度为 300...
2014-07-09 14:08:46
4504
原创 [摘录]纯CSS打造箭头对话框效果
有在使用Facebook的朋友，应该会发现到，自从Facebook将条列式改成时间轴的架构后，每当发表新讯息时，每个讯息都会像对框话的形式来呈现，虽然说这不是什么新技术，但先前梅干都是将那对话框的，三角形制作成图档，再将它定位显示到该显示的任置，虽然说没什么问题，但若中间突然修改的颜色或边框时，这下就得重新再绘制一次，因此梅干便在想，或许可用Html5来绘制那三角形，如此一来就可省去，每当色彩...
2014-07-08 18:35:58
346
原创 扒下来alexa的网址
http://www.alexa.com/的网址点进去是网站的一些排名信息，如下图： 如何快速扒下来这些网址呢？按下F12，调出开发者工具，运行一个简单的脚本即可。 http://www.alexa.com/topsites/category;0/Top/Shopping代码如下：var site = document.getEl...
2014-07-07 15:04:33
515
原创 User-agent examples,user agent types,user agent request,useragent example
On this page you can find user-agent examples and user agent types. Useragent type is linked with operation system and browser. Linux have different structure of ua then Windows, see useragent examp...
2014-07-01 10:04:33
162
原创 How to develop a Firefox extension （Jun 5 2014）
It’s been a while since we published a guide on extension development in this blog, and we recently discovered that many of you are hitting a very old blog post about it. There’s plenty of docu...
2014-06-27 10:10:45
169
原创 UED学习推荐资料
原文来自于： http://daichuanqing.com/index.php/share 用户体验入门级书籍写给大家看的设计书(第3版)★（交互设计师必须学习基本的排版知识，没有审美无法成为设计师）胜于言传：网站内容制胜宝典★设计之下★一目了然情感化设计交互设计之路设计心理学瞬间之美：web界面设计如何让用户心动 用户体验中阶书籍...
2014-06-19 18:22:57
279
原创 可用性研究推荐书目
《可用性工程》，刘正捷等译，机械工业出版社，2004 （原著： Usability Engineering, Jakob Nielsen,Elsevier Science, 1994）《面向使用的软件设计》，刘正捷等译，机械工业出版社，2004 （原著： Software for Use, Larry Constantine & Lucy Lockwood, Addison ...
2014-06-12 15:19:08
188
原创 火狐扩展开发：常见参考资料和工具
参考资料Firefox扩展在线生成向导：Add-on Packager XPCOM接口： XPCOM Interface Reference代码示例：Add-ons-Code snippets开发者论坛：add-ons Forum 提交附件： 开发者中心最佳实践： 火狐扩展开发-开发者文档-帮助库 参考工具切换浏览器语言：Simp...
2014-06-12 11:29:18
91
原创 火狐浏览器的About页面
about: URLs that are listed in about:about page.about: — The same page as "Help -> About" (except that, on some applications, Help → About is a much smaller popup).about:about — Lists all...
2014-06-10 18:10:47
825
原创 火狐扩展开发：获得最近访问的列表
function getHistoryByTime(days) { var historySvc = Components.classes["@mozilla.org/browser/nav-history-service;1"].getService(Components.interfaces.nsINavHistoryService); if (days == null...
2014-06-09 13:45:36
92
原创 微软雅黑与微软正黑体
微软终于在发布的Windows Vista中添加了全新的中文字体微软雅黑，并且默认开启了ClearType，终于摆脱了XP上糟糕的锯齿状字体，从此Windows中有了好看的无衬线字体。 前几天在火狐台湾的官网上发现了一种没见过的字体，很漂亮，风格接近微软雅黑。 查得这是微软正黑体由蒙纳成像股份有限公司设计，专门为中文繁体设计。令人奇怪的是这套...
2014-05-30 19:02:05
3311
原创 火狐扩展开发：普通Web页面和浏览器扩展互相通信
前篇博客介绍 浏览器扩展在第三方页面引入JS脚本 的方法，但是插入在第三方页面里面的JS代码是无法调用浏览器扩展的API（如：XPCOM Interface Reference），这样这些插入到第三方页面的代码就没办法和浏览器扩展进行通信，没办法交换数据，我们完全控制不了它们了。 对于这个问题Mozilla提供了一个方法：用DOM元素的属性来交互数据，这个方法非常妙；浏览器扩展可以获得...
2014-05-30 18:17:51
740
HTML转义符几点知识
一，为什么要使用HTML转义符串转义字符串（Escape Sequence）也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是：像“<” 和 “>”这类符号已经用来表示HTML标签，因此就不能直接当做文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。第二个原因是：有些字符在ASCII...
2014-05-23 10:42:41
117
火狐扩展开发：在第三方页面插入JS脚本
第一步，首先在xul文件内引入执行插入脚本的JS文件，例如： 第二步，向第三方插入脚本的代码： var ffCreate = { init: function () { var appcontent = document.getElementById("appcontent"); // browser 详情见参考资料1 ...
2014-05-23 10:10:12
1498
火狐浏览器切换本地语言的方法
开发多语言的火狐浏览器的插件或者扩展，不可避免要切换浏览器的语言，然后Firefox又不像Chrome那么容易的更改界面语言，所以我们可以尝试安装切换语言插件的方法。 一，安装切换语言的插件：相关的插件有很多，例如：Quick Locale Switcher，Locale Switcher，Simple Locale Switcher； 这里我推荐Simple Local...
2014-05-21 17:45:05
371
原创 火狐扩展开发：添加书签功能的封装
这几日需要写一个给火狐浏览器增加书签的功能，需要实现给指定的书签文件夹添加文件夹和网址，封装了一些原生的方法。 参考资料： 1.XPCOM nsINavBookmarkObserver (火狐开放书签接口) 2.XPCOM nsINavBookmarksService (火狐开放书签接口) 3.Code Snippets Bookmarks (官方示例) 第一步：...
2014-05-16 18:40:55
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人