商清逸 - 博客园

[置顶] CSS3动画帧数科学计算法

只有注册用户登录后才能阅读该文。阅读全文

posted @ 2015-10-20 17:54 商清逸阅读(4) 评论(0) 推荐(0)

WebStorm 配置 svn

摘要： 1、下载 SlikSVN。 2、安装。路径 D:\Program Files\slik\bin。 3、在WebStorm中配置 file->settings->Version Contorl->subversion->with conmand line client 设置成你的 D:\Program 阅读全文

posted @ 2016-03-01 20:13 商清逸阅读(5404) 评论(0) 推荐(0)

转载：html特殊字符编码css3 content:&quot;我是特殊符号&quot;

摘要：项目中用到的一些特殊字符和图标 html代码 <div class="cross"></div> css代码 .cross{ width: 20px; height: 20px; border-radius: 10px; border: 1px solid #DBE6EF; display: inl 阅读全文

posted @ 2016-02-16 17:45 商清逸阅读(493) 评论(0) 推荐(0)

转载：jquery 对 Json 的各种遍历

摘要：概述 JSON(javascript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。在JS 阅读全文

posted @ 2016-02-16 14:49 商清逸阅读(10746) 评论(0) 推荐(0)

转载：轻量级浏览器特性检测库：feature.js

摘要： feature.js是一个很简单、快速和轻量级的浏览器特性检测库，它没有任何依赖，体积压缩最后只有1KB，它可以自动初始化，在你需要知道某个特性是否可用时，直接引入即可。以下中文为个人理解。 /*! * FEATURE.JS 1.0.0, A Fast, simple and lightweight 阅读全文

posted @ 2016-02-15 17:29 商清逸阅读(938) 评论(0) 推荐(0)

转载：rem的用法

摘要：本文属于转载，为尊重原作者的劳动成果，在此标注原文地址，点击此处浏览。 1.rem（font size of the root element）是指相对于根元素的字体大小的单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计阅读全文

posted @ 2016-02-15 16:50 商清逸阅读(280) 评论(0) 推荐(0)

转载：移动端自适应：flexible.js可伸缩布局使用

摘要： http://caibaojian.com/flexible-js.html转载阅读全文

posted @ 2016-02-15 16:21 商清逸阅读(455) 评论(0) 推荐(0)

解析八大Flex布局规则

只有注册用户登录后才能阅读该文。阅读全文

posted @ 2015-10-20 16:29 商清逸阅读(9) 评论(0) 推荐(1)

Flex元素布局规则总结，以及布局和容器

摘要：一、Flex中的元素分类从功能层面可以把Flex中的元素分为组件（Components）和容器（Containers）两大类：组件- 是指那类具有明确交互或数据展示功能的元素，例如Button、Checkbox、Datagrid、List等。容器- 是指那类用来放置其他元素的元素，容器往往不具有特定... 阅读全文

posted @ 2015-10-19 17:40 商清逸阅读(1456) 评论(0) 推荐(0)

css3小叮当（转载）

摘要：无标题文档 ... 阅读全文

posted @ 2015-10-19 17:25 商清逸阅读(205) 评论(0) 推荐(0)

三大Flex布局用法（转载）

摘要： Flex布局基础对于Flex 初学者，在Hello World之后，Flex布局便是下一站学习要的要义。若是从传统的Html转变而来，总希望找到类似于Div/Table/UL等之类的控件，也希望在 Flex中可以像Dreamweaver一样可以拖拽控件；而如果是从Windows Applicatio... 阅读全文

posted @ 2015-10-19 17:24 商清逸阅读(1897) 评论(0) 推荐(0)

移动前端：移动端页面坑与排坑技巧

摘要：对于前端开发者来说移动端存在更多的挑战，移动端页面开发过程中会碰到各种各样千奇百怪的问题（我们俗称BUG或坑），那么今天我为大家分享移动端页面开发过程中的一些坑和排坑技巧。AD：对于前端开发者来说移动端存在更多的挑战，移动端页面开发过程中会碰到各种各样千奇百怪的问题（我们俗称BUG或坑），那么今天我... 阅读全文

posted @ 2015-10-12 17:22 商清逸阅读(362) 评论(0) 推荐(0)

移动前端头部标签(HTML5 head meta)转载

摘要：移动web页面头部书写字数2516阅读1128评论0喜欢30HTTP 标题信息(http-equiv) 和页面描述信息(name)http-equiv:该枚举的属性定义，可以改变服务器和用户代理行为的编译。编译的值取content 里的内容。简单来说即可以模拟 HTTP 协议响应头。最常见的大概属于... 阅读全文

posted @ 2015-10-12 17:21 商清逸阅读(417) 评论(0) 推荐(0)

最好的前端开发资源推荐（转载）

摘要：很早的一篇前端开发资源，今天才看到，里面有各种各样的开源资源，包括HTML5、css3、jQuery、PHP和javascript库等，每个资源都是比较热门的，你可以将它运用到你的项目中，或者可以纯粹的拿来学习，从各位前端大神的作品中成长。这个前端开发资源类似于一个目录，大部分也许你都看过，也许也有... 阅读全文

posted @ 2015-10-12 17:18 商清逸阅读(310) 评论(0) 推荐(0)

高效CSS开发核心要点摘录

摘要：做网站的，我们都知道尽量减少请求数，压缩CSS代码量，使用高效CSS选择符等方式可以来提高网站的载入速度和访问速度，也就是优化网站的性能。下面分析了一些CSS的书写方式，很多都是我们知道并且正在使用的，这里记录一下，提醒自己以后写CSS的时候尽量从这些方面出发来使用，对于CSS的性能提升有很大的帮助... 阅读全文

posted @ 2015-10-10 15:08 商清逸阅读(198) 评论(0) 推荐(0)

css常用代码大全以及css兼容（转载）

摘要： css常见的快捷开发代码汇总（长期更新），包括CSS3代码，有一些css效果很顽固，经常会一时找不出解决方案，网络上也有很多的工具和高手提供了具体的浏览器兼容代码，这个页面我今后会经常整理，希望能够帮到重构和正在找这些效果的代码，如果你有更好的实现方案，不妨告诉我，或者你有解决不了的，也不妨告诉我。... 阅读全文

posted @ 2015-10-10 14:48 商清逸阅读(316) 评论(0) 推荐(0)

如何处理CSS3属性前缀（转载）总结

摘要：今天闲来无聊，重新来说说CSS3前缀的问题。在春节前和@一丝姐姐说起Sass中有关于gradient的mixins。姐姐说：为什么还要用mixin呢？为什么不使用Autoprefixer？使用Autoprefixer，只需要输入一行代码，编译器帮你做了一切，还纠结个毛mixin。姐姐的一句话让我汗颜... 阅读全文

posted @ 2015-10-10 14:38 商清逸阅读(393) 评论(0) 推荐(0)

前端制作入门知识（转载）

摘要：来自百度文库：web前端学习总结(精华版)，里面讲了许多的知识，非常适合刚进入前端的童鞋，就算一些有点基础的也会从中受益，通过本文，你将了解到制作中的那些元素解释、命名、布局、CSS重置、选择框架和设定等一系列前端入门知识。学习什么我觉得做好笔记很关键，平时遇到问题多多记录下来。一.名词解释横切在固... 阅读全文

posted @ 2015-10-10 13:13 商清逸阅读(283) 评论(0) 推荐(0)

移动前端页面制作技巧（一）转载

摘要：一般人不会说出来的移动前端动画技巧，文章来自“TQ的独立博客：玩转HTML5移动页面”，在这篇教程你会发现许多非常有用的动画处理技巧，细心点还会发现许多有用的zepto插件，例如：zepto.onepagescroll.js、zepto-touch.js、weixinshare.js，以下为原文。标... 阅读全文

posted @ 2015-10-10 13:10 商清逸阅读(844) 评论(0) 推荐(0)

sass揭秘之@mixin，%，@function（转载）

摘要：因为文章内含有很多sass代码，如需自己动手查看编译结果，推荐使用sassmeister这款在线编译工具，方便你阅读学习。在阅读本文章之前，请先确认你已经阅读了上篇文章sass揭秘之变量，不然会给你带来疑惑的感觉。其实很多人之所以对sass或less感兴趣，就是因为他们能使用变量和这个@mixin功... 阅读全文

posted @ 2015-10-09 16:42 商清逸阅读(726) 评论(0) 推荐(0)

sass揭秘之@if，@for，@each（转载）

摘要：因为文章内含有很多sass代码，如需自己动手查看编译结果，推荐使用sassmeister这款在线编译工具，方便你阅读学习。经过上两篇揭秘，大家心里对sass应该有了很好的认知感了，这篇文章基于前面两篇为基础，请确保你先浏览了前面的两篇文章，不然可能给你带来疑惑感觉。sass揭秘之变量sass揭秘之@... 阅读全文

posted @ 2015-10-09 16:41 商清逸阅读(562) 评论(0) 推荐(0)

sass揭秘之变量(转载)

摘要：因为文章内含有很多sass代码，如需自己动手查看编译结果，推荐使用sassmeister这款在线编译工具，方便你阅读学习。刚开始sass的人，也许其最大的抱怨就是sass的变量了，尤其是那些了解less变量的，更是会说sass的变量做得不如less的变量好，less中有明显的全局变量和局部变量之分，... 阅读全文

posted @ 2015-10-09 15:14 商清逸阅读(258) 评论(0) 推荐(0)

css3媒介查询使用规则小结

摘要：响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。用一句话来说：使用同一套Html代码来适配不同设备和满足不同场景不同用户使用。关键专业术语：Media Query（css3媒介查询）语法结构及用法：@media 设备名 o... 阅读全文

posted @ 2015-10-09 09:58 商清逸阅读(235) 评论(0) 推荐(0)

盘点8种CSS实现垂直居中水平居中的绝对定位居中技术（转载csdn）

摘要：绝对居中垂直居中水平居中CSS居中代码目录(?)[-]绝对定位居中Absolute Centering技术一容器内Within Container二视区内Within Viewport三边栏 Offsets四响应式自适应Responsive五溢出情况Overflow六重绘Resizing七图片Im... 阅读全文

posted @ 2015-10-08 17:12 商清逸阅读(222) 评论(0) 推荐(0)

移动端公用样式一

摘要： /*! normalize.css v3.0.2 | MIT License | git.io/normalize *//** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after or... 阅读全文

posted @ 2015-10-08 14:14 商清逸阅读(232) 评论(0) 推荐(0)

清零及移动端的特点添加一些基础样式

摘要： html { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62... 阅读全文

posted @ 2015-10-08 14:13 商清逸阅读(250) 评论(0) 推荐(0)

移动端重构系列7——滚动

摘要：移动端重构系列-mobile本系列文章，如果没有特别说明，兼容安卓4.0.4+原生滚动原生滚动的属性为：-webkit-overflow-scrolling:touch;，如果是走高富帅的苹果路线，是没问题的，谁让这是人家亲生的呢；如果是安卓的话，我真不知道是支持还是不支持，说不支持吧好像有点缓动效... 阅读全文

posted @ 2015-09-30 16:13 商清逸阅读(166) 评论(0) 推荐(0)

移动端重构系列6——图标

摘要：移动端重构系列-mobile本系列文章，如果没有特别说明，兼容安卓4.0.4+这里我们把图标分为三种：背景图片，直接绘制，@font-face。如无特殊情况，图标的标签采用i标签背景图片首先我们会选择sprite形式，把所有的图标都放在一个大图中，然后考虑到retina屏，所以我们的图标应该设计为实... 阅读全文

posted @ 2015-09-30 14:20 商清逸阅读(196) 评论(0) 推荐(0)

移动端重构系列5——切入切出动画

摘要：移动端重构系列-mobile本系列文章，如果没有特别说明，兼容安卓4.0.4+因为后面的几篇文章都需要用到切入切出动画什么的，所以先把这个说下。为了简单起见，我们这里只讨论translate偏移动画（translate比起绝对定位的top/left/right/bottom要高效），而如其他的旋转缩... 阅读全文

posted @ 2015-09-30 14:18 商清逸阅读(207) 评论(0) 推荐(0)

移动端重构系列4——等分，居中等

摘要：移动端重构系列-mobile本系列文章，如果没有特别说明，兼容安卓4.0.4+之所以把本篇单独拿出来讲解，是因为这些在移动端使用的频率太高了，然后实现方法也不尽相同，而这里主要说下如何用flex和translate来实现。注：代码部分涉及到sass的mixin部分，在sandal的mixin文件中均... 阅读全文

posted @ 2015-09-30 14:17 商清逸阅读(309) 评论(0) 推荐(0)