aiolos1111-CSDN博客

原创 Android入门篇

整理一下学习Android的入门知识学习视频：http://www.imooc.com/learn/96Android目录asset : 不会自动生成资源idres :自动生成资源id控件 Android控件 HTML中与之功能相似的标签备注 TextView label AutoCompleteTextView 无动态匹配输入文本 MultiAu

2016-08-15 18:06:15 557

转载用grunt搭建自动化的web前端开发环境-完整教程

jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！本文章旨在讲解grunt入门，以及讲解grunt最常用的几个插件的使用。原文地址：http://developer.51cto.com/art/201506/479127.htm 本人转载自上述博客,其中实验内容为本人依此博客进行的，故图片和文字内容做了适

2016-08-15 09:57:44 731

原创 JS正则表达式

在使用JS正则表达式时一直对其中诸多的概念和标识符很混乱，最近看了一个视频课程，对正则表达式总结的非常好，本文记录一下学习笔记。本文的学习来源：http://www.imooc.com/learn/706 附2个图形化显示正则表达式的网站： http://regexpress.io/ https://regexper.com/一 RegEx

2016-08-13 17:43:13 583

原创 CSS Hack写法与IE6下的常见Bug

总结一下本人在IE6、IE7下使用的CSS Hack写法，以防哪天又遇到需要兼容IE6、7的任务。一 CSS Hack 由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致同样的CSS在不同浏览器的环境中呈现出不一致的页面展现效果。这时为了获得统一的页面效果，就需要针对不同的浏览器

2016-08-12 15:09:30 496

转载 HTML语义化

本文引用自如下网址的博客，并在个别文字描述上稍作修改原文地址：http://www.cnblogs.com/freeyiyi1993/p/3615179.html1、什么是HTML语义化 HTML标签可分为有语义的标签和无语义的标签。比如有语义的标签中table表示表格，form表示表单，a标签表示超链接，strong标签表强调。无语义标签典型的有<div>和<span>。 HTML语

2016-08-04 15:36:02 1343

原创 jQuery与CSS3的选择器

jQuery与CSS在选择器方面，有很多的相似之处，本文稍加总结。注：本文以jQuery1.9.1版本和CSS3为例进行说明，CSS在选择器方面存在兼容问题，请自行分辨。1 jQuery的版本 jQuery 分 3 个系列版本 1.x 、 2.x与3.x，主要的区别： a、2.x与3.x版本不再兼容IE6、7、8 b、2.x与3.x版本为移动端做了优化

2016-08-02 16:52:44 3785

转载 [摘录]How browsers work之页面渲染流程

在研究浏览器是如何渲染页面时，意外发现了国外一篇讲解浏览器工作原理的文章，更幸运的是国内的“携程设计委员会”已经将该文章的大部分翻译成中文，但让人郁闷的是该委员会并没有把这篇文章完整翻译完成，而且也没有要翻译完的迹象。这篇文章把浏览器工作原理讲解的非常透彻，所以本文摘录了其中的一部分内容，以对浏览器工作原理及渲染页面流程有个大体印象，更多内容请移步上述英文或中文文章。《How brows

2016-08-02 13:19:06 673

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

原创 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 19385 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 755

原创在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 45209 4

原创 CSS3之transition和animation动画

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

2016-07-26 15:54:19 926

原创 CSS3之变形transform

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

2016-07-26 15:08:23 944

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

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

2016-07-25 16:55:46 12673

原创 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 1013

原创 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 498

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

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

2016-07-21 17:37:54 3405

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

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

2016-07-20 18:04:40 13898 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 957

翻译 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 503

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

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

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

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

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

2016-07-15 15:17:11 826

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

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

2016-07-15 14:49:26 1903

转载图解Javascript this指向什么

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

2016-07-13 16:06:48 490

原创移动端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 18134 3

原创正确的学习方法

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

2016-07-07 09:48:24 504

原创移动端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/38772

2016-06-29 17:51:39 7865

转载移动端web页面知识小结之页面部分

移动端web页面知识小结之页面部分原文网址： http://www.imooc.com/article/9153 http://www.imooc.com/article/9153一、设计 H5的设计图一般是720P或者1080P的.算法就是/2或者/3得到的数值,就是H5页面的数值. 一般情况下,我们以安卓标准360*640为准则.iphone的不同分辨率,我们使用自适应样式去

2016-06-27 16:39:16 979

转载移动端web页面知识小结之CSS部分

移动端web页面开发CSS部分知识小结参考来源：http://www.imooc.com/article/9153http://blog.csdn.net/fungleo/article/details/50811739一、字体三大手机系统的默认字体现状如下：IOS系统 | Android系统 | WinPhone系统 ————- |————

2016-06-27 16:25:02 2089

转载移动端web页面知识小结之meta部分

查阅多个博客，总结移动端web页面meta部分的知识如下，供以后开发使用PS:下面讲到的知识点本人未一一亲测完成，如有错误，请谅解！<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8">  <meta h

2016-06-25 12:15:23 2560

转载 SASS用法小结

原文网址：http://www.ruanyifeng.com/blog/2012/06/sass.html本文总结了SASS的主要用法。有了这篇文章，日常的一般使用就不需要去看官方文档了。一、安装和使用1.1 安装安装请百度1.2 使用SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss，意思为Sassy CSS。下面的命令，可以在屏幕上显示.scss文件转化的

2016-06-24 17:50:29 691

原创自调用匿名函数

声明格式如下：最简形式：()(); 完整形式： (function(形参列表){ //函数体 })(实参列表);代码实例如下：(function(a,b){ return a+b;})(10,20); //输出30

2016-06-21 14:36:23 411

原文地址：http://blog.rainy.im/2015/07/20/prototype-chain-in-js/本文尝试阐述Js中原型（prototype）、原型链（prototype chain）等概念及其作用机制。上一篇文章（图解Javascript上下文与作用域）介绍了Js中变量作用域的相关概念，实际上关注的一个核心问题是：“在执行当前这行代码时Js解释器可以获取哪些变量”，而原型与原

2016-06-21 13:32:46 479

转载图解Javascript上下文与作用域

原文地址：http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/本文尝试阐述Javascript中的上下文与作用域背后的机制，主要涉及到执行上下文（execution context）、作用域链（scope chain）、闭包（closure）、this等概念。Execution context 执行上下文

2016-06-20 16:01:01 442

转载 javascript最难理解之闭包

个人感觉JS中最难理解的几个概念中就有闭包，本文记录一下自己学习闭包的笔记。一、变量的作用域理解闭包的基础是变量作用域， JS中变量的就两种：全局变量和局部变量1.1、函数内部可以直接读取全局变量var global = "this is a global variable";function glo(){ alert(global);}glo(); //弹出 this is a

2016-06-17 13:57:01 793

原创 jade入门一

学习Scott老师的jade课程，记录以下笔记，以便以后查看0、模板引擎模板引擎：将动态数据和静态html页面糅合的一种实现机制或技术1、jade安装与运行jade依赖于nodejs环境进行安装和运行，安装命令如下： ``` npm install -g jade //-g 表示进行全局安装 jade -h //安装完成后，输

2016-06-17 11:08:10 1162

原创 Sublime Text 3 用法小结

Sublime Text用法总结在使用Sublime Text3编辑器的过程中，有一些比较常用的快捷功能，在此记录下来，以便用时查看。1. 按下F2快捷键, 使用chrome浏览器打开当前编辑文件1.1. 在菜单栏打开：” Preferences–>按键绑定用户”文件 1.2. 在该文件的最后增加如下代码段，即可实现：按下F2快捷键便使用chrome浏览器打开当前编辑文件 ,{

2016-05-24 15:56:26 546

原创 Jquery伪类选择器加与不加空格的区别

在学习《锋利的jQuery》时，发现伪类选择器加不加空格得到的结果截然不同，特总结如下，个人观点，如有错误，欢迎指正：目录加空格的伪类选择器不加空格的伪类选择器原因及使用空格的总结正文本文使用的html代码如下: <div class="one" id="one"> id为one，class为one的div <div class="mini">clas

2016-04-29 10:10:41 2345 1

转载 jQuery技巧总结

http://www.jz123.cn/text/2134442.html一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的J

2013-05-06 10:58:40 527

转载 android程序启动画面之Splash总结

http://www.oschina.net/question/54100_34020方法一：很多应用都会有一个启动界面。欢迎画面慢慢隐现，然后慢慢消隐。实现这种效果的方法有两种（暂时只发现两种）1、使用两个Activity，程序启动时候load第一张Activity，然后由tick触发N秒钟后startActivity另外一张Activity。2、使用一个Ac

2013-04-25 15:51:19 499

空空如也

空空如也