自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

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