VarIInJSon-CSDN博客

原创关于闭包的一个问题

首先这里的test和test2都形成了闭包这里的test的值没有继续往上加是因为两次调用的test都会重新执行把var a=20执行一遍；但是test2=一个iife，因此返回的是最后的return里的语句，所以a2没有再被重新var一遍，又因为闭包保存变量所以值会往上++，所以这里改变的是闭包保存的变量，当我们var obj=test()然后来调用obj也可以实现iife的效果然后为...

2018-06-12 08:56:57 309 1

原创个人项目总结（wepy）

事件冒泡e.target.dataset获取的是一个对象，如果我们要获取index索引需要：Object.values(e.target.dataset)+''微信小程序需要通过this.setData({msg:''})来动态改变data，如果需要改变的data是一个数组的其中一项，需要：this.setData({'array['+idx+'].m':''})...

2018-06-10 10:08:54 931

最近将个人网站优化了一下，弄成了单页面应用，前端路由用的history API，遇到了一些问题，在这里记录一下：首先是贼坑的webpack官方文档，估计是更新的太快了，文档例子来不及改，如果要引入json文件的话应该将json文件的后缀改成一个自定义后缀（非json），然后在配置文件中用json-loader解析这种后缀的文件（比如说后缀是str），再用const json=require(...

2018-05-31 22:47:55 313

原创近日笔试小结

1，求以下代码在浏览器控制台的输出：var foo=function(){ var secret='secret'; return{ getSecret:function(){ return secret; }, newSecret:function(newval){ secret=new

2018-04-21 17:14:13 255

原创近日笔试总结

1、justify-content: space-around两边有缝隙 space-between两边无缝隙 2、({}+’b’>{}+’a’)输出？左边=>”[object object]b”右边同理，因为b的ASCII码比a大，所以true 3、console.log (2== true)输出？ number和boolean用==比较时会把boolean转换为num...

2018-04-02 21:46:13 465

原创 2018年网易前端笔试题总结

2018网易前端笔试题总结有空补上答案^ ^ - 选择题 1，基于哈希算法在信息安全中主要应用在： a，文字校验 b，数字签名 c，鉴权协议 2，有关SVG矢量图形描述错误的是： a，SVG图像在放大或改变尺寸的情况下其图形质量不会有损失 b，SVG是css语言下面的一个分支 c，SVG使用XML格式定义图形 d，SVG是...

2018-03-28 22:23:38 2744

原创写一个MP3播放器（vuejs+nodejs+mongodb）

写一个MP3播放器（vue-cli+element ui+express+mongoose）最近刚学完vuejs，为了增进理解就写了个MP3播放器（用到了vuex，vue-router,es6）。可上传歌曲歌词封面文件，可管理歌曲，可点击封面放大图片等项目地址：https://github.com/variinlkt/MP3-vueplayer 项目截图：项目还有很多不完...

2018-02-17 23:36:33 2022

原创 angularjs

AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。ng-app 指令初始化一个 AngularJS应用程序。ng-app 指令定义了 AngularJS 应用程序的根元素。ng-app 指令在网页加载完毕时会自动引导（自动初始化）应用程序ng-init 指令初始化应用程序数据。（不常使用）ng-model 指令把元素值（比如输入域的值）绑定到应用程序

2016-10-24 21:16:18 270

原创未知div宽度高度使div水平垂直居中（弹性盒子方法）

不使用js的情况下有三种方法：1、css3弹性盒子flexbox2、display:table-cell;3、transform:translate();在这介绍一下css3的弹性盒子内容，对该属性了解的可以直接下拉看红色分割线下的水平垂直居中的方法：弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 di

2016-10-14 15:48:31 11452

原创单页面应用SPA

SPA是指在浏览器中运行的应用，在使用期间不会重新加载页面，利用js动态变换html内容实现UI与用户的交互优点：1、前后端分离，项目开发效率提高2、减轻服务器压力3、更好的用户体验缺点：1、初次加载时花费时间长2、浏览器中无法记录浏览历史，前进、后退、地址栏等，需要程序进行管理；书签，需要程序来提供支持；3、SEO问题MVC：Model-Vie

2016-10-13 18:00:27 633

原创 sass/scss语法@mixin

css新增HSL颜色模式，h色调（360度圆盘），s饱和度（百分比），l亮度（百分比）eg. p{ color:hsl(270,100%,100%);}sass支持hsl属性，如果直接在css中使用hsl属性，ie678不支持此属性，因此通过sass可以完美解决hsl浏览器兼容问题可重用的代码块，称为mixin：可通过@include，@extend调用eg:@

2016-10-11 08:38:23 6276

原创 js中var、let和const的区别

var：声明变量，是函数作用域，能重复声明覆盖let：需在js严格模式下使用，声明块级变量，不能重复声明覆盖，限制了变量的作用域，保证变量不会去污染全局变量。**严格模式：在文件头添加'use strict';'use strict';(function() { var varTest = 'test var OK.'; let letTest = 'test let

2016-09-26 22:45:50 978

原创 css常用单位及特点

css常用单位分为四类：1.长度单位 *绝对长度单位：最好用于打印机输出设备，而在仅仅作为屏幕显示时，使用绝对长度值意义不大，应该尽量使用相对长度值厘米（cm）、毫米（mm）、英寸（in）、点（pt）、派卡（pc） *相对长度单位： px像素，像素是相对于显示器屏幕分辨率而言的。 em：相对于当前对象内文本的字体尺寸放大倍数。

2016-09-25 16:45:29 488

原创 background-clip属性

此属性规定背景的绘制区域，有三个值：border-box，padding-box，content-boxborder-box：背景被裁剪到边框盒。padding-box：背景被裁剪到内边距框。 content-box：背景被裁剪到内容框。

2016-09-25 16:22:12 502

原创盒子模型box-sizing

在一个div中，通过css设置的width不一定与这个div实际的width相等，因为浏览器默认把一个div实际的width=你设定的width+padding+div内文本内容的width（浏览器默认的box-sizing=content-box）如果想直接设定div的宽度，让div里的内容宽度自行调节，需在div的css中加一句：box-sizing=border-box；

2016-09-25 16:18:17 323

VarIInJSon的博客