vue
文章平均质量分 95
前端小阿飞
前端小白一枚,请指教。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue源码解析1 之数据响应之谜(数据侦测)
我与vue源码之前写过一篇死磕vue源码,写了一篇就真心写不下去,vue的代码现在健壮的不要不要的那么写会越写越乱,最后会搞到自己都看不懂的地步。我写文章也是东一榔头西一棒锤,今天就继续搞vue的源码,不过这次的策略不一样的。我呢,分析了一下vue的几件神器:数据响应式(也就是数据侦测);AST抽象语法树(个人理解就是虚拟DOM, 把字符串的DOM模版转换为对象形式的DOM树);diff算法(最小量更新);当然了个人理解,vue就是以这几件大神器为底,建造起了一个前端框架。数据侦测每个框架原创 2021-05-31 15:59:44 · 365 阅读 · 0 评论 -
uni-app扫雷先锋之封装自己的poppup弹窗组件nvue
uni-app扫雷先锋封装自己的poppup弹窗组件实际需求组件注意事项封装自己的poppup弹窗组件先来个最终的效果图插件地址:https://ext.dcloud.net.cn/plugin?id=3603github地址:https://github.com/lifei5859/popup.git实际需求其实公司提的需求没有根据手指位置弹出弹窗,但是在封装的时候呢自己就抖了个机灵,把这个功能也封装到里面了,自己感觉写的还是不是很好。上次icon的篇文章就提到了nvue的问题,这个组件也支原创 2020-12-06 22:37:08 · 1934 阅读 · 0 评论 -
uni-app扫雷先锋之nvue的文字图标,封装自己的图标按钮
uni-app扫雷先锋实际需求第一次遇坑第二次尝试-遇坑第三次尝试-图标出现了封装字体图标上次还说nvue以后讨论今天就来了,nvue呀怎么说呢,官方的说法是性能好如何如何的,但是有些时候呢却逼着咱开发者不得不用,因为有些功能呢只有nvue有。。。比如地图组件的一大堆功能就只有nvue才能用,有些小伙伴说了引plus呀,可是引plus的话,小程序和app之间就会产生很多很多区别。行了废话就不多说了。。。实际需求字体图标这个东西相信搞开发的小伙伴们都不会陌生,用到它的地方特别的多,那么在nvue中它有多原创 2020-11-25 16:29:55 · 977 阅读 · 0 评论 -
uni-app扫雷先锋之swiper的高度
uni-app扫雷先锋swiper组件实际需求解决方案一晃之间也不知道多久没来写一写了,一开始时还对自己承诺每周要写一篇,现在都快一年写一篇了。哎…忙的不亦乐乎我也没辙(好吧我承认这都是借口),这次就不做承诺了,反正迟早来写。可以说现在uni-app真的是风生水起,很多公司在做一些小程序和一些小的app都在用uni-app。这段时间我也深深的研究了一下uni-app这个大坑(当然了工作需要)。那真是大坑套小坑,三环套月的坑。今天来说一下,在开发过程中用uni-app的swiper组件写轮播图时它的高度的原创 2020-11-15 17:18:54 · 784 阅读 · 0 评论 -
vue进阶之路(vue源码解析)死磕vue源码(二)
咱们书接上回,先来看看画重点的地方。initRender(src/core/instance/render.js)在前面是怎么个流程,可以出门左转看死磕源码一。注意看源码先不要被细节缠住export function initRender (vm: Component) { // 这有个问题 vm是谁? 前面initMixin时 vm = this // vm 就是实例对象喽 ...原创 2020-03-11 16:13:58 · 216 阅读 · 0 评论 -
vue进阶之路(vue源码解析)死磕vue源码(一)
开头,中国加油,武汉加油。把混乱的时期拉回正轨。以现在的形式还有加一句全人类加油。vue源码解析大局观(梳理执行流程)上次写了一个简单版的vue其实就是通过读源码,加上看一些前辈的博客撸出来的。但是呢其实vue的源码我并没有看的太明白…,于是产生了死磕之心。首先随便找一个自己写的vue项目在项目目录下 node_modules/vue 撸一波结构我们重点先放在core(核心)上梳...原创 2020-03-10 18:46:14 · 2047 阅读 · 0 评论 -
写一个自己的简易版vue
写一个自己的简易版vue过年的这几天准备工作开始初始化观察者过年的这几天刚到家疫情就开始爆发,恰巧家里没有网,手机网络在老家的速度就像拖拉机,每天躲在家里,还好刚到老家时搞了些口罩,不至于返程时没有口罩可带。手机的网络速度到底什么样呢,用vue-cli建个项目就在那一直install,还有可能中途失败,哎。。。,没法练习vue了就把自己写好的简易版vue拿出来又撸了撸,还有点意思。准备工作...原创 2020-02-01 17:14:31 · 359 阅读 · 0 评论 -
vue手写轮播图组件
轮播图组件是大多数项目都有的需求,当然相关的库、插件多的很,但是呢我还是喜欢自己折腾一下。需求在做公司项目时其实需求很简单就是能滑动轮播,自动轮播,循环轮播完事了。需求版本首先html部分<template> <div class="my-swiper-box" ref="swiperBox"> <!-- 滑块主体 --> ...原创 2019-12-28 16:44:00 · 2049 阅读 · 0 评论 -
js笔记框架篇(vue)写一个vue的oast弹窗插件
继续来说vue,我刚到新公司的时候吧,正好有个新项目,当时呢这个项目已经写了个开头。代码拿过来捋了捋,我就问我的小前辈,为什么没用ui框架,他说,没意思那玩意也不会符合我们的全部需求自己写一样,我就一阵无语,作为一个新人,还是要听前辈的话,于是一系列插件,组件写到怀疑人生,今天就讲一讲弹窗插件。vue插件vue插件呢就是Vue.use(xxx),这个xxx要是个install函数大概就是这么个...原创 2019-12-05 17:36:41 · 381 阅读 · 0 评论 -
js笔记框架篇 vue(一)router原理
前面的内容呢,主要是在工作中主要是使用vue的,而这玩意用的久了,一些基础性的东西忘得就差不多了,所以一边复习复习,一边写成博客,加深印象,现在开始也写写的好伙伴vue的文章。vue-router前端的小伙伴们,对vue全家桶肯定是不陌生的,就算没用过也应该听过,而vue-router也是构建spa不可缺少的一份子,先简单说说用法。首先使用命令行工具npm: npm install v...原创 2019-11-20 22:22:20 · 499 阅读 · 0 评论
分享