- 博客(86)
- 收藏
- 关注
原创 compositionAPI和OptionsAPI
直到Vue 2,有一种方法可以在Vue中创建组件。在Vue 3中,引入了一种新的方法,叫做Composition API。现在,如果我们想在Vue中制作一个组件,我们有两种方法可以做到。你可能想知道到底有什么区别,所以让我们看看较新的Composition API与Vue 2的方法有什么不同,后者现在被称为Options API。
2023-12-23 17:20:00 572
原创 说说对React refs 的理解?应用场景?
React 中的Refs提供了一种方式,允许我们访问 DOM节点或在 render方法中创建的 React元素。本质为ReactDOM.render()返回的组件实例,如果是渲染组件则返回的是组件实例,如果渲染dom则返回的是具体的dom节点。
2023-12-23 17:16:37 865
原创 浅拷贝与深拷贝两者之间的差异及影响
拷贝(Copy)是一个常见的操作。它涉及将数据从一个地方复制到另一个地方。然而,根据复制的深度和方式,我们可以将拷贝分为浅拷贝和深拷贝。这两种拷贝方式在处理数据和性能上有显著的区别。
2023-12-01 09:23:00 426
原创 vue中data为什么是一个函数
vue中的data是一个对象类型,对象类型的数据是按引用传值的,这就会导致所有组件的实例都共享同一份数据,这是不对的,我们要的是每个组件实例都是独立的。为了解决对象类型数据共享的问题,我们需要将 data 定义成一个函数,每个实例需要通过调用函数生成一个独立的数据对象。vue实例中的data属性既可以是一个对象,也可以是一个函数。如果为组件data直接定义为一个对象的话就会报错。实例和组件定义data的区别。组件中定义data属性,
2023-12-01 09:20:07 530
原创 vue3新特性 compositionAPi与React.js中Hooks的异同点
React核心团队 奉.上的采纳策略是不反对类组件,所以你 可以升级React版本、在新组件中开始尝试 Hooks,并保持既有组件不做任何更改。应是基于proxy的,对数据直接代理观 察。(这种场景下,只要任何一个更改data 的地方,相关的function或者template都会 被重新计算,因此避开了React可能遇到的 性能上的问题)。React中,数据更改的时 候,会导致重新render,重新render又会重 新把hooks重新注册一一次,所以React复杂 程度会高一些。
2023-12-01 09:16:27 703
原创 v-show和v-if的区别
2、v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。1、v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。1、v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。1、v-if 与 v-show 都可以动态控制 DOM 元素的显示隐藏。1、v-if 有更高的切换开销,v-show 有更高的初始渲染开销。v-if和v-show的区别。
2023-12-01 09:12:56 427
原创 vue的模板语法
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。在vue中 前面带v-的都是vue指令。vue提供了完全的 JS 表达式支持。
2023-12-01 09:10:14 483
原创 Uniapp
UniApp是一个基于Vue.js开发的跨平台应用开发框架,它可以帮助开发者使用Vue.js语言一次开发多个平台的应用程序,包括iOS、Android、H5等。UniApp使用了组件化的开发方式,使得开发者可以快速构建出高效、稳定的应用程序。
2023-12-01 09:04:58 788
原创 新版微信小程序通过接口获取背景图和二维码(页面)
拿数据的时候是在接口里面直接去写,是因为试过了很多办法,在接口之外的话没办法拿到那个code,也许是自己方法使用不当..当然,肯定不值这一种方法,可以多尝试,这个方法也是和朋友沟通,看了他的方法才整出来的。
2023-12-01 08:59:01 541
原创 Vue3 setup语法糖
setup不能是一个async函数,因为返回值不再是return的对象,而是Promise,模板看不到return对象中的属性。setup属性,会让打包工具打包时,直接帮我们把setup函数内部声明的变量/函数 return,然后组件就可以用了。- Vue2.x配置(data,methods,computed......)中可以访问setup中的属性,方法。- 组件中所有用到的:数据、方法等等,均要配置在setup中。1、setup() 这个函数内部的变量/函数是局部的。- 如有重名,setup优先。
2023-12-01 08:54:53 606
原创 super()和super(props)有什么区别?
在ES6中,通过extends关键字实现类的继承,super关键字实现调用父类,super代替的是父类的构建函数,使用super(xx)相当于调用sup.prototype.constructor.call(this.xx),如果在子类中不使用super关键字,则会引发报错super()就是将父类中的this对象继承给子类的,没有super()子类就得不到this对象
2023-11-27 08:13:40 499
原创 其他值到数字值的转换规则?
有时我们需要将非数字值当作数字来使用,比如数学运算。为此 ES5 规范在 9.3 节定义了抽象操作 ToNumber。
2023-11-27 08:12:45 369
原创 跟 keep-alive 有关的生命周期是哪些?
组件是没必要多次渲染的,所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态,避免重新渲染
2023-11-27 08:12:13 518
原创 MVVM、MVC、MVP的区别
在开发单页面应用时,往往一个路由页面对应了一个脚本文件,所有的页面逻辑都在一个脚本文件里。页面的渲染、数据的获取,对用户事件的响应所有的应用逻辑都混合在一起,这样在开发简单项目时,可能看不出什么问题,如果项目变得复杂,那么整个文件就会变得冗长、混乱,这样对项目开发和后期的项目维护是非常不利的。
2023-11-27 08:11:25 396
原创 圣杯布局和双飞翼布局
圣杯布局(Holy Grail Layout)和双飞翼布局(Double Wings Layout)是两种常见的多列布局技术,用于实现一个固定宽度的主内容区域,以及左右两侧可变宽度的侧边栏。
2023-11-17 09:48:18 1490 1
原创 vue中间件
在Vue中,中间件通常是指用于处理路由请求的插件或函数。Vue Router是Vue.js官方提供的路由管理器,它支持使用中间件来处理路由导航。
2023-11-17 09:45:33 868
原创 vue深度监听
通过深度监听,你可以跟踪嵌套对象或数组中属性的变化,而不仅仅是顶层属性的变化。这对于在响应式数据发生改变时执行特定操作非常有用。
2023-11-17 09:39:48 1006
原创 uniapp自定义组件
在UniApp中,你可以使用自定义组件来拓展应用程序的功能和界面。自定义组件是由多个Vue组件构成的,可以在应用程序中重复使用。
2023-11-17 09:37:13 809
原创 TypeScript
TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,意味着所有合法的JavaScript代码也是合法的TypeScript代码。TypeScript通过添加静态类型来扩展JavaScript的功能,从而使得代码更易于维护、理解和调试。
2023-11-17 09:35:14 43
原创 简单写一个Avue增删改查
简简单单的写了一个页面的增删改查,思路很简单。如果在写那种后台管理项目,基本上全是列表页,用这种方法写出来第一页,基本上只要是列表页、简单的增删改查,直接cv过去更改接口,没有比较棘手的功能单纯的写这些。基本上一个小时就可以拿下小项目。
2023-04-16 09:29:32 2554 4
原创 JavaScript基础
JavaScript 是一种动态、面向对象、解释型编程语言。它最初是由 Netscape 公司开发的,现在已经成为了一种广泛使用的编程语言。JavaScript 可以用来创建网站、Web 应用程序、桌面程序和游戏等等。
2023-04-01 14:18:08 724 1
原创 cookie和localStorage的区别特点
cookie数据存放在浏览器中,session数据存放在服务器上cookie是不安全的,别人可以分析存放在本地的cookie并进行cookie诈骗,考虑到安全性能,应尽量使用session单个cookie保存的数据不能超过4k,很多浏览器都限制一个站点最多保存20个cookie
2023-03-29 09:25:14 102
原创 npm转为国内cnpm镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
2023-03-24 10:58:12 979
原创 什么是TS (Type Script)
TypeScript 是添加了类型系统的 JavaScript,适用于任何规模的项目。TypeScript 是一门静态类型、弱类型的语言。
2023-03-19 16:06:05 428
原创 javaScript型参与实参
javascript函数的参数与大多数其他语言的函数的参数有所不同。函数不介意传递进来多少个参数,也不在乎传进来的参数是什么数据类型,甚至可以不传参数。
2023-03-18 16:59:45 661
原创 js三元表达式
三元表达式又叫三元运算符,必须有三个操作数参与的运算操作符号:? :表达式:在参与js 程序时,都必须先计算出表达式结果,才能参与后续程序由于三元表达式具备了一些选择的效果,所以也是一种条件分支语句
2023-03-10 10:33:53 5035
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人