2016年07月_aiolos1111

转载 CSS3弹性盒子布局

CSS3中引入的弹性盒子布局已经有一段时间，也经历了几次比较重大的修改，可本人一直都没怎么使用过这种布局，惭愧万分！这几天研究了一下这种布局方式，记录一下学习笔记，以后日后用到时过来查看。 2016年5月26日，W3C(官网：https://www.w3.org/ )组织发布了CSS3弹性盒子布局最新的CR版本：网址：https://www.w3.org/TR/2016/CR-css

2016-07-29 17:27:04 9697

原创 jQuery的事件绑定与事件委托

在用jQuery的事件绑定时，会用到on()、bind()、live()、 delegate()这几个方法，但对他们的区别缺从未注意过，现稍总结一下，如有错误，欢迎指正。参考文档： http://blog.csdn.net/xxd851116/article/details/8646899 http://www.jb51.net/article/57827.htm http://

2016-07-28 13:42:57 19363 4

原创 CSS3之nth-child与nth-of-type

在css3中，有一系列类似的选择器，它们在jQuery中也有与之功能相同的用法，所以本文将这些选择器中典型的2个进行说明，这样就同时掌握了css3这类型选择器和jquery这类型选择器的用法。nth-child与nth-of-type系列选择器先用表格列出这2类选择器含义 nth-child类 nth-of-type类第一个 :first-child :f

2016-07-27 14:34:08 742

原创在canvas中插入图片

移动版开发中都会建议在canvas中插入图片，那么具体如何操作呢？本文将用到的html结构如下：<canvas id="cvs" width="1024" height="768" style="border:1px solid #ccc;margin:20px auto;display: block;"> 当前浏览器不支持canvas <!-- 如果浏览器支持c

2016-07-26 17:08:31 45097 4

原创 CSS3之transition和animation动画

在写完css3之变形后，感觉一下子对transform的使用清晰了很多，所以决定再把css3中其他重要新功能也梳理一下。本文将梳理transition和animation动画功能本文示例中使用到的html结构都是统一的，代码如下：<style> #wrapper{ width: 200px; height: 200px;

2016-07-26 15:54:19 914

原创 CSS3之变形transform

刚使用css3的变形属性时，总是搞混或者不会正确使用，特记录一篇文档，以备查看。本文示例中使用到的html结构都是统一的，代码如下：<style> #wrapper{ width: 200px; height: 200px; border: 1px dotted red;

2016-07-26 15:08:23 929

转载 linux下查看所有登录用户的历史操作命令

最近服务器出现各种莫名奇怪的问题，可又查不出来到底谁干的，向度娘一问，给出了下面这位大牛的解决办法，正是我所欲也！原文地址： http://www.cnblogs.com/gaojun/archive/2013/10/24/3385885.html 在linux系统的环境下，不管是root用户还是其它的用户只有登陆系统后用进入操作我们都可以通过命令history来查看历史记录，可是假如一台服务

2016-07-25 16:55:46 12627

原创 animate.css高大上的CSS3动画库

Animate.css是一款兼容多款浏览器的CSS3动画库，使用方便，效果绚丽。Animate.css的兼容性Animate.css的用法下载Animate.css官网的github上animate.css的宣传口号： A cross-browser library of CSS animations. As easy to use as an easy thing.官网地址：http://

2016-07-22 18:11:16 1002

原创 CSS Sprite图

CSS Sprite图已经成为网站性能优化中必用的一个技巧了，我在这里总结一下CSS Sprite的用法。如有错误，欢迎指正。CSS Sprite优点减少http请求数，加快页面加载速度(因网页上的每一个图都会创建一个http请求)CSS Sprite使用场景页面上使用多个静态小图，而font icon又无法满足要求。CSS Sprite缺点1、动态获取的图片不适合使用CSS Sprite

2016-07-22 17:25:55 488

原创 $(window).load、$()与window.onload

在不能使用`$(function(){})`的场合居然忘了jquery中等价于window.onload的方法怎么写，那个汗啊！记录一下，以免再忘$(window).load与window.onload的对比如下表效果等价代码 Jquery代码 javascript原生代码页面所有内容加载完成后才执行(包括图片) $(window).load(function(){//代码}

2016-07-21 17:37:54 3384

原创深入理解移动端像素知识与Viewport知识

在做移动端网页开发时，首先要搞清楚三种viewport和三种像素，只有明白了这些概念，才能更好地开发出适配不同分辨率设备的网页。但参阅的博客越多，对这些概念越是混乱，同样的一个概念，在一篇博客中是这种说法，在另一篇博客中又变成了另外一种说法，越看越成了一团乱麻！本文试着去综合一下多篇博客中的这些概念，并尝试去理顺这些概念间的复杂关系，如有错误，欢迎指正！声明: 本人在

2016-07-20 18:04:40 13861 8

转载 A tale of two viewports

终于能看到中文版的PPK大牛写的viewport故事了，感谢翻译的作者。看完之后，之前需要混乱的概念也逐渐清晰了，以下记录一些要点，以备不时翻看，详情内容请移步原文和译文网址拜读。A tale of two viewports — part one 原文：http://www.quirksmode.org/mobile/viewports.html 译文：http://weizhifeng.n

2016-07-19 16:19:22 940

翻译 Ideal and minimum layout viewports per device(常见设备的最小布局视口和理想视口一览表)

常见设备的理想视口和最小布局视口一览表原文网址：http://www.quirksmode.org/mobile/metaviewport/devices.html On this page I compare the ideal and minimum layout viewport widths of all mobile browsers in my collection.在这篇文档中

2016-07-18 15:52:53 493

翻译 Meta viewport (视口元信息标签)

前几天在研究移动版开发时，意外查阅到了PPK大神的关于viewport(视口)的研究文档，但无奈全是英文，只好硬着头皮看下去，并顺便试着翻译一下，以备日后回顾。本人水平有限，如翻译错误，欢迎指正原文地址：http://www.quirksmode.org/mobile/metaviewport/#t10读前须知：PPK写这篇文章的时候，IPhone还没有生产出4S之后的产品。所以，这篇文

2016-07-18 13:25:21 5797 2

转载如何开发jQuery自定义插件二

jQuery本身功能强大，又提供了超强的可扩展性，便于人们为其开发各种插件，本文便讲解如何开发jQuery自定义插件。有幸遇到下面这篇前端大牛的神作，遂本文仅参照此文略作修改，再次感谢这位前端大牛的神作。文档来源：http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html本文jQuery插件所操作的html代码如下：<nav> <u

2016-07-15 15:17:11 817

转载如何开发jQuery自定义插件一

jQuery本身功能强大，又提供了超强的可扩展性，便于人们为其开发各种插件，本文便讲解如何开发jQuery自定义插件。有幸遇到下面这篇前端大牛的神作，遂本文仅参照此文略作修改，再次感谢这位前端大牛的神作。文档来源：http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html一 jQuery插件开发主要有三种方式1、通过$.extend()

2016-07-15 14:49:26 1889

转载图解Javascript this指向什么

原文地址：http://www.cnblogs.com/isaboy/p/javascript_this.html 有一种观点认为，只有正确掌握了 JavaScript 中的 this 关键字，才算是迈入了 JavaScript 这门语言的门槛。在主流的面向对象的语言中（例如Java,C#等)，this 含义是明确且具体的，即指向当前对象。一般在编译期绑定。而 JavaS

2016-07-13 16:06:48 476

原创移动端web页面知识小结之像素、物理像素、逻辑像素

一直以来，本人对移动端分辨率、像素等概念傻傻分不清，特查阅多位牛人博客后总结如下要点，以便日后查看。文档来源http://weizhifeng.net/you-should-know-about-dpi.html http://www.chinaz.com/manage/2015/0902/441624.shtml http://www.cnblogs.com/2050/p/3877280

2016-07-11 13:58:55 18112 3

原创正确的学习方法

最近一直在忙着"学习"，但回想一下，感觉掌握的知识少之又少，总觉得是自己的学习方式有问题，正好看到一篇文档，说的正是自己的错误学习方式，本文提炼一下其中的要点，希望以这种方式开始正确的学习之路。原文网址：http://www.imooc.com/article/10037浪费时间又无效的学习方式——————反复阅读、复习、回顾学习材料反复阅读、复习、回顾学习材料，以期通过快速提升知识熟悉和

2016-07-07 09:48:24 493

aiolos1111的专栏