<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[一个程序媛]]></title><description><![CDATA[不忘初心~]]></description><link>https://blog.youkuaiyun.com/queenzjl</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; queenzjl]]></copyright><item><title><![CDATA[深入理解js中的事件委托]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/80119241</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/80119241</guid><author>queenzjl</author><pubDate>Sat, 28 Apr 2018 13:02:02 +0800</pubDate><description><![CDATA[事件委托是前端面试的经典面试题型，上次面试给我整的一脸懵逼，好尴尬。准备找工作的小伙伴赶紧学习学习，也许会对你有帮助。 



时间委托原理

事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。
（也就是说通过父元素监听子元素触发的事件）


为什么使用事件委托

在js中，添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能，因为需要不断的与dom节点进行交...]]></description><category></category></item><item><title><![CDATA[vue-cli Failed to download repo vuejs-templates/webapck: Response code 404 (Not Found)]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/79651208</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/79651208</guid><author>queenzjl</author><pubDate>Thu, 22 Mar 2018 11:09:21 +0800</pubDate><description><![CDATA[最近一直在学习vue.现在正进入项目实战练习阶段。不过在此过程中，总是为遇见各种各样的问题，报各种各样的错。 
像上面这个错， 一般都是在写命令时写错单词导致的。

正确：vue init webpack-simple .（注意“.”点，指当前目录。简单初始化一个项目） 
正确2：veu init webapck my-project(my-project是自己取得项目名字)；

在此提醒：千万别...]]></description><category></category></item><item><title><![CDATA[javascript中的for...in & for...of的使用]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/79258037</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/79258037</guid><author>queenzjl</author><pubDate>Mon, 05 Feb 2018 11:14:20 +0800</pubDate><description><![CDATA[学习ES6之后，又学会了一种新的遍历方法。就是ES6中的for…of。

for in是遍历索引 key，是ES5标准。 
for of是遍历元素值value，是S6标准。

在学习ES6之前，我一直使用for..in遍历对象以及数组。教程里说不建议用for…in循环数组，我一直不理解为什么。直到遇到了下面的例子：

Array.prototype.arrCustom = function(){}]]></description><category></category></item><item><title><![CDATA[Linux通过命令行操作Mysql]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/78901636</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/78901636</guid><author>queenzjl</author><pubDate>Tue, 26 Dec 2017 14:08:04 +0800</pubDate><description><![CDATA[启动：  service mysqld start;进入： mysql -u root -p/mysql -h localhost -u root -p databaseName;列出数据库： show databases;创建数据库： create database XXXXX;选择数据库： use databaseName;列出表格： show tables；显示表格列的属性： show col]]></description><category></category></item><item><title><![CDATA[Areca Backup 备份工具的使用]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/76822918</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/76822918</guid><author>queenzjl</author><pubDate>Mon, 07 Aug 2017 10:58:55 +0800</pubDate><description><![CDATA[今天主要介绍一款备份软件——Areca Backup。百科上对它的介绍是“它是一个采用Java开发的文件备份工具，支持数据压缩加密，增量备份，文件历史记录浏览等功能。它支持ZIP压缩，可以进行档案加密，按照指定参数多文件进行搜索，为所有的关键步骤进行备份。”下面主要介绍areca backup备份软件如何使用。 
先列上下载地址：https://sourceforge.net/projects/ar]]></description><category></category></item><item><title><![CDATA[Git冲突：commit your changes or stash them before you can merge.]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/72772240</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/72772240</guid><author>queenzjl</author><pubDate>Fri, 26 May 2017 17:40:37 +0800</pubDate><description><![CDATA[Git冲突：commit your changes or stash them before you can merge.用git pull来更新代码的时候，遇到了下面的问题：error: Your local changes to the following files would be overwritten by merge:  
    xxx/xxx/xxx.php  
Please, c]]></description><category></category></item><item><title><![CDATA[SourceTree安装教程和GitLab配置详解]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/71439062</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/71439062</guid><author>queenzjl</author><pubDate>Tue, 09 May 2017 09:31:44 +0800</pubDate><description><![CDATA[一、安装Git链接: http://pan.baidu.com/s/1mh7rICK 密码: 48dj二、安装SourceTree链接: http://pan.baidu.com/s/1skWke9B 密码: enr5安装SourceTree的时候是需要使用VPN邮箱申请，可以自行度娘个VPN. 
 
  
 
自行更换安装路径 
 
 
这个时候需要 把下载好的VPN打开， 通过“ GO TO M]]></description><category></category></item><item><title><![CDATA[html嵌入flv格式和swf格式视频]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/68945485</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/68945485</guid><author>queenzjl</author><pubDate>Sat, 01 Apr 2017 16:08:03 +0800</pubDate><description><![CDATA[html不能直接引入flv格式的视频，只能通过引入一个.swf的播放器来播放flv格式的视频<object class id="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,]]></description><category></category></item><item><title><![CDATA[localStorage 存储json串]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/66968507</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/66968507</guid><author>queenzjl</author><pubDate>Mon, 27 Mar 2017 10:09:43 +0800</pubDate><description><![CDATA[把json对象转换成字符串存储到localstorage中，用JSON.stringify() 
stringify用于从一个对象解析出字符串var storage = window.localStorage();
storage.setItem("data", JSON.stringify(data));从缓存中取数据，将字符串转换成json对象，用JSON.parse() 
parse 用于从一]]></description><category></category></item><item><title><![CDATA[js格式化日期]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/66968303</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/66968303</guid><author>queenzjl</author><pubDate>Mon, 27 Mar 2017 09:51:47 +0800</pubDate><description><![CDATA[//格式化时间 (1) yyyy-MM-dd hh:mm:ss
function formatTime(date, t) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  var hour = date.getHours();
  var minute]]></description><category></category></item><item><title><![CDATA[jQuery 网页打印]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/66968008</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/66968008</guid><author>queenzjl</author><pubDate>Mon, 27 Mar 2017 09:27:21 +0800</pubDate><description><![CDATA[**引用jquery和，jqprint到页面**<script language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript" src="jquery.jqprint-0.3.js"></script>
如遇到 Cannot read property ‘opera’ of undefin]]></description><category></category></item><item><title><![CDATA[避免重登录窗口嵌套]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/66967959</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/66967959</guid><author>queenzjl</author><pubDate>Mon, 27 Mar 2017 09:23:47 +0800</pubDate><description><![CDATA[<script type="text/javascript">
/* 避免重登录窗口嵌套  */
if (top != window)   
  top.location.href = window.location.href; 
</script>]]></description><category></category></item><item><title><![CDATA[页面加载后自动刷新一次的方法]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/66967956</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/66967956</guid><author>queenzjl</author><pubDate>Mon, 27 Mar 2017 09:22:56 +0800</pubDate><description><![CDATA[只要在页面的开头加上这么一段代码就OK了.<script   language="JavaScript">       
    function fresh(){  
        if(location.href.indexOf("?reload=true")<0){
            location.href+="?reload=true";  
        }  
    }]]></description><category></category></item><item><title><![CDATA[根据QueryString参数名称获取值]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/66967947</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/66967947</guid><author>queenzjl</author><pubDate>Mon, 27 Mar 2017 09:21:09 +0800</pubDate><description><![CDATA[/* 根据QueryString参数名称获取值 */ 
function getQueryStringByName(name){ 
    var result = location.search.match(new RegExp("[?&]" + name+ "=([^&]+)","i")); 
    if(result == null || result.length < 1){
     r]]></description><category></category></item><item><title><![CDATA[bootstrap-datetimepicker日期插件的使用]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/54410119</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/54410119</guid><author>queenzjl</author><pubDate>Fri, 13 Jan 2017 16:48:34 +0800</pubDate><description><![CDATA[点击这里下载插件首先在文件头部引入必要的文件：<link rel="stylesheet" href="Css/bootstrap-datetimepicker.min.css">
<script src="Js/bootstrap-datetimepicker.js"></script>
想用中文显示，加入bootstrap-datetimepicker.zh-CN.js文件<script src]]></description><category></category></item><item><title><![CDATA[H5的本地存储功能]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/53513774</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/53513774</guid><author>queenzjl</author><pubDate>Thu, 08 Dec 2016 09:45:49 +0800</pubDate><description><![CDATA[结合我的网站，皮肤缓存这块设计到缓存问题，就学了学HTML5的存储管理，也只是皮毛而已。HTML5 提供了两种在客户端存储数据的新方法：
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
我们都知道之前都是有cookie来存储数据，但是cookie不适合大量数据的存储，因为他们由每个对服务器的请求来传递，这使得cookie速]]></description><category></category></item><item><title><![CDATA[less给网站换肤]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/53508839</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/53508839</guid><author>queenzjl</author><pubDate>Wed, 07 Dec 2016 17:39:42 +0800</pubDate><description><![CDATA[LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。
  
  LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。
根据less可以预处理css语言的这一特性，就可以想到less可以实现一种功能，即“换肤”功能。我最近做的网站就需要“换肤”功能，那当然我就]]></description><category></category></item><item><title><![CDATA[移动端js弹出层滚动的时候 body层不可滚动的解决办法]]></title><link>https://blog.youkuaiyun.com/queenzjl/article/details/53507661</link><guid>https://blog.youkuaiyun.com/queenzjl/article/details/53507661</guid><author>queenzjl</author><pubDate>Wed, 07 Dec 2016 16:19:10 +0800</pubDate><description><![CDATA[最近在做移动端网站，在点击导航栏，弹出导航列表时，出现了问题。下滑列表时底层body也跟着滚动，连查带想的折腾了两天才解决这个问题。下面主要分享一下解决办法以及关键代码。一、有的网友建议弹出层弹出时给 html 和 body 都加上“height：100%；overflow：hidden；”，然而在手机上并没有什么卵用二、结合弹出层加上“overflow-y：auto”依然不起作用三、加上touch]]></description><category></category></item></channel></rss>