<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ala9527的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ala9527</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ala9527]]></copyright><item><title><![CDATA[ios的300ms点击延时问题]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218442</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218442</guid><author>ala9527</author><pubDate>Fri, 03 Mar 2017 16:08:00 +0800</pubDate><description><![CDATA[一、什么是ios的300ms点击延时问题
  ios的移动端页面对点击事件有300ms延时。




二、为什么存在这个问题
 这要追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题 —— 当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览PC端站点的问题。这当中最出名的，当属双...]]></description><category></category></item><item><title><![CDATA[让文档中的代码更好看]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218470</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218470</guid><author>ala9527</author><pubDate>Thu, 08 Dec 2016 20:48:00 +0800</pubDate><description><![CDATA[本文要介绍一个插件——Prism，有了它，你的文档中的代码将更好看。
  工作中，我们会需要写一些说明文档，类似bootstrap、vue等的官方文档一样，我们的文档也要不仅实用，还要好看，经过使用，觉得prism还不错。
  使用也很简单，下载（可以定制需要的支持的语言）好之后，在页面中引入：

  比如要在文档中实现这样的效果：

  我们可以在h...]]></description><category></category></item><item><title><![CDATA[git分支提交管理]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218468</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218468</guid><author>ala9527</author><pubDate>Thu, 08 Dec 2016 17:44:00 +0800</pubDate><description><![CDATA[随着需求的增多，为了多人协作的顺利进行，需要进行分支开发，进而带来分支管理问题。今天主要讲一下如何管理分支及提交。
  为了使git更好用，下面是我的git配置文件（放在C:\Users\Administrator目录下的.gitconfig文件）。

[user]
  email = xxx
  name = xxx
[gui]
  encoding = UT...]]></description><category></category></item><item><title><![CDATA[compass入门]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218439</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218439</guid><author>ala9527</author><pubDate>Sat, 20 Aug 2016 19:10:00 +0800</pubDate><description><![CDATA[　　本文将参考官方文档，结合最佳实践，让我们把compass用起来。
　　进入项目目录（有疑问回看上一篇sass+compass起步），在sass目录下新建_base.sacc文件，该文件的用处是初始化样式表，内容是全局变量和要用的框架，此外，还可以放一些自己写的mixins。
　　P.S.下划线_开头的sacc文件不会编译成css，要注意，在同一个目录不能同时存在带下划线和不带下划...]]></description><category></category></item><item><title><![CDATA[sass+compass起步]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218465</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218465</guid><author>ala9527</author><pubDate>Thu, 18 Aug 2016 23:40:00 +0800</pubDate><description><![CDATA[　　前言：Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to usevariables,nested rules,mixins,inline imports, and more, all with a fully CSS-compatibl...]]></description><category></category></item><item><title><![CDATA[ES6初探——编译环境搭建]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218463</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218463</guid><author>ala9527</author><pubDate>Sun, 29 May 2016 15:35:00 +0800</pubDate><description><![CDATA[　　不好意思我又要来写操作文档了，看起来更像wiki的博客（如果你想深入学习，请阅读文末列的参考资料）。本文将示例如何把ES6编译成ES5。
　　首先，你要自行查阅什么是ES6，和ES5、javascript有什么关系，为什么要编译ES6。废话不多说，just test!
　　方法一：
　　第一步：项目目录下安装babel-cli和babel-preset-es2015。

...]]></description><category></category></item><item><title><![CDATA[gulp插件之gulp-mock-server]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218461</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218461</guid><author>ala9527</author><pubDate>Sun, 15 May 2016 23:19:00 +0800</pubDate><description><![CDATA[　　本文讲gulp-mock-server的应用，用于虚拟一个服务器，模拟后台返回json数据给前端，这样可以一定程度上实现前后端分离，约定好接口之后，前后端即可同时开发，从而提高效率。
　　在gulpfile里新建任务：

//mock server
gulp.task('mock', function() {
  gulp.src('.')
    .pipe(g.moc...]]></description><category></category></item><item><title><![CDATA[微信开发——前期配置]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218458</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218458</guid><author>ala9527</author><pubDate>Sat, 14 May 2016 16:18:00 +0800</pubDate><description><![CDATA[　　本文讲前端如何独立的进行微信开发(没有搭建后台，如何通过config接口注入权限验证配置)。
　　1、申请微信公众号成功后，进入微信公众平台（https://mp.weixin.qq.com/），登录。
　　2、在开发者工具中选择公众平台测试账号，点击进入，微信扫码授权登录。


　　3、进入测试号页面，得到测试号信息：


　　4、完成JS-SDK使用权限签名算法。...]]></description><category></category></item><item><title><![CDATA[浅析cookie]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218456</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218456</guid><author>ala9527</author><pubDate>Sun, 17 Apr 2016 15:57:00 +0800</pubDate><description><![CDATA[　　基本概念：cookie是指web浏览器存储的少量数据，该数据会在每次请求一个相关的URL时自动传到服务器中。
　　以博客园为例，我们看看cookie有哪些属性：

　 1、Name:cookie的名称；
　　2、Value：cookie名称对应的值；
　　3、Domain:设置cookie作用域。默认是当前web服务器的主机名。设置该属性可使大型网站子域之间共享cook...]]></description><category></category></item><item><title><![CDATA[node入门（三）——gulp运用实例]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218417</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218417</guid><author>ala9527</author><pubDate>Sun, 10 Apr 2016 14:50:00 +0800</pubDate><description><![CDATA[　　在上一篇《node入门（二）——gulpfile.js初探》中，我们知道了（看懂入门二及其参考资料）怎么运用gulp来更高效的开发，现在来示范一下。
　　在package.json里面配置好devDependencies：

"devDependencies": {
    "browser-sync": "^2.10.1",
    "del": "^2.2.0",
 ...]]></description><category></category></item><item><title><![CDATA[node入门（二）——gulpfile.js初探]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218437</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218437</guid><author>ala9527</author><pubDate>Sat, 09 Apr 2016 18:11:00 +0800</pubDate><description><![CDATA[　　本文关于gulpfile.js怎么写，利于完成个性化需求。本文开发环境默认已安装node，详情参考《node入门（一）——安装》。
　　一、安装gulp

npm install -g gulp

　　二、进入项目根目录，创建package.json文件

npm init


　　现在项目目录下新增了package.json文件，内容如下：

　　三、在pa...]]></description><category></category></item><item><title><![CDATA[移动web开发填坑（一）]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218455</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218455</guid><author>ala9527</author><pubDate>Sat, 26 Mar 2016 13:39:00 +0800</pubDate><description><![CDATA[　　上周开始接触移动web开发，默默的掉进了很多坑里面。本文主要总结本周遇到的坑以及如何填坑。

　　1、px与rem换算。
　　设计稿的宽度一般是640px，而iphone是320px，所以测量设计稿的结果首先要除2，这时的单位还是px，下一步要转换成rem，怎么转换呢？得看根节点怎么设置的。
　　首先，任意浏览器的默认字体高都是16px，所有未经调整的浏览器都符合: 1em...]]></description><category></category></item><item><title><![CDATA[node入门（一）——安装]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218453</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218453</guid><author>ala9527</author><pubDate>Thu, 24 Mar 2016 07:41:00 +0800</pubDate><description><![CDATA[　　node可以让我们用js写服务器。此外还可以用来前端自动化开发，它找到特定服务要使用的包，然后下载、安装、管理。
　　首先安装node，进入官网下载需要的node版本，然后一键式傻瓜安装。（我的环境是windows）

　　使用cmd或git bash来执行node命令。
　　装好node之后就可以在命令行工具中进入项目目录使用node了。
　　可以运行命令node -v ...]]></description><category></category></item><item><title><![CDATA[移动web开发基础（二）——viewport]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218452</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218452</guid><author>ala9527</author><pubDate>Sat, 19 Mar 2016 18:17:00 +0800</pubDate><description><![CDATA[　　本文主要研究为什么移动web开发需要设置viewport，且一般设置为&lt;meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"&gt;.
　　首先，需要明白viewport是什么东东。看下图：

　　对于viewport，直接翻译成中文就是视口、视见区、观察...]]></description><category></category></item><item><title><![CDATA[移动web开发基础（一）——像素]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218450</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218450</guid><author>ala9527</author><pubDate>Sat, 19 Mar 2016 15:39:00 +0800</pubDate><description><![CDATA[　　这篇文章要弄清楚2个问题：一、什么是逻辑像素和物理像素；二、这两者有什么关系。
　　对于问题一，先抛出两个概念。我们经常使用的px就是逻辑像素，是浏览器使用的抽象单位；物理像素又和dp/pt（设备无关像素）、dpr（设备像素缩放比）有关。对于问题二，逻辑像素和物理像素可以通过下面的公式转换：1px=(dpr^2)dp.
　　那么现在问题来了，对于不同设备，dpr又是多少呢？
　...]]></description><category></category></item><item><title><![CDATA[关于min-height:100%的解决办法]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218448</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218448</guid><author>ala9527</author><pubDate>Sat, 20 Feb 2016 15:14:00 +0800</pubDate><description><![CDATA[　　前几天碰到一个问题，在用bs和jq2.2.0开发时，min-height设为100%在firefox和ie下没有起作用，先用css改了一下，但是min-height虽然是奏效了，但同时出现了其他css问题，千丝万缕，随后万能的js完美解决问题，简单粗暴。
　　首先说一下问题产生的原因：jq2+获取heigh没有兼容Ie，故height()不行。
　　查阅资料知：窗口的高度
　　...]]></description><category></category></item><item><title><![CDATA[用类与原型写一个组件（三）——学习笔记]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218446</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218446</guid><author>ala9527</author><pubDate>Tue, 05 Jan 2016 12:07:00 +0800</pubDate><description><![CDATA[　　上一篇中，我们为组件添加了“删除一条item”的功能，现在，再增加一个“增加一条item”的功能。
　　首先，在页面中增加一个按钮，用来触发添加功能（红框中的内容是对比上一篇新加的代码）。

　　在main.js中绑定按钮的单击事件，触发add函数。

　　再在smartList.js里写add函数。

 1   // 增加一条数据
 2   SmartList.pr...]]></description><category></category></item><item><title><![CDATA[用类与原型写一个组件（二）——学习笔记]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218443</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218443</guid><author>ala9527</author><pubDate>Thu, 31 Dec 2015 14:36:00 +0800</pubDate><description><![CDATA[　　上一篇里，我们为smartList组件写了一个简单的setData方法，运用此原型方法创建了member list和group list两个列表，今天我们继续完善插件功能。
　　上一篇里，最终效果是这样：

　　生成了2个一模一样的列表，都有编辑和删除的功能。所以现在我们要改进一下插件，使用户可以定制出不一样的列表（选择性的拥有编辑和删除功能）。
　　我们想在创建对象的时候就...]]></description><category></category></item><item><title><![CDATA[用类与原型写一个组件（一）——学习笔记]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218421</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218421</guid><author>ala9527</author><pubDate>Wed, 30 Dec 2015 15:26:00 +0800</pubDate><description><![CDATA[　　前两篇博文里学习了类与原型的相关知识，现在就理论结合实际，看看如何用类和原型来写一个插件。
　　首先写好html页面如下，主要是引入jquery和bs，页面中放了一个id为memberList的div，用来放我们待会使用类和原型生成的item。

 1 &lt;html&gt;
 2 &lt;head&gt;
 3   &lt;meta charset="UTF-8"&gt...]]></description><category></category></item><item><title><![CDATA[js类、原型——学习笔记]]></title><link>https://blog.youkuaiyun.com/ala9527/article/details/102218423</link><guid>https://blog.youkuaiyun.com/ala9527/article/details/102218423</guid><author>ala9527</author><pubDate>Tue, 29 Dec 2015 12:12:00 +0800</pubDate><description><![CDATA[　　js 内置有很多类，我们用的，都是从这些类实例化出来的。

1 function Object () {}
2 function Array () {}
3 function String () {}
4 function Boolean () {}
5 function Function () {}

　　比如,var a = {};等同于var a = new O...]]></description><category></category></item></channel></rss>