使用 window.open 进行弹窗显示，实现微信二维码弹窗功能在双屏情况下，chrome浏览器位于副屏弹窗时，会存在弹窗位置异常问题。目前网上相关解析及解决方案几乎没有，故写此文章以作分享。

本文是对vue项目中自带文件eslintrc.js的内容解析， 介绍了各个eslint配置项的作用，以及为什么这样设置。 比较详细，看完能对eslint有较为全面的了解，基本解除对该文件的疑惑。 {代码...}

内容简介 上一章我们介绍了「bug信息收集系统」的搭建和基本使用，本章将介绍它的高级用法，并对源码进行解析。主要分为以下三个部分： 数据安全问题，如何保证上报数据的安全性？ front-tool的扩展功能 front-tool的源码解析 由于「前端报错信息收集」功能还在开发中，这里暂不作介绍 数据安全问题（leanCould中的权限...

一个项目从开发到上线，必将测试过程。在中小型公司中，程序的测试改bug过程几乎由全手工完成。一般需要经过这几个阶段： 测试发现Bug，并向开发反馈

Vuex 的使用解析 回顾前面几章我们介绍的内容 第零章对Vuex的整体运行思路，重点变量进行了介绍。 第一章介绍了Vuex的安装过程。 上一章介绍了Vuex的初始化过程，在正式使用Vuex前做了哪些准备工作。 这一章，将对照Vuex的官方说明文档，逐一介绍示例代码背后的运行逻辑。 首先介绍的是state 唯一状态树 唯一：是指整个V...

遍历store中的getter容器_wrappedGetters，将容器中收集到的每一个getter函数，通过Object.defineProperty方法，赋值到刚刚定义的store.getters对象中 在forEachValue的回调函数中，fn为具体getter函数，key为getter函数的名字

installModule（模块安装函数） 参数介绍 store：store 对象实例，new Vuex.Store({...})生成的对象 rootState：根模块的state对象 path：上一章节介绍过的，当前模块所处层级数组 module：模块对象 hot：暂时用不上，先不介绍 判断当前模块是否根模块 获取模块的命名空间 调用状态模块树的 getNamespace 方法，传入当前...

上一章，我们介绍了Vuex组件的安装过程，安装的最后，进行了对Store对象的引用（或对Store的创建）。本章将介绍Store（Vuex存贮类）的创建。

Vuex 的安装流程，Vue.use(Vuex) index.js Vue安装插件，通过Vue.use函数执行，该函数会调用插件暴露出来的「install」方法，并将 Vue类 传递进来。 首先，我们找到 Vuex 的源码文件 index.js 可以看见，Vuex确实导出了install函数 install 方法引用于store.js文件 store.js 在文件最底部，我们找到 install 函数，里面...

本系列文章目的 真正的代码解析 网上有很多关于「vuex源码解析」的文章。但可能笔者水平有限，总觉得这些文章不太直观。 部分文章只是在按顺序逐个js文件进行介绍，并没有根据程序的运行逻辑介绍，也没有与官方文档进行对应。 只有当真正理解了源码以后才恍然大悟，哦！原来文章是这个意思。 但这时文章已经失去了帮助理...

项目简介 本组件是vue下的圆形进度条动画组件 自由可定制，几乎全部参数均可设置 源码简单清晰 面向人群 急于使用vue圆形进度条动画组件的同学。直接下载文件，拷贝代码即可运行。 喜欢看源码，希望了解组件背后原理的同学。刚接触前端的同学也可以通过本文章养成看源码的习惯。打破对源码的恐惧，相信自己，其实看源码...

项目简介 本组件是vue下的头像裁剪组件，可以直接拷贝代码使用，无需安装依赖 使用九宫格进行裁剪，自由选择裁剪区域。 实时预览裁剪后效果。 可以将裁剪好的图片，导出为封装好的file文件，直接上传到服务器。 导出图片链接，可以导出为图片链接，直接使用裁剪后的效果。 实现原理简单，纯CSS技术处理图片，几乎不需要...

sticky简介 sticky的本意是粘的，粘性的，使用其进行的布局被称为粘性布局。 sticky是position属性新推出的值，属于CSS3的新特性，常用与实现吸附效果。 设置了sticky布局的元素，在视图窗口时，与静态布局的表现一致。 但当该元素的位置移出设置的视图范围时，其定位效果将变成fixed，并根据设置的left、top等作为其定...

程序在开发的过程中，少不了打印调试用的日志，测试流程时伪造的数据。这些代码是不能出现在生产环境上的。这意味着在程序打包前，需要把相关代码剔除掉。这些事情用人手去做很麻烦，很容易疏漏。而且打包出来测试时遇到了bug，又得重新把测试代码添加回去。重复整个繁琐的过程。

跨域是由浏览器同源策略引起的，是指页面请求的接口地址，必须与页面url地址处于同域上（即域名，端口，协议相同）。这是为了防止某域名下的接口被其他域名下的网页非法调用，是浏览器对JavaScript施加的安全限制。

众所周知，fixed元素在IOS下的表现是糟糕的，fixed元素在滚动页面中使用会出现各种奇怪的问题，在微信浏览器中使用就更甚（如：页面滚动，fixed元素与页面相互分离；页面滚动，fixed元素消失等）。这些表现过于离奇，显得没有逻辑，一时间很难找到对应的解决方案。所以笔者决定从一个简单列表页出发，把遇到的各种奇怪问...

题目首先定义了三个函数：【】logName：打印调用者（即谁去调用它，通常是一个对象）的name属性。【】doFun1：接收一个函数，并直接运行这个函数。【】doFun2：接收一个对象，并由这个对象去调用logName函数。而后定义了两个变量：【】obj是一个对象，里面定义了name(假设另命名为_name)的字符串变量。定义了logName(假...

JS高级入门教程 目录 本文章定位及介绍 JavaScript与ECMAScript的关系 DOM的本质及DOM级介绍 JS代码特性 基本类型与引用类型 JS的垃圾回收机制 作用域链介绍及其实现原理 闭包 this指针 自执行函数的介绍及应用 声明提前 JS线程问题 本培训的定位及相关介绍 内容特点： 配套代码解析，示例代码 配套测试试题 内容实在，...

笔者不是什么文人，没什么语言功底，语言简陋，还望不要见笑。写这篇文章，是因为之前有幸担当小组技术指导，被别人问过问题。发现他们问题的技巧很糟糕，导致解决问题的效率好低。想上网搜类似的文章。却发现百度上的文章都在粘贴复制，好几个网站上的都是同一篇文章。另外笔者有不一样的意见。所以打算自己写一篇。虽...