- 博客(21)
- 收藏
- 关注
转载 sublime text 3快捷键汇总
Sublime Text 3 快捷键精华版Ctrl+Shift+P:打开命令面板Ctrl+P:搜索项目中的文件Ctrl+G:跳转到第几行Ctrl+W:关闭当前打开文件Ctrl+Shift+W:关闭所有打开文件Ctrl+Shift+V:粘贴并格式化Ctrl+D:选择单词,重复可增加选择下一个相同的单词Ctrl+L:选择行,重复可依次增加选择下一行Ctrl+Shift+L:选择多行Ctr...
2015-12-16 11:33:00
111
转载 插件uaredirect.js实现电脑版跳转到手机版网站
一、介绍这段时间,有好多朋友问我,跳转到手机版的那个JS是怎么写的。其实这个JS也不是我写的,是百度siteapp下的一款跳转的产品,使用起来很方便。你可以用这款JS跳转到手机版,也可以跳转到任何你想跳转的位置。二、JS下载百度下载地址: http://siteapp.baidu.com/static/webappservice/uaredirect.js三、使用方...
2015-12-10 10:59:00
202
转载 使用git bush 生成github SSH公钥
1 如果没有安装ssh,那么使用下面的指令sudo apt-get install ssh2检查SSH公钥cd ~/.ssh看看存不存在.ssh,如果存在的话,掠过下一步;不存在的请看下一步3生成SSH公钥$ ssh-keygen -t rsa -C "your_email@youremail.com"# Creates ...
2015-12-02 16:40:00
161
转载 从网易与淘宝的font-size思考前端设计稿与工作流
1. 问题的引出最近阅读白树的博文《移动web资源整理》时,他在博文中有一段指出,如果html5要适应各种分辨率的移动设备,应该使用rem这样的尺寸单位,同时给出了一段针对各个分辨率范围在html上设置font-size的代码:html{font-size:10px}@media screen and (min-width:321px) and (max-width:...
2015-11-27 15:02:00
101
转载 最好的移动触摸滑动插件:Swiper
最近在使用的一个移动触摸滑动插件Swiper,功能很强大,跟之前的那个swipe.JS相比,同时支持在PC端滑动,支持上下方向滑动,支持多张图片滑动,支持多屏滑动,凡是你想得到的几乎都可以实现。最近作者还更新了3.0版本,优先支持ios和最新版的Android移动端。下载代码可以在github上下载:https://github.com/nolimits4web/Swiper/...
2015-11-24 16:09:00
124
转载 Web移动端Fixed布局的解决方案
移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。iOS下的 Fixed + Input BUG现象让我们先举个栗子,最直观的说明一下这个 BUG 的现象。 常规的 fixed 布局,可能使...
2015-11-24 15:52:00
74
转载 移动前端页面开发需要注意的20个要点
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="y...
2015-11-23 20:21:00
126
转载 3个方法实现JavaScript判断移动端及pc端访问不同的网站
3个方法比较简单,分别在页面头部加入如下js代码:对于简单地直接从www.maslinkcom跳转到m.maslink.com,此方法仅从首页而言:<script>(function () {var url = location.href;// replace www.maslink.com with your domainif (...
2015-11-23 15:01:00
277
转载 自适应网页前端开发要素
"自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。 <meta name="viewport" content="width=device-width, initial-scale=1" />viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=devic...
2015-11-23 14:00:00
111
转载 移动端自适应方案(转载)
真的需要动态生成viewport吗?如何自适应?然后给出主观的最佳实践。最帅的flex赶时间戳这里传送门比较无聊干燥的文章,看前请喝水。研究样本手淘 ml.js天猫首页手机携程一个月前去了css开发者大会,听到了手淘的自适应方案,想起之前一直就想了解ml.js到底干了什么事。回来仔细研究了一下,抱着好奇心一并看了同样类型的网...
2015-11-19 17:52:00
181
转载 css实现标题文字过长截取...
css实现网页中文字过长截取...title class应该这样写:.title{ width:300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}说明:1、宽度一定要设置,可以根据实际需求调整。2、white-space:nowrap是禁止文字折行。3、text-overflow...
2015-11-19 17:19:00
227
转载 meta标签中的http-equiv属性使用介绍
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta 标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显 示的窗口等! meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属...
2015-11-18 17:34:00
225
转载 css定位机制
在css中定位机制包括:标准流,定位和浮动标准流:除非专门指定,否则所有元素都在标准流中定位。也就是说,标准 流中的元素的位置由元素在HTML中的位置决定。块级元素从上到下一个接一个地排,列行内框在一行中水平布置。很明显这样生硬的规定是不灵活的,好比你玩 俄罗斯方块不让你变换元素的方向直接堆放一样。所以,也就有了定位。定位:又分为相对定位和绝对定位。...
2015-11-18 15:24:00
76
转载 js删除数组中某一项或几项的几种方法
1:js中的splice方法 splice(index,len,[item]) 注释:该方法会改变原始数组。splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值index:数组开始下标len: 替换/删除的长度 item:替换的值,删除操作的话 item为空如:arr = ['a','b','c','d']删除...
2015-11-18 15:08:00
112
转载 Normalize.css与CSS reset区别
Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他...
2015-11-18 11:55:00
67
转载 JavaScript声明全局变量三种方式的异同
JavaScript中声明变量很简单var(关键字)+变量名(标识符)。方式112var test;var test = 5;需注意的是该句不能包含在function内,否则是局部变量。这是第一种方式声明全局变量。方式21test = ...
2015-11-16 14:05:00
61
转载 github优秀前端项目分享(转)
http://microjs.com/#该网站的资源都托管到了github,microjs.com是一个可以让你选择微型的js类库的网站,该网站里的js库都是压缩后不大于5KB的,非常实用https://plainjs.com/(10.22更新)The Vanilla JavaScript Repository,该仓库都是用原生js写的插件和组件,很实用。...
2015-11-13 18:17:00
96
转载 HTML5如何做横屏适配
在移动端中我们经常碰到横屏竖屏的问题,那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。首先在head中加入如下代码:1<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=...
2015-11-13 14:04:00
636
转载 前端系统学习快速进阶教程全攻略
网站开发开发大致分为前端和后端,前端主要负责实现视觉和交互效果,以及与服务器通信,完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习:基础知识:1、 HTML + CSS 这部分建议在 W3school 在线教程 上学习,边学边练,每章后还有小测试。 之后可以模仿一些网站做些页面。在实践中积累了一些经验后,可以系统的读一两本书,推荐《Head First H...
2015-11-13 10:05:00
175
转载 web app变革之rem
rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么?rem(fontsizeoftherootelement)是指 相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到...
2015-10-19 17:52:00
106
转载 移动H5前端性能优化指南
移动H5前端性能优化指南概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因,除加载外渲染速度也是优化重点6. 基于...
2015-10-19 17:44:00
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人