- 博客(9)
- 收藏
- 关注
原创 VUE3.0详解(一)ref,reactive,toRef,toRefs,setup概念及实战
vue3.0,ref,refs,toRef,toRefs,setup
2024-04-08 15:39:04
697
1
原创 java spring中IOC的理解
由于工作需要,我也是接手了后台接口编写的任务,通过一段时间学习,我对spring这个框架也有了一定的理解,在此记录一下IOC:iversion of control,控制反转,要明白这个特点,首先我们要搞清楚什么是控制,什么是反转1:控制,在传统的java应用里,我们需要使用一个类,都是我们通过new去主动创建依赖对象,以此来使用他的方法,这样的方法就是正向,缺点很明显,耦合度高,结构复杂,难测试。有正向就有反转,IOC不是一种技术或者特定的函数,代码,它是一种设计思想,IOC发起了一种主从转换的革命,
2020-12-08 17:05:05
209
原创 vue中computed与watch的理解
使用vue这个框架已经很久了,其间也遇到了很多的坑,在此记录一下,给自己一个总结,希望也能给大家带来一些启发(总结在文章末尾)首先说一下computed,定义:计算属性,对数据进行一些处理,筛选,但不影响原数据eg:```javascript<div id="v1"> <!--这里显示的是computed中的函数--> 共计:{{ total }}</div><script src="vue.min.js"></scr
2020-11-23 16:49:20
136
原创 vue中wangeditor富文本编辑器的引入
wangeditor:由于业务需求,需要在后台管理系统中来给新闻模块添加新的新闻,思来想去,突然想到有一款插件叫富文本编辑器,这种东西可以手动排版出一篇新闻稿,随后还可以获得编辑框内的HTML内容。那构思完成,开始实践,在网上大量的寻找,看到有千奇百怪的富文本编辑器,最后选定了这一个,wangeditor,轻量,方便,几行代码即引入。(强烈推荐)但是缺点也有,就是功能没那么多,下面我分享一下引入的流程和期间遇到的坑吧下面我说一种最简单的引入方法首先打开powershell,npm install wa
2020-11-20 15:42:45
1027
原创 link和@import的区别
这个问题都算我们前端开发者的老朋友了,偶尔想起但总是很容易忘记,今天再记录一次,以便记忆从本质上讲,这两兄弟的作用都是为了加载css文件,但是他们从性能上,从兼容性上,都有细微的差别,这些差别很容易混淆,所以我再列举一遍把1.本身性质差别link属于HTML的一个标签,它除了加载css文件之外,还可以定义RSS,定义ref链接等等,@import是css提供的一种方法,他只能用来加载css文件2.加载顺序的差别当我们浏览网页时,link引用的css会同步加载,但@import引用的css文件会等到
2020-09-11 14:49:30
148
转载 步步深入,理解vue的双向绑定 二(vue的订阅者模式)
在Vue开发中,一些大型项目或者涉及到一些很复杂的组件,需要在不同父组件下面的子组件或者孙组件之间传递数据的。如下图:可以看出,数据从2号传到4号,就得经过7号,10号,再从10号传到8号,再传到4号,过程非常复杂,代码也显得非常臃肿,难以维护。显然仅仅用单向数据流或者双向绑定,并不能很好的满足我们的开发要求。这时候,我就推荐使用全新的开发模式,发布-订阅模式,它是基于Vue的on,on,on,off,$emit这三个API开发。原理是创建一个事件中心绑定到每个组件上面,只要有一个组件的有新的数据发布
2020-07-31 14:38:36
243
原创 浅谈对token的理解
token,归结为两个词:安全,方便首先说token的流程:客户端使用用户名跟密码请求登录服务端收到请求,验证用户名与密码验证成功后,服务端会签发一个 Token,再把这个 Token 发送给客户端客户端收到 Token 以后可以把它存储起来,比如放在localStorage中客户端每次向服务端请求资源的时候需要带着服务端签发的 Token服务端收到请求,然后去验证客户端请求里面带着的 Token,如果验证成功,就放行...
2020-07-28 15:11:36
821
原创 子组件如何调用父组件的异步数据
项目开发过程中,我使用了elementui中的table并把他封装成了组件在首页调用,但我的数据实在父组件中通过axios请求接收的,一开始我使用了普通的父组件传值,但是并不管用,table子组件收不到这个异步数据,这种情况怎么办呢?首先我们来看一下子组件和父组件的生命周期顺序父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounte
2020-07-28 11:49:04
1088
1
原创 步步深入,理解vue的双向绑定一(Object.defineProperty)
Vue双向绑定原理学习笔记(一) 相信大家使用vue的时候,一定不可避免地使用过vue的双向绑定,那么双向绑定的原理是啥? 一直很好奇。但一直忙于项目,现在有了时间,终于可以一探究竟了。和很多人一样,我刚开始不知道如何下手,就直接百度了一下双向绑定原理,看到最多的字眼就是 Object.defineProperty,由此可见,这个东西应该是双向绑定的核心之一,那么本片笔记就主要记载这个Object.definePropertyObject大家都知道,是js中最大的那个对象,那么从这个结构上我们可
2020-07-22 14:59:02
166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人