一笔风尘

css清除浮动

摘要：清楚浮动三种方式： 1.根据子元素的可确定高度，为父元素设置指定高度。 2.clear:both;在浮动元素后边添加 div.clearfix clearfix如下： 3.父元素设置overflow:hidden; 阅读全文

posted @ 2016-03-28 13:58 一笔风尘阅读(149) 评论(0) 推荐(0) 编辑

gulp 配置前端项目打包

摘要：项目发布时，需要对项目js文件进行压缩，混淆，连接等操作以减小项目http请求，加快访问。 gulpjs.com中有很多插件可以用来配置打包部署。需要用的常用插件有： gulp-jsmin 压缩js gulp-minify-css 压缩css gulp-imagemin 压缩图片 gulp-ren 阅读全文

posted @ 2016-03-10 16:31 一笔风尘阅读(774) 评论(0) 推荐(0) 编辑

React Ntive 学习手记

摘要： React使今年来比较热门的前端库，之所以说是库呢，因为React.js是应用于MVC中的V层，它并不是一个完整的MVC框架，所以，我也不知称之为框架了。不过这并不影响React的火热。混合应用的发展也有不少时间了，我自己也参与了多次混合应用开发。从最初的移动前端webapp开发到内嵌应用中阅读全文

posted @ 2016-03-10 15:36 一笔风尘阅读(480) 评论(0) 推荐(0) 编辑

gulp 配置自动化前端开发

摘要：有的人说，grunt已经廉颇老矣，尚能饭否。gulp已经成为了未来的趋势，或许将撼动grunt的地位。那么就得看看gulp到底优势在哪里，在我最近的使用中发现，我的到了一个结论：“grunt廉颇老矣...”。 gulp是基于流的自动化构建工具，有以下几项优点：易于使用：通过代码优于配置的策略，阅读全文

posted @ 2016-03-09 23:42 一笔风尘阅读(627) 评论(0) 推荐(0) 编辑

HTML5调用手机相机拍照

摘要：前端调用手机相机拍照实现方式常见有两种：一种是通过video控件，通过捕获video的流，截取video中的图像实现拍照，还有一种是通过input[file]控件调用移动端的摄像头，实现拍照。两种方法各有利弊，第一种可以实现对拍照界面的重写（比如添加拍照界面的遮罩层提示框等）但是，第一种方阅读全文

posted @ 2015-09-11 11:55 一笔风尘阅读(17483) 评论(4) 推荐(1) 编辑

JQuery 1.8.3对IE9兼容问题getAttribute

摘要： jQuery1.8.3在IE9下attr报错问题jQuery1.8.3在IE9中attr方法保存。解决方案如下：r = e.getAttribute(n);修改为：r = e.getAttribute ? e.getAttribute(n) : null;根据不同版本修改的行数不一样，依实际情况而定阅读全文

posted @ 2014-12-05 11:00 一笔风尘阅读(696) 评论(0) 推荐(0) 编辑

gruntJs篇之connect+watch自动刷新

摘要： grunt很强大，可以帮我我们解决很多繁琐的操作，虽然刚接触不久，但依然感受到其强大之处，这篇记录一下通过grunt.js实现事实刷新页面，省去了编码 -> 保存 -> F5..F5..F5..F5...n多个F5操作。首先看下项目目录：然后来看package.json配置：1 {2 "na... 阅读全文

posted @ 2014-11-19 17:19 一笔风尘阅读(455) 评论(0) 推荐(0) 编辑

360安全浏览器浏览模式调整

摘要： 360安全浏览器在兼容模式下，默认使用IE6/7模式，有时候web只兼容IE8以上，下面谈谈解决360浏览器兼容模式极速模式调整的问题：设置360安全浏览器打开模式通过meta设置即可，如下：一、打开页面的模式1. 默认使用极速模式（webkit内核）2.默认使用兼容模式（IE6/7）3.默认使用标... 阅读全文

posted @ 2014-11-06 16:08 一笔风尘阅读(733) 评论(1) 推荐(0) 编辑

webkit浏览器css设置滚动条

摘要：主要有下面7个属性：::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的::-webkit-scrollbar-button 滚动条两端的按钮::-webkit-scrollbar-track 外层轨道::-webkit-scrollbar-track... 阅读全文

posted @ 2014-08-06 11:02 一笔风尘阅读(398) 评论(0) 推荐(0) 编辑

JQuery延时操作

摘要： JQuery通过setTimeout函数可以实现延时操作以完成在编程达到某些需要的效果。使用方法如下：1 function doSomething() {2 alert("hello world");3 }4 var setTime = setTimeout(function () {5 ... 阅读全文

posted @ 2014-06-03 17:06 一笔风尘阅读(2773) 评论(0) 推荐(0) 编辑

导航

公告