aique4774-CSDN博客

转载 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

aique4774的博客