vv_bug

前言最近经常有小伙伴问我一些关于 Vue3.0 的问题，有些甚至恐慌 Vue3.0 发布后自己不会咋办？会不会以后就要失业了呢？当一些新技术的出现，总有些人会对自己不自信，当然，你问我怕不怕？说实话，我是一点都不慌的，别人写出来的东西你去用你还怕啥？无非就是你自己在怀疑你自己能力罢了，年轻人怕啥？干就完了！不过既然有小伙伴问到了 Vue3.0，我还是花了点时间去研究了一下，下面就聊一下当我遇到新技术的时候我是怎么做的。准备工作首先我简单的浏览了一下 Vue3.0 的 官网，然后重点浏览了一下跟 Vue

最近项目中有小伙伴找到我，问我“为啥他写的页面第一次进去可以触发 onCreate 函数，第二次再进的时候就不触发了呢？”（因为我们项目是一个大型的项目，每个开发可能只接触到自己开发的一小部分），然后我就说你可以试着在 activated 钩子函数中做处理，然后他又接着问我“activated 钩子函数又是怎么调用的呢？”，ok！这小子是问上瘾了，我们下面就来详细解析一下。keep-alive<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <tra

简介JavaScript 作为一种弱类型的语言，类型推断只能提供很有限的支持，TypeScript 提供了一种描述对象形状的方法。可以帮助提供更好的文档，还可以验证你的代码可以正常工作，在一些大型的项目中，使用 TypeScript 非常必要，从代码层次就已经避免了很多错误，而且方便文档的书写，最主要的就是后期迭代特别爽，但是对于没有接触过强类型语言（Java、C）的童鞋来说，TypeScript 上手还是有点困难了，单就目前前端发展趋势来说，TypeScript 还是很重要的，想了解更多 TypeScr

你是不是也和我一样，总忘记~和^的区别？（哈哈，或者你压根就不知道？）哈哈，不瞒你们说，今天忍住没看源码只盯着semver的api看了很久（????真是的又长又丑），终于是看到它的规律了（已经懂了的大牛就略过哈）我们常见的大概有这些：~1.0.0(^1): >=1.0.0 <1.1.0 ( >=1.0.0 <2.0.0)~1.0.1(^1.0.1): >=1.0...

parse–>AST(解析源码为ast)if (ast) { if (ast.type === "Program") { ast = t.file(ast, [], []); } else if (ast.type !== "File") { throw new Error("AST root must be a Program or File no...

前言：好久没写博客了，今年确实有点小忙，学习跟工作都很充实，身边也有小伙伴也经常说：技术是学不完的，能不能专一搞点自己喜欢的东西呢？学完新技术然后过几年又没了，岂不是白学了呢？ 哈哈～ 说的确定有一点道理啊，但是没办法啊，新技术还是得去了解啊，至少要去看看别人的文档跟设计思想吧，也不怕小伙伴笑哈，最近还在补js跟css基础知识，学无止境，加油吧～骚年！前面有写过两篇vue的源码的文章，有兴趣的童...

前言：对于前端开发而言，写写ui想必对于小伙伴来说也就是分分钟的事，大部分的时间可以说都是耗在后台接口对接加调试上了，当然，这也不能怪后端的小伙伴，因为主要逻辑都在后端，他们还是比较辛苦滴，为了让前端跟后端依赖性降低，因此提前定义好接口文档就很必要了，那接口文档出来后，我们想模拟mock数据又该怎么办呢？哈哈，之前做android没接触过web前端的时候，都是java结合tomcat直接搭建一个...

前言：之前做android的时候还是比较反感做h5的童鞋的，因为感觉他们只是在浏览器上适配一下，然后负责任的会在自己手机上看一下ok后，就不管了，然后android机型太jb多了，每次一遇到问题测试就会说：“看吧看吧，在ios上好好的，为啥到android上就不行了，然后android小伙伴很懵逼，md这能怪我啊？”，哈哈，如今自己也开始接触web前端了（打脸了），每次为了不让原生小伙伴也向我之前...

前言:vue全家桶的内容我们已经研究过了vuex、vue-router,有兴趣的童鞋可以去看看我之前的两个系列的文章vuex源码解析一、vue-router全解析一,之前结合项目分析vuex的时候,当我们需要在vuex的action中处理路由跳转的时候,没认识vuex-router-sync的时候,我一般都是直接拿到router对象,然后稍微封装了一下进行跳转的,哈哈~~ 在看vue的github...

前言：vue已经放弃维护vue-resource了，然后推荐使用axios，这一推荐不得了了，axios的人气大增啊，在github已经是50多k的star了，axios算是成功打入了vue全家桶了，既然官方这么推荐，我们接下来就来研究一下axios，顺便再啰嗦几句，我们一直在研究这个框架那个框架的，其实说白了，框架其实就是别人的一种编程思想，都是一些大牛总结的一些编程经验，形象一点就比如一辆汽车...

前言:这几天一直看怎么样优化页面加载速度,一个页面的加载等待时间很长的话,确实很不友好,反正如果是app的话,我会直接卸载的,所以各个厂商为了能让用户尽快的看到页面内容做了一系列的操作(预渲染、ssr、同构等等),我们今天来看一下预渲染.什么是预渲染?为什么需要用预加载呢?以一个vue的spa(单页面)应用为例,我们用打包工具打包完毕后,我们的页面大概是这样的:然后我们运行下页面后:...

前面我们有介绍了什么是预渲染、使用场景、然后简单的介绍了预渲染的集成过程,感兴趣的童鞋可以去看一下vue预渲染之prerender-spa-plugin解析(一),这一节我们重点来研究一下prerender-spa-plugin的源码.附上prerender-spa-plugin的github地址: https://github.com/chrisvfritz/prerender-spa-plu...

前言:接触vue已经有一段时间了,前面也写了几篇关于vue全家桶的内容,感兴趣的小伙伴可以去看看,刚接触的时候就想去膜拜一下源码~可每次鼓起勇气去看vue源码的时候,当看到几万行代码的时候就直接望而却步了,小伙伴是不是也跟我当初一样呢? 下面分享一下我看vue源码的一些感触,然后记录一下我对源码的理解,欢迎指正,纯属个人笔记,大牛勿喷!我们直接上一张vue官网的vue的生命周期图:我们跟着源...

前言:前面我们根据vue官网的生命周期图走了一遍vue的源码,感兴趣的小伙伴可以去看我之前的文章Vue源码解析(一),今天我们重点研究一下render跟mount方法,这也是vue中两个比较重要的方法了,废话不多说了,我们开撸~~我们先回顾下上节内容,我们打开vue的源码,然后找到/vue/src/core/instance/init.js: Vue.prototype._init = fun...

**前言：每次在android、rn跟h5中切换的时候，代码总是会闹各种笑话，比如在rn中变量都是包含在“{}”只有一层花括号，但是在vue中“{{}}”会有两层花括号，样式的话rn是驼峰fontSize这种，但在h5中是font-size,然后在android中老喜欢把一个字符串定义为String a=‘123’,/苦笑，说多了都是泪啊，也做了1年多的rn了，总觉得自己react上手应该问题不大...

上一节前端入门之(vue-router全解析二)我们带着vue-router的push方法走了一遍源码,然后还分析了router-view的源码,最后还差router-link组件没有分析了,我们今天继续vue-router解析.我们在源码中找到router-link组件的代码:var Link = { name: 'router-link', props: { to: { ...

JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。Mac： chrome49以前版本open -a "Google Chrome" --args --disable-web-securitychrome49以后版本open -a /Applications/Google\ Chrome.app --args

前言：刚学h5没多久，感觉吧比android难多了啊，特别是适配，真尼玛苦逼啊，不过h5的大牛还是很多的，毕竟这么多年了，随便一搜就一大堆，正是因为这样，今天刚好后台需要用des对称加密传输数据，然后就上网一搜，真尼玛一大堆啊，最后找到了一个叫crypto-js的库，down下来的时候不会用，尼玛尴尬了，于是就当笔记记下来了，大牛勿喷～！先附上官方git链接：https://github.com/b

前言：项目终于要结束了，终于是过上了正常上班族的日子了，说多了都是泪啊，感觉短短几个月下来都有点怀疑人生了，怪不得说程序猿是一个吃青春饭的职业，哈哈～就像这只笔一样～～～ 项目开始之前：项目结束这只笔是这样的：哈哈～～进入我们今天的主题哈，项目快结束了，所以每天都在考虑怎么优化之前写的代码，于是看了看之前的网络请求，然后顺便看了看fetch的源码，觉得还是应该把自己理解记录下来～ 大牛略过哈！先看

1、退出浏览器 2、open -a /Applications/Google\ Chrome.app --args --disable-web-security --user-data-dir

上一节前端入门之(vuex源码解析一)我们简单的过了一下vuex的源码,然后也大概了解了vuex的原理,这一节我们继续带着demo,然后对照着vuex源码做解析.先看一张官网文档vuex工作的流程图: 可以看到,当我们点击view中的某个按钮(+号)然后触发了一个action(‘increase‘)然后action继续commit到了mutation,mutation改变state(st...

博客已经停滞了一段时间了,目前一年是在跟js打交道,从最初的android到React-Native然后再到H5,也就短短的1年的时间,几乎明天都在学习,我tm都佩服我自己是怎么坚持下来的……^^,因为有android基础,所以RN上手相对容易一点,但是对于h5真的是从几乎0开始,一开始做东西的时候是灰常恐惧的,都不知道自己写出来的东西运行起来到底咋样,慢慢的遇到的坑多了,也就没什么感觉了(虽然现...

前言: 这两天听到最多的就是“假疫苗“事件了,唉唉~~ 真的是为了利益可以不管不顾一切啊,这可能也是当今社会的一个现象,悲哀!! 说是有台风啥的,在家一个人默默地待了两天,一个人的时候总喜欢胡思乱想,甚至会花上一整天的时间思考完整个人生,有时候真希望自己能够活得天真或者自私点,这样就不会有太多烦恼了.bb了一会进入今天的主题哈,入坑前端也有一段时间了,从android的(data-bindi...

上两节前端入门之(vuex源码解析二)我们把vuex的源码大概的撸了一遍,还剩下(插件、getters跟module),我们继续哈~插件童鞋们可以去看看vuex在各个浏览器的状态显示插件,小伙伴可以直接看官网然后集成哈,我这边网连github太慢了,就不带着一起安装了,附上vue-devtools插件地址: https://github.com/vuejs/vue-devtools我们简...

前言: 之前做android的时候,会接触各种图片加载框架,也自己封装过,封装网络框架目的无非就是为了提高图片的复用性、减少内存消耗、监听图片的加载过程等等.换成web前端其实是一样的操作,好啦! 说了那么多我们来简单的实现一个图片加载框架,小伙伴跟紧了哦!!!因为一直在做vue,所以我就以vue为基础来开发我们的图片加载框架了,我们新见一个vue项目,然后运行(我就以之前的vuex的demo...

前言: 2018已经过了一大半了,并没有感觉在本命年中有啥不顺的,每天过得还是挺开心的��,很感谢身边的朋友一路的陪伴,感恩!! 已经半年多没回家了,不久前跟麻麻发了一个视频,跟过年比,家里妹妹长了10cm,麻麻瘦了10kg,我家狗狗从小奶狗长到了30kg了,麻麻说:“你胡子长了要刮一刮了” ��! 才发现自己真的不小了~~为梦想历经沧桑、阅尽千帆、归去才发现自己早已非少年了啊!!! 不逼逼了...

我们继续我们上一节的前端入门之(vue图片加载框架一)往下~~上一节我们最后已经把框架的基本构造弄完了,最后也能够看到我们的效果了: 可以看到,我们已经简单的实现了我们的占位图的功能了,然后代码很简单:&lt;template&gt; &lt;div class="opt-container"&gt; &lt;img v-lazy="{src:111+images[1]}...

前言: 一直想着啥时候能把vue全家桶的东西源码全部撸一遍,可惜无奈能力有限啊(哈哈,最近一直在补js基础),看vuex代码的时候觉得也还好,基本上是边学边解析源码的方式把vuex撸了一遍(毕竟整个vuex加起来也没多少代码),可当碰到vue-router的时候,首先就被它那几千行代码吓到了,刚开始看的时候是有点懵逼啊,所以把vue-router官网上的api看了一遍又一遍, 然后带着某个api功...

前言: 一直想着啥时候能把vue全家桶的东西源码全部撸一遍,可惜无奈能力有限啊(哈哈,最近一直在补js基础),看vuex代码的时候觉得也还好,基本上是边学边解析源码的方式把vuex撸了一遍(毕竟整个vuex加起来也没多少代码),可当碰到vue-router的时候,首先就被它那几千行代码吓到了,刚开始看的时候是有点懵逼啊,所以把vue-router官网上的api看了一遍又一遍, 然后带着某个api功...

前言： 一开始公司觉得RN很火，然后转型RN,刚听到ios上线可能有风险，于是公司放弃了RN开始转向H5,我能说大公司就是任性么？／苦笑，当初作为android招进去，学完rn继续学习h5，感觉不要不要的啊，不管咋样，多学点技术还是没有坏处的，所以加油吧！！不啰嗦了～ 最近学完前端基础知识后，然后准备学习vue框架，最后用webpack打包项目的时候遇到了一个坑额。运行完：$npm run buil