- 博客(52)
- 收藏
- 关注
转载 js 进制相关 记录
在 JS 中: 使用0x字面上表示十六进制。每一位代表 4bit(2^4)。 使用0o字面上表示八进制。每一位代表 3bit(2^3)。还有一种是直接使用0为开头,不过该种 bug 较多,不推荐。 使用0b字面上表示二进制。每一位代表 1bit(2^1)。 js十进制转2,8...
2017-05-22 14:08:00
95
转载 移动前端笔记
某些手机阻止不了tap事件的传递,会导致触发重叠元素上的事件,可以使用mousedown 或touchstart事件代替即可阻止,或者在写事件时都判断下事件来源是否是绑定的本元素(e.target) 2.更多魔法参考:http://www.cnblogs.com...
2016-07-26 15:47:00
82
转载 gulp 加版本号 改动
推荐使用 gulp-rev + gulp-rev-collector 是比较方便的方法,结果如下:"/css/style.css" => "/dist/css/style-1d87bebe.css" "/js/script1.js" => "/dist/script1-6...
2016-07-08 11:27:00
84
转载 git 提示换行符LF 或者 CRLF
windows中的换行符为 CRLF, 而在linux下的换行符为LF解决://禁用自动转换git config --global core.autocrlf false参考:http://stackoverflow.com/questions/5834014/lf-will-be-...
2016-07-06 22:45:00
122
转载 以同步的方式运行 Gulp 任务
以同步的方式运行 Gulp 任务使用run-sequence 插件注意:任何task都要返回流,如下代码,必须要return,同步执行才生效var runSequence=require('run-sequence');//按指定顺序运行任务gulp.task('img-task',f...
2016-07-06 16:21:00
114
转载 javascript 如何重载原生api的功能
比如,想重写console.log,但是有要保持原生的console.log的功能,如何处理呢?看代码:var logs={};logs.log=window.console.log;window.console.log = function() { alert('aa'); ...
2016-05-03 16:17:00
85
转载 apache2虚拟主机、目录设置
#Mac 10.9 自带apache2虚拟主机、目录设置(转载的)花了好几天时间做这个事,终于成功,把正确的做法记录一下。如果是第一次使用apache,可以先执行sudo apachectl start然后在浏览器里打开http://localhost看看效果,如果显示It Wo...
2015-11-17 01:28:00
143
转载 liunx shell 常用命令
liunx shell 常用命令进入某目录cd /usr/local查看当前目录有哪些文件和文件夹ls查看指定文件的权限信息ls -l test.txt为某文件添加可写权限chmod +w test.txt取得root权限,输入密码sudo -s编辑某文件v...
2015-11-17 01:25:00
78
转载 mac系统环境下的apache配置虚拟目录
#mac系统环境下的apache配置虚拟目录##配置虚拟目录在httpd.conf找到Directory,添加改为如下<Directory /> AllowOverride none Order allow,deny allow from all...
2015-11-17 01:24:00
258
转载 使用nvm做nodejs的版本管理
以mac下为例,前提:以安装git $gitclonegit@github.com:creationix/nvm.git~/.nvm$source~/.nvm/nvm.sh#安装$nvminstallv0.12.0#显示当前本地安装的所有Node.js$n...
2015-11-14 02:10:00
67
转载 安装ionic开发环境
#安装ionic开发环境 ionic是基于angularjs开发移动端hybrid app的前端框架,对于视图的路由,ionic没有使用AngularJS的路由模块(ng-route),而是使用 了angular-ui项目的ui-route模块。ionic.bundle.js已经打包了ui-...
2015-11-11 00:15:00
81
转载 web前端开发工具
web前端开发工具 postman 谷歌浏览器插件;是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件 FeHelper 谷歌浏览器插件;包含一些前端实用的工具,如字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、栅格规范检测、网页性能检测等 ...
2015-10-29 19:42:00
131
转载 关于web移动端返回到顶部的解决方案
在pc上我们很容易就可以用scrollTop()来实现流程的向上滚动的返回到顶部的动画,然后用到web移动端却没什么卵用,会出现滚动不流畅,卡顿,失灵等等现象。 这是因为移动端的scroll事件触发不频繁,有可能检测不到有<=0的情况 为此,移动端判断次数好些, 下面是具体实现代码...
2015-10-07 00:46:00
287
转载 zepto 里的高宽
在zepto里.height();计算不准确 体现在以下两个方面: display:none;的元素,计算不到其真实高宽 当计算的元素有多个孩子节点时,计算到的高宽是当这元素仅包含第一个孩子节点时的高宽,第2,3。。。。。之后的孩子的高宽没计算在内 解决方案: 对于第一点...
2015-10-07 00:32:00
180
转载 jshint 配置
{ // JSHint Default Configuration File (as on JSHint website) // See http://jshint.com/docs/ for...
2015-01-31 11:26:00
96
转载 nodejs grunt 圖片轉換 插件
grunt-image-embed 轉換在css裏的圖片 npminstallgrunt-image-embed Documentation This task has two required properties,srcanddest.srcis the path ...
2015-01-31 11:25:00
66
转载 css開啟硬件加速
css開啟硬件加速 .cube{/*開啟硬件加速*/-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-tr...
2015-01-31 11:24:00
51
转载 前端開發思考
前端開發思考: UI操作邏輯 業務邏輯 動畫效果 各種操作與UI解耦,與類庫解耦 h5技術方向的應用 組件的開發與解耦,創建與銷毀 oo的應用 前端密集型項目-內存洩漏-事件-UI 不斷的重構 ...
2014-11-26 15:40:00
66
转载 npm install 时遇到的 python 问题
gypERR!configureerrorgypERR!stackError:Pythonexecutable"python"isv2.4.3,whichisnotsupportedbygyp.gypERR!stackYoucanpassthe...
2014-10-21 22:17:00
1133
转载 img, script, link 的 src/href 为空时的bug
重复加载 这个 bug 并不新鲜。早在 2009 年,Nicholas C. Zakas 就发现了空 src 的危害性:Empty image src can destroy your site. Nicholas 的发现可以概括为一句话:img, script, link 的 src/...
2014-10-21 18:54:00
273
转载 shell实现ftp命令示例
一、shell脚本示例: ftp cd/PATH_YOU_WANT_TO_UPLOAD(DOWNLOAD)ftp-niv<<-EOFopenIP_ADDRESSuserUSERNAMEPASSWORDascii(orbin)put...
2014-10-16 10:36:00
132
转载 css3 使用新的字体单位rem
网页要多终端匹配,传统字体单位px满足不了,考虑使用rem单位 rem 是相对于根节点的 为此,如下代码,先让根节点单位为10px,之后就方便使用rem了 html{font-size:62.5%;}body{font-size:1.4rem;}/*=14px*...
2014-09-25 12:19:00
61
转载 js 類庫代碼收集分析
移除字符串多餘空格 /***去除多余空格函数*trim:去除两边空格lTrim:去除左空格rTrim:去除右空格*用法:*varstr="hello";*str=str.trim();*/if(!!!String.protot...
2014-09-22 19:50:00
62
转载 Gulp:新一代前端构建利器(轉)
1、什么是Gulp gulp.js是一种基于流的,代码优于配置的新一代构建工具。 Gulp和Grunt类似。但相比于Grunt的频繁的IO操作,Gulp的流操作,能更快地完成构建。 2、Gulp特性 使用方便 通过代码优于配置的策略,Gul...
2014-09-18 12:45:00
47
转载 nodejs下載quint包時,windows下npm安装PhantomJS失败
出錯如下圖 You can tell NPM and the PhantomJS installer to skip validation of ssl keys with NPM'sstrict-sslsetting: npmsetstrict-sslfalse WA...
2014-09-16 12:21:00
57
转载 nodejs grunt 應用
grunt是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:① 压缩文件② 合并文件③ 简单语法检查 還有有其他用法嗎? 安裝 1、nodeJs环境 因为grunt是基于nodeJs的,所以首先各位需要安装nodeJS环境,这块我们便不管了http://www.cnb...
2014-09-16 11:13:00
72
转载 css clip:rect的使用
剪裁图像:http://www.zhangxinxu.com/wordpress/2011/04/css-cliprect%E7%9F%A9%E5%BD%A2%E5%89%AA%E8%A3%81%E5%8A%9F%E8%83%BD%E5%8F%8A%E4%B8%80%E4%BA%9B%E5%B...
2014-09-15 00:04:00
187
转载 简化不是这么干的!如何从两个方面正确简化产品?
很多设计师同学为了适应简约的潮流,在简化产品方面绞尽脑汁,但简化不是两个不要:这个不要,那个也不要,简化是一个细心活。今天教同学们简化双板斧:重点是什么,何时简化。赶紧来学一下吧! “尽可能的简化一切事物,但不要简略。” —— 阿尔伯特 爱因斯坦 如果没有摄像头,你的手机会...
2014-09-12 17:01:00
82
转载 圖片預加載與適配
圖片实现预载的方法 实现预载的方法非常多,可以用CSS(background)、JS(Image)、HTML(<img />)都可以。常用的是new Image();,设置其src来实现预载,再使用onload方法回调预载完成事件。只要浏览器把图片下载到本地,同样的src就会使用...
2014-09-10 22:20:00
76
转载 html5 web app
http://www.poluoluo.com/jzxy/201211/188320_3.html http://www.tuicool.com/articles/iuY7Fr6 media type与media query http://www.qianduan.net/m...
2014-09-10 22:05:00
192
转载 (轉)@font-face
@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就...
2014-09-10 21:40:00
73
转载 一些招聘網站上的要求記錄
1、有较强的Javascript能力,能够较为深入和系统的掌握JS的应用。在了解JS的基本语法的前提下,同时了解JS的类型系统和原型链的作用并在程序中能够正确的使用该机制;了解JS的闭包的概念和机制,能够正确识别JS程序在运行时候函数寻址的作用域中的内容;能够理解浏览器页面内的DOM事件机制,...
2014-09-10 10:48:00
77
转载 javascript 内存泄漏
内存泄露是指一块被分配的内存既不能使用,又不能回收,直到浏览器进程结束。 泄露方式 在接下来的内容中,我们会讨论内存泄露方式,并为每种方式给出示例。其中一个重要的示例是JScript中的Closure技术,另一个示例是在事件执行 中使用Closures。当你熟悉本示例后,你就能找出...
2014-09-03 14:38:00
71
转载 setInterval 和setTimeout
它们都处在一个单一线程中 var id = setTimeout(fn, delay);- 初始化一个单一的timer,这个timer将会在一定延时后去调用指定的函数。这个函数(setTimeout)将返回一个唯一的ID,我们可以通过这个ID来取消timer。 var id = ...
2014-09-03 12:54:00
76
转载 SmarTone CARE项目总结
一、bug问题汇总 做st care corp web 时遇到了Prototype $()取不了弹出层里input元素的值(总为空),有可能喺ajax过来后浏览器综合环境有问题,指弹出层插件同prototype 同浏览器共同作用下产生了不知名的复杂问题,如此实在找不出解决办法,可以使用终极...
2014-08-27 20:20:00
207
转载 js note
http://mianshiti.diandian.com/page/3?tag=Javascript 1、 jquery 的 ajax 跨域 jsonp记录 JSONP requires that the response be wrapped in some kind of ...
2014-08-27 12:18:00
63
转载 css note
1. css 伪类选择器last-of-type对class无效果 HTML: <pclass="visible">Firstparagraph.</p><pclass="visible">Secondparagraph.</p>&...
2014-08-27 12:02:00
48
转载 注意display和visibility,特別在遇到得不到寬高或插件不能實例化時
如元素初始化為:display:none; 不占位置,下級元素資源不加載,獲取其下級元素高寬總為0 visibility:hidden 占位置,下級元素資源加載,獲取其下級元素高寬總為其實際高寬 eg:在使用iscroll插件時,如初始化時的div容器必須是display:non...
2014-08-21 22:15:00
48
转载 android 4.4.2 html input bug
android 4.4.2 html input bug 當輸入后,按後退鍵,onkeyup事件沒用 使用oninput事件代替 转载于:https://my.oschina.n...
2014-08-14 21:11:00
96
转载 html5离线应用
使用html5 manifest,开始网页离线应用开发,离线文件一直保存在用户客户端,除非用户手动删除数据 每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性,则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。 manif...
2014-07-01 16:57:00
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人