aicoder_个人页

10-移动端开发教程-移动端事件

开发者的如何优雅的使用OSX

08-移动端开发教程-移动端适配方案

07-移动端开发教程-移动端视口

09-移动端开发教程-Sass入门

06-移动端开发教程-fullpage框架

04-移动端开发教程-在线字体

在IE4开始微软就已经开始支持在线字体，不过没有流行起来，直到CSS3新增加了font-face模块，正式纳入了web开发的标准。也渐渐流行起来而且发掘了很多其他应用。 1. 为什么要用在线字体 问题 精灵图（雪碧图）用作背景的时候不能轻易的放大缩小。

03-移动端开发教程-CSS3新特性（下）

1. CSS3动画 1.1 过渡的缺点 transition的优点在于简单易用，但是它有几个很大的局限。 transition需要事件触发，所以没法在网页加载时自动发生。 transition是一次性的，不能重复发生，除非一再触发。

关于移动web教程免费发布

各位老铁大家好，最近经历了太多太多，精力一直不能集中做自己愿意做的事情。 移动Web课程一开始设置收费10块，其实本意是让大家感觉有支出，就会相对珍惜好好学习，但是发现收费把大部分人挡在门外，现在恢复免费。

02-移动端开发教程-CSS3新特性（中）

1. 新的背景 背景在CSS3中也得到很大程度的增强，比如背景图片尺寸、背景裁切区域、背景定位参照点、多重背景等。 1.1 background-size设置背景图片的尺寸 cover会自动调整缩放比例，保证图片始终填充满背景区域，如有溢出部分则会被隐藏。

05-移动端开发教程-CSS3兼容处理

CSS3的标准并没有全部定稿，目前CSS3的标准分成了不同的模块，具体的标准由各个模块推动标准和定稿，标准制定的过程中，浏览器也在不断的发新的版本来兼容新的标准。 浏览器有时会给一些在试验阶段或非标准阶段的css属性添加前缀, 这样开发者就可以使用 浏览器行为的改变不会破坏标准. 开发人员应等待包含无前缀属性，直到浏览器行为标准化。

04-移动端开发教程-在线字体图标

在IE4开始微软就已经开始支持在线字体，不过没有流行起来，直到CSS3新增加了font-face模块，正式纳入了web开发的标准。也渐渐流行起来而且发掘了很多其他应用。 1. 为什么要用在线字体 问题 精灵图（雪碧图）用作背景的时候不能轻易的放大缩小。

01-移动端开发教程-CSS3新特性

1. 移动端开发课程概述 移动互联网的兴起，让移动端的开发迅速蹿红。对于前端开发者来说，移动端的开发已经占据了他们大部分工作时间。接下来老马带大家一起学习移动端开发的相关前端开发技术。 这边课程内容包括： CSS3新特性 新选择器 边框、背景升级、圆角、阴影 新的盒模型 渐变、动画...

01-移动端开发教程-CSS3新特性（上）

1. 移动端开发课程概述 移动互联网的兴起，让移动端的开发迅速蹿红。对于前端开发者来说，移动端的开发已经占据了他们大部分工作时间。接下来老马带大家一起学习移动端开发的相关前端开发技术。

06-老马jQuery教程-jQuery高级

1.jQuery原型对象解密 jQuery里面的大部分API都是在jQuery的原型对象上定义的。jQuery源码中对原型对象做了简写的处理。也就是说：jQuery.fn === jQuery.prototype,参考jQuery源码： .

04-老马jQuery教程-DOM节点操作及位置和大小

1. jQuery创建DOM标签 1.1 DOM动态创建标签的方法 DOM时代我们通过document的createElement方法动态创建标签。创建标签后，动态的给他添加属性。例如代码： // 动态创建标签 var domDiv = document.

优秀程序员是如何突破瓶颈的？

程序员是一群，智商极高，人品善良，思维逻辑缜密，收入挺高，交友不多，生活圈子比较小而且单纯，都是一批可爱的人，但是他们不善言谈，不善交际。到了一定的年龄和级别后，都很难突破自己的瓶颈。

抗日最关键的大方针，挽救了中国，挽救了亿万华夏儿女

正面战场的抗日是中国抗日的核心力量。而当时国破民弱，中国刚结束了晚清统治，又经历了多年的军阀混战，尤其是中原大战，国力疲敝之极.... image 日本趁虚而入，蒋介石面对支离破碎的国家，虽是名誉上的领袖，却无法控制全中国。

01-老马jQuery教程-jQuery入口函数及选择器

前言 这套jQuery教程是老马专门为寒门子弟而录制，希望大家看到后能转发给更多的寒门子弟。视频都是免费，请参考课程地址：https://chuanke.baidu.com/s5508922.html 1.什么是jQuery？ 1.1 jQuery介绍 jQuery是一个轻型、快速的、小巧的功能丰富的JavaScript类库。

08Vue.js快速入门-Vue综合实战项目

8.1. 前置知识学习 npm 学习 官方文档 推荐资料 npm入门 npm介绍 需要了解的知识点 package.json 文件相关配置选项 npm 本地安装、全局安装、本地开发安装等区别及相关命令 npm script脚步的基本编写能力 有时间专门写一个这样的专题，如果需要可以邮件我。

06Vue.js快速入门-Vue组件化开发

组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。前端组件化确实让大的前端团队更高效的开发前端项目。而作为前端比较流行的框架之一，Vue的组件和也做的非常彻底，而且有自己的特色。尤其是她单文件组件开发的方式更是非常方便，而且第三方工具支持也非常丰富，社区也非常活跃，第三方组件也呈井喷之势。

05Vue.js快速入门-Vue实例详解与生命周期

Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。

04Vue.js快速入门-Vue事件处理

4.1. 监听事件的Vue处理 Vue提供了协助我们为标签绑定时间的方法，当然我们可以直接用dom原生的方式去绑定事件。Vue提供的指令进行绑定也是非常方便，而且能让ViewModel更简洁，逻辑更彻底。

03Vue.js快速入门-Vue列表渲染及条件渲染实战

3.1. 条件渲染 有时候我们要根据数据的情况，决定标签是否进行显示或者有其他动作。最常见的就是，表格渲染的时候，如果表格没有数据，就显示无数据。如果有数据就显示表格数据。 Vue帮我们提供了一个v-if的指令，帮助我们完成判断的模板处理。

02Vue.js快速入门-Vue入门之数据绑定

2.1. 什么是双向绑定？ Vue框架很核心的功能就是双向的数据绑定。 双向是指：HTML标签数据 绑定到 Vue对象，另外反方向数据也是绑定的。通俗点说就是，Vue对象的改变会直接影响到HTML的标签的变化，而且标签的变化也会反过来影响Vue对象的属性的变化。

03-老马jQuery教程-DOM操作(上）

jQuery DOM操作 在没有jQuery之前，DOM的操作相对来说有点麻烦，尤其是DOM节点的搜索。目前我们已经学习了jQuery的选择器，接下带大家一块学习jQuery的DOM操作，jQuery对DOM操作的封装让我们前端开发工作非常简便、简洁、兼容性好。

JavaScript高级课程发布

老马最近一直在潜心录制课程。 录制的一整天JavaScript的教程，我自己都感觉挺细的。我自己都感动了。 JavaScript基础视频教程 https://chuanke.baidu.com/v5508922-234347-1696511.html 高级部分正在更新，JavaScript高级内容是很多后台转前端开发或者前端开发的一般新手的盲区。

为寒门子弟而奋斗

昨天看了一期节目，一个年轻的妈妈由于种种原因离开了穷苦的家庭。留下了三个孩子，一个6岁的大姐姐和两个小弟弟。 父亲常年在外打工，母亲消失不见。6岁的小姑娘挑起了重担，照顾着两个小弟弟，撑起了整个家。

千里走单骑：12-北京到上海骑记--Day11.扬州坑爹路

Day11: 2017年04月25日 路书 高邮市→（S237）邵伯镇→扬州市→过长江→镇江→（S308）丹北镇 早餐 现在都已经习惯了早起。早起后，简单洗漱一下。然后出宾馆找吃的。

千里走单骑：11-北京到上海骑记--Day10.大美京杭淮扬

Day10: 2017年04月24日 路书 涟水县→S235→淮安市→京杭运河（S237）→宝应县→高邮市 ** 共125公里** 强光手电被偷 昨晚上，一夜折腾。身体都被掏空了，腿都是酸软的。

千里走单骑：06-北京到上海骑记--Day5.风雨回家路

Day4（2017年04月19日） 路书 淄博临淄→青州→临朐→老家 误入湖中 由于离着老家很近，就只有64公里的路程，所以决定顺便回趟家，休整一下。去魔都的路还很长，需要调整好状态和心态。

千里走单骑：02-北京到上海骑记--Day1.首日征程

Day1: 日期 (2017年04月15日) 路书 北京昌平→朝阳区→通州区→三河市→天津武清大孟庄镇 踏出第一步，车就坏了 清晨告别家人，刚出门，就发现我的变速器坏了，有点刮链子。

05-Vue入门系列之Vue实例详解与生命周期

Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。

04-Vue入门系列之Vue事件处理

4.1. 监听事件的Vue处理 Vue提供了协助我们为标签绑定时间的方法，当然我们可以直接用dom原生的方式去绑定事件。Vue提供的指令进行绑定也是非常方便，而且能让ViewModel更简洁，逻辑更彻底。

03-Vue入门系列之Vue列表渲染及条件渲染实战

3.1. 条件渲染 有时候我们要根据数据的情况，决定标签是否进行显示或者有其他动作。最常见的就是，表格渲染的时候，如果表格没有数据，就显示无数据。如果有数据就显示表格数据。 Vue帮我们提供了一个v-if的指令，帮助我们完成判断的模板处理。

02-Vue入门之数据绑定

2.1. 什么是双向绑定？ Vue框架很核心的功能就是双向的数据绑定。 双向是指：HTML标签数据 绑定到 Vue对象，另外反方向数据也是绑定的。通俗点说就是，Vue对象的改变会直接影响到HTML的标签的变化，而且标签的变化也会反过来影响Vue对象的属性的变化。

01-Vue.js入门系列

1.1. Vue简介 Vue是一个前端的双向绑定类的框架，发音[读音 /vjuː/, 类似于 view]。新的Vue版本参考了React的部分设计，当然也有自己独特的地方，比如Vue的单文件组件开发方式都很有创新，另外Vue自身的一些绑定的语法、用法等都非常精炼，很容易上手，而且第三方的插件都非常丰富，社区非常活跃，最新的文档都有中文版本。

实在是睡不着了，莫名的为微软写点什么

今天看微软的新闻： 　　....      。。。      微软你这是要牛逼的节奏啊，只是这个节奏来的稍微晚了点，如果2010年的时候你就这么做了的话，那么将会是..............        不过总之还是来了，面向未来你走出了正确的一步，把所有的端都看成自己的，不分敌我，从整个战略层面跳出敌我，不把谁弄死，你活的更好，我的平台也就更好，做好.Net平台，可以部署到任何端。

Unity开发游戏 flapybird 无广告老马版分享

Flapybird确实是一款非常好玩的游戏，但是上手难度比较大。经过老马模仿加工，把游戏难度降低，而且不加入任何广告。 特此分享。下载地址：http://files.cnblogs.com/fly_dragon/flapybirdLaoma.apk

Html5 学习系列（六）Html5本地存储和本地数据库

一个网站如何能在客户的浏览器存储更多的数据呢？ 在Html4的时代在浏览器端存储点网站个性化的数据，尤其是用户浏览器的痕迹，用户的相关数据等一般只能存储在Cookie中，但是大多是浏览器对于Cookie的限制也就逼迫网站存储数据尽量精简，想存储复杂的、关系型的用户数据就根本不可能了。

Html5 学习系列（五）Canvas绘图API快速入门（2）

Canvas绘图API Demos 上一篇文章中，笔者已经给大家演示了怎么快速用Canvas的API绘制一个矩形出来。接下里我会在本文中给各位介绍Canvas的其他API：绘制线条、绘制椭圆、绘制图片、图片处理等...如果想获得更好的阅读效果请点击老马的独立博客地址。

Html5 学习系列（五）Canvas绘图API快速入门（1）

引言：Canvas绘图API快速入门 在接触HTML5的初学者包括我都在很多地方见到非常炫的一些页面，甚至好多学习HTML5的开发者都是冲着Web端的页游去的，那么HTML5那么绚丽的页面效果以及游戏动画效果的原理是怎样的？本篇文章将带您在20分钟内快速了解和上手HTML5游戏开发的神器：Canvas绘制API。

google3aac509c9040e79d

google-site-verification: google3aac509c9040e79d.html

十七岁的单车 影评

　　此电影是一辆自行车为主线，导演王小帅主要展示了随着改革开放城市进一步发展，由农村进入城市的新城市人和原  有的城市底层贫困城市贫民生活的艰辛以及强权下悲惨的际遇。 　　故事一开始就从一个从农村进入城市做快递员的主角开始讲起，经过没日没夜的奋斗后终于把属于自己的山地自行车 挣到了手里。

Html5 学习系列（四）文件操作API

引言     在之前我们操作本地文件都是使用flash、silverlight或者第三方的activeX插件等技术，由于使用了这些技术后就很难进行跨平台、或者跨浏览器、跨设备等情况下实现统一的表现，从另外一个角度来说就是让我们的web应用依赖了第三方的插件，而不是很独立，不够通用。

大学应该怎么读?

  今天在看了一场《非你莫属》的节目后，其中两个应聘求职者对于大学里面没有好好学习，几乎放弃课堂的问题。很多老板和有经验的人都对这些事情做了很深刻的批判。那接下来我谈一下我的感受，以及我的教育观。

Html5 学习系列（三）增强型表单标签

引言      在之前的HTML表单标签中，对于一些功能支持的不够好，比如：文本框提示信息（之前只能通过js和input的事件结合处理）、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能。

Html5 学习系列（二）HTML5新增结构标签

引言 在本节中，笔者将向大家讲述三部分内容，分别介绍HTML5时代的召唤，跟HTML4的区别，以及HTML5中带来的新的结构标签。 HTML5时代的召唤 HTML4与HTML5的区别 HTML5新结构标签 HTML5时代的召唤 　　上一代的HTML的标准： HTML 4.01 和 XHTML 1.0 距离今天已经发布了10多年了，而Web端的应用也已经翻天覆地的变换。

Html5 学习系列（一）认识HTML5

引言，认识两个标准制定的组织         在讲什么是Html5之前得先了解两个组织；WHATWG ：网页超文本技术工作小组（英语：Web Hypertext Application Technology Working Group，缩写为WHATWG），是一个以推动网络 HTML 5 标准为目的而成立的组织。

再见2011，2012不是梦

2011算是比较平静的一年，但是发生的事情却一点也不平静，农历新年也即将到来了，就在新年的第一天夜晚做个简单的总结，也算是对上一年自己的表现画个句号。 2011经历了最穷困潦倒的日子，依然记得年初那会为了还信用卡口袋拮据的日子，幸好苦尽甘来，现在终于富余点了，再不用为吃饭的钱头疼了。