随笔分类 -  前端

上一页 1 ··· 8 9 10 11 12
摘要:交互篇从PC到移动端,视觉和交互是用户能直接感受到的差异。在视觉篇中已经提到,移动设备的物理属性一部分影响到视觉,另外一些部分将影响到交互。那么,移动设备影响交互的物理属性都有哪些变化呢?对于这个问题,相信大家都早有答案。传统PC的输入设备相对单一,一般情况下只有鼠标和键盘,而移动设备的硬件就变得非... 阅读全文
posted @ 2015-12-29 18:45 创业男生 阅读(2286) 评论(0) 推荐(0) 编辑
摘要:视觉篇智能移动设备由于发展历史短,但更新速度快,从而导致移动设备的物理属性差异巨大,其中一部分物理属性影响视觉,另一部分影响到交互、兼容或性能。对人类来说,至少有80%以上的外界信息通过视觉获得,视觉是人和动物最重要的感觉,所以,咱们从视觉开始说起。看一个案例:访问m.3600.com首页,首页焦点... 阅读全文
posted @ 2015-12-29 18:44 创业男生 阅读(440) 评论(0) 推荐(1) 编辑
摘要:Update:Unfortunately this does not 100% solve the problem, the script falls down when handling touch interactions when a scrolling section is bouncing... 阅读全文
posted @ 2015-12-29 18:38 创业男生 阅读(301) 评论(0) 推荐(0) 编辑
摘要:dragloader.js是一个面向移动Web开发的JavaScript库,帮助开发者在使用页面原生滚动时,模拟上/下拉手势,实现Pull Request操作。在移动设备上,一般会使用 drag down 手势实现加载最新使用 drag up 手势实现加载更多dragloader样例需运行在 Sma... 阅读全文
posted @ 2015-12-29 18:36 创业男生 阅读(999) 评论(0) 推荐(0) 编辑
摘要:在单页应用开发中,无论是页面结构化,还是Pull to Request,都离不开一个技术——页面局部滚动。当下的移动web技术,主要使用下面两种方式实现局部区域的滚动:基于IScroll组件,也有很多团队自己实现类似的组件,实现原理大都一样。使用浏览器原生支持overflow: scroll,在iO... 阅读全文
posted @ 2015-12-29 18:35 创业男生 阅读(451) 评论(0) 推荐(0) 编辑
摘要:1. 前言在开发面向现代智能手机的移动Web应用的时候,无法避免一个事实,就是需要开发单页应用(Single Page WebApp)。对于不同的系统需求,单页应用的粒度会不同,可能是整个系统都使用一个页面装载,也可能是按模块分为独立页面装载。在开发单页应用时第一个要处理的问题就是页面结构化,由于多... 阅读全文
posted @ 2015-12-29 17:05 创业男生 阅读(240) 评论(0) 推荐(0) 编辑
摘要:(1)Bootstrap中文网 http://www.bootcss.com/ (2)前端编码规范 http://codeguide.bootcss.com/ (3)bootstrap可视化布局+下载并生成代码 神奇!!! http://www.bootcss.com/p/layoutit/ (4) 阅读全文
posted @ 2015-12-29 14:29 创业男生 阅读(481) 评论(0) 推荐(0) 编辑
摘要:介绍几个非常有用的火狐插件。第一个,HackBar1.5.0,手动SQL injection的好帮手安装地址:https://addons.mozilla.org/zh-cn/firefox/addon/3899/用火狐打开上面的地址,直接点击“添加到 Firefox"就行了。官方说明:Simple... 阅读全文
posted @ 2015-12-14 14:42 创业男生 阅读(857) 评论(0) 推荐(0) 编辑
摘要:如何让层在flash上显示?方法:设置flash的wmode值为transparent或opaque如何使用标准的方法在页面上插入flash?方法:至于flash的宽高可以在css里设置如何在点文字时也选中复选框或单选框?方法1:选项一选项二选项一选项二该方式所有主流浏览器都支持方法2:选项一选项二... 阅读全文
posted @ 2015-11-27 18:48 创业男生 阅读(154) 评论(0) 推荐(0) 编辑
摘要:如何在IE6及更早浏览器中定义小高度的容器?方法:#test{overflow:hidden;height:1px;font-size:0;line-height:0;}IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高如何解决IE6及更早浏览器浮动时产生双倍边距的BUG?方法:#... 阅读全文
posted @ 2015-11-27 18:47 创业男生 阅读(168) 评论(0) 推荐(0) 编辑
摘要:安装 安装 Grunt基于Node.js,安装之前要先安装Node.js,然后运行下面的命令。 sudo npm install grunt-cli -g grunt-cli表示安装的是grunt的命令行界面,参数g表示全局安装。 Grunt使用模块结构,除了安装命令行界面以外,还要根据需要安装相应 阅读全文
posted @ 2015-10-14 11:55 创业男生 阅读(926) 评论(0) 推荐(0) 编辑
摘要:原文:http://riny.net/2014/grunt-cssmin/grunt-contrib-cssmin v0.7.0使用cssmin压缩css文件Getting Started这个插件要求 Grunt 为0.4.0或以上版本。如果你还不了解grunt,请查阅相关文档来了解什么是 Grun... 阅读全文
posted @ 2015-09-30 20:07 创业男生 阅读(683) 评论(0) 推荐(0) 编辑
摘要:原文:http://javascript.ruanyifeng.com/tool/grunt.html安装命令脚本文件Gruntfile.jsGruntfile.js实例:grunt-contrib-cssmin模块常用模块设置grunt-contrib-jshintgrunt-contrib-c... 阅读全文
posted @ 2015-09-30 20:05 创业男生 阅读(279) 评论(0) 推荐(0) 编辑
摘要:很长时间没有更新博客了,实在是太忙啦...0.0 ,以下的东西纯粹是记录,不是我原创,放到收藏夹还担心不够,这个以后常用,想来想去,还是放到这里吧,,丢不了..最后一句废话,网上搜集也好原创也罢,能解决问题不糊弄人才是真道理!反正我的问题解决啦!!!哈哈哈!!安装grunt原文:www.bluesd... 阅读全文
posted @ 2015-09-23 11:15 创业男生 阅读(6457) 评论(4) 推荐(5) 编辑

上一页 1 ··· 8 9 10 11 12
点击右上角即可分享
微信分享提示