vue
文章平均质量分 65
陆康永
是时候开始明确自己写博客是为了什么,以前搞不懂,感觉挺浪费时间的,而且自己的水平写出了的博客可参考价值也不大,权当给以后的自己一个了解过去自己的机会,避免继续踩坑。
展开
-
vue 动态替换父组件
替换父组件??什么鬼???这个场景的确很少见!!不过我们要说的的确是要替换父组件!!!!!!就是子组件内容不变但是父组件变化我们要把父组件替换成其他的,虽然这种场景不大可能遇到,但是爱转牛角尖的我还是决定试一试!!原创 2024-08-30 00:49:55 · 414 阅读 · 0 评论 -
uniapp 重置表单数据
点击重置时候想重置form的数据,原创 2024-07-23 17:46:35 · 581 阅读 · 0 评论 -
简单双向绑定(二)
话接上文,之前的data不够纯粹,需要用户写set和get,现在改成如下在线访问数据 var data = { age: "10", name: "你好", person: [function() { console.warn("this.age", this.age) return `${this.age} _ ${this.name原创 2022-02-07 19:41:50 · 951 阅读 · 0 评论 -
简单双向绑定(一)
去年年底闲来无事,刷了下vue源码教程,就是这个,感觉看了后整体思路非常的通俗易懂。但是自己又不大愿意往深入看一个原因是静不下心来另外一个原因是源码实现的确又太多。整个教程过了一遍,大概就知道下入口文件如何划分程序,和双向绑定基本思路基本思路是啥来着?通过es2015的 Object.defineProperty 中get 收集依赖set 通知对应依赖函数执行还有哪个dep全程是depend的意思,也就是依赖^_^,看来明白变量名字的意思是有必要的每个单独vue组件都对应一个..原创 2022-02-07 18:48:08 · 989 阅读 · 0 评论 -
React-横屏适配 react-horizontal-screen 库
react-horizontal-screen这个库是我从我的vue-horizontal-screen中移植过来的,核心代码没有一丝的修改。那为什么我要写一篇笔记去记录它呢?这个我得好好想想。首先,作为一个程序员,我用于希望自己的代码可以复用,最好在市面上常见的平台或框架上面能够跑起来。开发过程中,能用同一个方案或者同一套代码解决,这是我希望的。毕竟,谁不想`偷懒`呢!!封装,复用另外,我在开发vue-horizontal-screen过程中把横屏适配的核心代码封装...原创 2021-05-12 10:22:37 · 1478 阅读 · 0 评论 -
活动倒计时的一些想法
经常会遇到秒杀或者活动倒计时的需求,这个应该是工作过程中经常能遇到的。不可避免的,会产生一些深入思考的行为。这篇笔记就记一下吧。场景:后台返回本次活动参与活动的产品的所有倒计时信息以及当前服务器的时间格式如下:const arr = [ { id: 0, end: Date.parse(new Date("2017-12-01 01:01:10")), now: Date.parse(new Date("2017-12-01 01:01:05")), }原创 2021-02-20 11:25:49 · 220 阅读 · 0 评论 -
VUE 数组性能优化以及踩雷
vue是数据驱动的,在减少成本的同事,一些不经意的操作会触发不必要的数据计算,严重情况下还会导致性能问题,这里暂时记录两项在官方文档上面搜不到说明,但是实际开发中可能及时遇到也没有留意到的场景。假设有数据如下:mapArr: { a0: [0, 0, 0], a1: [1, 1, 1], a2: [2, 2, 2], },自定义组件如下: <ChildrenCompnent :arr="mapArr['a0']" co原创 2020-10-14 00:00:47 · 949 阅读 · 0 评论 -
input file ajax 多文件上传
从业n年,一直以为多文件上传还是得一个个上传。因为之前一直都是这样处理,最近又碰到了这个问题,但是不能一个个上传,因为接口需要接受到所有图片后,返回他们的存储地址。一个个上传也不是不行,只是不方便。直接贴代码记录下<template> <div style="position:relative;"> <el-button type=...原创 2020-04-30 14:09:48 · 774 阅读 · 0 评论 -
vue-router 淘宝首页底部tab实现 (命名路由)
我一直对vue-router命名视图这个功能存在疑惑,没有找到这个使用东西场景。甚至过了2年后的今日几乎忘记这个东西了,突然因为项目需求的引导,发现了他的用处,暂且记录下主页面<router-view ></router-view><router-view name="tabBar"></router-view>路由:co...原创 2020-04-10 12:09:34 · 480 阅读 · 0 评论 -
像jquery那样快活使用vue
这个标题有点扯,vue和jquery不是一个东西,至少他们的设计思想和目的相差非常大。这里准确的表达应该是:函数式调用vue组件从vue1.0开始,我就有个疑问。例如model,dialog,toast这样的组件,如果按照传统的组件使用的话,无外乎是全局注册,然后通过data里面的变量来切换显示。但是,这些组件一般是一次性用的,并不想和原有的DOM耦合在一块,特别是一个页面有好几个mo...原创 2019-08-27 20:53:14 · 542 阅读 · 0 评论 -
vue路由组件强制刷新&&缓存更新
最近做用vue做后端管理页面的时候遇到一个问题:需要刷新子路由的页面背景:传统嵌套iframe的页面实现实现特别简单,只需要给替换iframe的链接就可以了vue可以考虑通过更新:key来触发更新(适用所有组件)`key的特殊属性主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes`<router-view :key=...原创 2018-07-24 15:37:56 · 12932 阅读 · 0 评论 -
vue指令的实际应用之后无限加载数据
监听滚动条来做数据加载这个功能在移动端网站上比较常见,几乎所有"UI框架"都提供了这个功能,特别是vue实现的更加不能例外。不过移动端有个非常大的弊端是不能通过监听滚动条来及时加载数据,必须等到滚动条完全结束才会执行回调onscroll这个可能是考虑移动端上面性能原因,但是有时候的确会造成很大问题。。。我们可以使用setInterval或者setTimeout来实现,而不是使用onscroll事件...原创 2018-05-07 21:48:24 · 923 阅读 · 0 评论 -
我想砍死我自己之vue的高级异步组件,react异步组件
目录:vue高级异步组件react异步组件“今晚我真的想砍死我自己。。。。。。。。。。。。。。。。。今晚我真的想砍死我自己。。。。。。。。。。。。。。。。。今晚我真的想砍死我自己。。。。。。。。。。。。。。。。。”********注意*下面纯属废话,吐槽,请忽略[***************************************************从vue1到现在vue2,已经使用...原创 2018-03-19 01:09:15 · 4555 阅读 · 1 评论 -
vue click ios11 点击第二次才有效,vue click ios11 点击第二次才有效
背景:最近我们的vue项目部分弹窗按钮出现点击时候需要点击第二次的时候才会触发设备:系统:ios11.01(15A402)微信版本:6.5.23第一反应是我们的程序出了问题1.@click对应的函数里面做了触发程序的过滤 例如:function(){ if(true){return;} console.log("我是需要执行的程序,应该过原创 2017-12-16 12:50:08 · 10263 阅读 · 0 评论 -
vue过渡动画
vue1:css:.fade-transition { transition: all .5s ease; opacity: 1; } .fade-enter, .fade-leave { opacity: 0; }js: 注意:入场和出场后需要修改的样式属性必须在fad原创 2017-10-11 17:36:50 · 403 阅读 · 0 评论 -
vue指令以及dom操作
“AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 通过内置的指令来为应用添加功能。AngularJS 允许你自定义指令。”这是我最初接触“指令”这个词。还记得那时候,ng大行其道的时候,我特别好奇怎么给一个div加一个"ng-app" 就能解决这么多问题。后来随着前端工作的深入,我用了jq的data-attr并且学会了jq的插件使用。但,这这并不能让我把它“指令...原创 2017-02-19 15:13:35 · 16395 阅读 · 0 评论 -
vue插件函数式调用【找回使用jq的回忆】
vue自组件函数式调用的实现原创 2017-02-19 15:48:15 · 3403 阅读 · 0 评论