<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[VarIInJSon的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/VarIInJSon</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; VarIInJSon]]></copyright><item><title><![CDATA[关于闭包的一个问题]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/80660362</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/80660362</guid><author>VarIInJSon</author><pubDate>Tue, 12 Jun 2018 08:56:57 +0800</pubDate><description><![CDATA[

首先这里的test和test2都形成了闭包


这里的test的值没有继续往上加是因为两次调用的test都会重新执行把var a=20执行一遍；但是test2=一个iife，因此返回的是最后的return里的语句，所以a2没有再被重新var一遍，又因为闭包保存变量所以值会往上++，所以这里改变的是闭包保存的变量，当我们var obj=test()然后来调用obj也可以实现iife的效果
然后为...]]></description><category></category></item><item><title><![CDATA[个人项目总结（wepy）]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/80638780</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/80638780</guid><author>VarIInJSon</author><pubDate>Sun, 10 Jun 2018 10:08:54 +0800</pubDate><description><![CDATA[事件冒泡


e.target.dataset获取的是一个对象，如果我们要获取index索引需要：Object.values(e.target.dataset)+''
微信小程序需要通过this.setData({msg:''})来动态改变data，如果需要改变的data是一个数组的其中一项，需要：this.setData({'array['+idx+'].m':''})
...]]></description><category></category></item><item><title><![CDATA[个人网站重构小结]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/80531388</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/80531388</guid><author>VarIInJSon</author><pubDate>Thu, 31 May 2018 22:47:55 +0800</pubDate><description><![CDATA[最近将个人网站优化了一下，弄成了单页面应用，前端路由用的history API，遇到了一些问题，在这里记录一下：


首先是贼坑的webpack官方文档，估计是更新的太快了，文档例子来不及改，如果要引入json文件的话应该将json文件的后缀改成一个自定义后缀（非json），然后在配置文件中用json-loader解析这种后缀的文件（比如说后缀是str），再用const json=require(...]]></description><category></category></item><item><title><![CDATA[近日笔试小结]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/80030612</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/80030612</guid><author>VarIInJSon</author><pubDate>Sat, 21 Apr 2018 17:14:13 +0800</pubDate><description><![CDATA[1，求以下代码在浏览器控制台的输出：var foo=function(){
    var secret='secret';
    return{
        getSecret:function(){
            return secret;
        },
        newSecret:function(newval){
            secret=new]]></description><category></category></item><item><title><![CDATA[近日笔试总结]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/79794521</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/79794521</guid><author>VarIInJSon</author><pubDate>Mon, 02 Apr 2018 21:46:13 +0800</pubDate><description><![CDATA[1、justify-content: 
space-around两边有缝隙 space-between两边无缝隙 
2、({}+’b’&amp;gt;{}+’a’)输出？ 
左边=&amp;gt;”[object object]b”右边同理，因为b的ASCII码比a大，所以true 
3、console.log (2== true)输出？  
number和boolean用==比较时会把boolean转换为num...]]></description><category></category></item><item><title><![CDATA[2018年网易前端笔试题总结]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/79735286</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/79735286</guid><author>VarIInJSon</author><pubDate>Wed, 28 Mar 2018 22:23:38 +0800</pubDate><description><![CDATA[2018网易前端笔试题总结

有空补上答案^ ^ 
- 选择题 1，基于哈希算法在信息安全中主要应用在： 
    a，文字校验 
    b，数字签名 
    c，鉴权协议 2，有关SVG矢量图形描述错误的是： 
    a，SVG图像在放大或改变尺寸的情况下其图形质量不会有损失 
    b，SVG是css语言下面的一个分支 
    c，SVG使用XML格式定义图形 
    d，SVG是...]]></description><category></category></item><item><title><![CDATA[写一个MP3播放器（vuejs+nodejs+mongodb）]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/79332759</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/79332759</guid><author>VarIInJSon</author><pubDate>Sat, 17 Feb 2018 23:36:33 +0800</pubDate><description><![CDATA[写一个MP3播放器（vue-cli+element ui+express+mongoose）

最近刚学完vuejs，为了增进理解就写了个MP3播放器（用到了vuex，vue-router,es6）。可上传歌曲歌词封面文件，可管理歌曲，可点击封面放大图片等 
项目地址：https://github.com/variinlkt/MP3-vueplayer 
项目截图： 
 
 
 
项目还有很多不完...]]></description><category></category></item><item><title><![CDATA[angularjs]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/52915781</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/52915781</guid><author>VarIInJSon</author><pubDate>Mon, 24 Oct 2016 21:16:18 +0800</pubDate><description><![CDATA[AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。

ng-app 指令初始化一个 AngularJS
应用程序。ng-app 指令定义了 AngularJS 应用程序的 根元素。ng-app 指令在网页加载完毕时会自动引导（自动初始化）应用程序

ng-init 指令初始化应用程序数据。（不常使用）

ng-model 指令把元素值（比如输入域的值）绑定到应用程序]]></description><category></category></item><item><title><![CDATA[未知div宽度高度使div水平垂直居中（弹性盒子方法）]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/52816515</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/52816515</guid><author>VarIInJSon</author><pubDate>Fri, 14 Oct 2016 15:48:31 +0800</pubDate><description><![CDATA[不使用js的情况下有三种方法：
1、css3弹性盒子flexbox
2、display:table-cell;
3、transform:translate();
在这介绍一下css3的弹性盒子内容，对该属性了解的可以直接下拉看红色分割线下的水平垂直居中的方法：


弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。

弹性容器通过设置 di]]></description><category></category></item><item><title><![CDATA[单页面应用SPA]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/52807656</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/52807656</guid><author>VarIInJSon</author><pubDate>Thu, 13 Oct 2016 18:00:27 +0800</pubDate><description><![CDATA[SPA是指在浏览器中运行的应用，在使用期间不会重新加载页面，利用js动态变换html内容实现UI与用户的交互
优点：
1、前后端分离，项目开发效率提高
2、减轻服务器压力
3、更好的用户体验
缺点：
1、初次加载时花费时间长
2、浏览器中无法记录浏览历史，前进、后退、地址栏等，需要程序进行管理；书签，需要程序来提供支持；
3、SEO问题




MVC：Model-Vie]]></description><category></category></item><item><title><![CDATA[sass/scss语法@mixin]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/52784664</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/52784664</guid><author>VarIInJSon</author><pubDate>Tue, 11 Oct 2016 08:38:23 +0800</pubDate><description><![CDATA[css新增HSL颜色模式，h色调（360度圆盘），s饱和度（百分比），l亮度（百分比）
eg.  
 p{
	color:hsl(270,100%,100%);
}
sass支持hsl属性，如果直接在css中使用hsl属性，ie678不支持此属性，因此通过sass可以完美解决hsl浏览器兼容问题
可重用的代码块，称为mixin：
可通过@include，@extend调用
eg:
@]]></description><category></category></item><item><title><![CDATA[js中var、let和const的区别]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/52675319</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/52675319</guid><author>VarIInJSon</author><pubDate>Mon, 26 Sep 2016 22:45:50 +0800</pubDate><description><![CDATA[var：声明变量，是函数作用域，能重复声明覆盖


let：需在js严格模式下使用，声明块级变量，不能重复声明覆盖，限制了变量的作用域，保证变量不会去污染全局变量。
**严格模式：在文件头添加'use strict';'use strict';

(function() {
  var varTest = 'test var OK.';
  let letTest = 'test let ]]></description><category></category></item><item><title><![CDATA[css常用单位及特点]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/52662765</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/52662765</guid><author>VarIInJSon</author><pubDate>Sun, 25 Sep 2016 16:45:29 +0800</pubDate><description><![CDATA[css常用单位分为四类：
1.长度单位
   *绝对长度单位：最好用于打印机输出设备，而在仅仅作为屏幕显示时，使用绝对长度值意义不大，应该尽量使用相对长度值
     厘米（cm）、毫米（mm）、英寸（in）、点（pt）、派卡（pc）



   *相对长度单位：
      px像素，像素是相对于显示器屏幕分辨率而言的。
    em：相对于当前对象内文本的字体尺寸放大倍数。]]></description><category></category></item><item><title><![CDATA[background-clip属性]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/52662720</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/52662720</guid><author>VarIInJSon</author><pubDate>Sun, 25 Sep 2016 16:22:12 +0800</pubDate><description><![CDATA[此属性规定背景的绘制区域，有三个值：border-box，padding-box，content-box
border-box：背景被裁剪到边框盒。



padding-box：背景被裁剪到内边距框。



 content-box：背景被裁剪到内容框。]]></description><category></category></item><item><title><![CDATA[盒子模型box-sizing]]></title><link>https://blog.youkuaiyun.com/VarIInJSon/article/details/52662657</link><guid>https://blog.youkuaiyun.com/VarIInJSon/article/details/52662657</guid><author>VarIInJSon</author><pubDate>Sun, 25 Sep 2016 16:18:17 +0800</pubDate><description><![CDATA[在一个div中，通过css设置的width不一定与这个div实际的width相等，因为浏览器默认把一个div实际的width=你设定的width+padding+div内文本内容的width
（浏览器默认的box-sizing=content-box）
如果想直接设定div的宽度，让div里的内容宽度自行调节，需在div的css中加一句：box-sizing=border-box；]]></description><category></category></item></channel></rss>