这可能是vue中eslintrc.js最详细的介绍了

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

「bug信息收集系统」进阶及源码解析

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

前端修bug神器「bug信息收集系统」搭建图解

2018-12-05
阅读 5 分钟
8.1k
一个项目从开发到上线,必将测试过程。在中小型公司中,程序的测试改bug过程几乎由全手工完成。一般需要经过这几个阶段: 测试发现Bug,并向开发反馈

通俗易懂Vuex源码导读3-Vuex官方文档对照说明

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

通俗易懂Vuex源码导读2.2-resetStoreVM数据响应式的实现

2018-11-01
阅读 2 分钟
2.2k
遍历store中的getter容器_wrappedGetters,将容器中收集到的每一个getter函数,通过Object.defineProperty方法,赋值到刚刚定义的store.getters对象中 在forEachValue的回调函数中,fn为具体getter函数,key为getter函数的名字

通俗易懂Vuex源码导读2.1-installModule模块安装及内容创建

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

通俗易懂Vuex源码导读2-Store的创建及模块树介绍

2018-10-19
阅读 6 分钟
2.2k
上一章,我们介绍了Vuex组件的安装过程,安装的最后,进行了对Store对象的引用(或对Store的创建)。本章将介绍Store(Vuex存贮类)的创建。

通俗易懂Vuex源码导读1-Vuex的安装

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

通俗易懂Vuex源码导读0-全局介绍

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

vue 圆形进度条组件解析

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

vue-avatar-tailor,vue头像裁剪组件

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

vue-sticky组件详解

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

webpack选择性编译DefinePlugin(打包自动剔除测试数据)

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

前端开发如何独立解决跨域问题

2017-08-17
阅读 5 分钟
51.2k
跨域是由浏览器同源策略引起的,是指页面请求的接口地址,必须与页面url地址处于同域上(即域名,端口,协议相同)。这是为了防止某域名下的接口被其他域名下的网页非法调用,是浏览器对JavaScript施加的安全限制。

深入探究iOS下fixed定位导致的问题

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

高级JS试题

2017-03-02
阅读 7 分钟
4.3k
题目首先定义了三个函数:【】logName:打印调用者(即谁去调用它,通常是一个对象)的name属性。【】doFun1:接收一个函数,并直接运行这个函数。【】doFun2:接收一个对象,并由这个对象去调用logName函数。而后定义了两个变量:【】obj是一个对象,里面定义了name(假设另命名为_name)的字符串变量。定义了logName(假...

JS高级入门教程

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

如何聪明地问问题

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