- 博客(24)
- 收藏
- 关注
原创 vue3常用知识点
(1)通过Proxy(代理): 拦截对data任意属性的任意(13种)操作, 包括属性值的读写, 属性的添加, 属性的删除等;当从合成函数返回响应式对象时,toRefs 非常有用,这样消费组件就可以在不丢失响应式的情况下对返回的对象进行分解使用。对象: 通过defineProperty对对象的已有属性值的读取和修改进行劫持(监视/拦截);(4)内部基于 ES6 的 Proxy 实现,通过代理对象操作源对象内部数据都是响应式的。不用直接指定要监视的数据, 回调函数中使用的哪些响应式数据就监视哪些响应式数据;
2022-11-28 20:35:14
427
原创 微信小程序+uni-app知识点总结
对于一些独立的模块我们尽可能抽离出来,这是因为自定义组件的更新并不会影响页面上其他元素的更新;各个组件也将具有各自独立的逻辑空间。每个组件都分别拥有自己的独立的数据、setData调用。
2022-11-24 23:13:15
2518
原创 vue常用知识点总结
采用“数据劫持”结合“发布者-订阅者”模式的方式,通过“Object.defineProperty()”方法来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。
2022-11-23 22:00:34
408
原创 多行文字垂直居中实现--四种方法
center,即定义flex子项在flex容器侧轴方向上的对齐方式为center。4. 利用flex弹性布局,将父元素设置为弹性盒子,并设置父元素。设置vertical-align: middle。2. 先对父元素设置高度和行高(相等)3. 先将子元素设置为行内块元素。,再对子元素设置相对。
2022-11-22 12:06:58
1487
原创 H5C3常用知识点
background-clip:border-box(默认)/padding-box(不占边框)/content-box (不占边框和内边距)过渡的时间速度曲线:transition-timing-function:ease(默认慢快慢)/linear(匀速);动画的时间速度曲线:animation-timing-function:ease(默认慢快慢)/linear(匀速);background-orign:border-box /padding-box(默认)/content-box。
2022-11-20 20:44:39
703
原创 JS+ES6常用知识
(3)在 Promise 构造函数的 Prototype 属性上,有一个 .then() 方法,也就说,只要是 Promise 构造函数创建的实例,都可以访问到这个 .then() 方法;(7)我们可以在 new 出来的 Promise 实例上,调用 .then() 方法,预先为 这个 Promise 异步操作,指定成功(resolve) 和 失败(reject) 回调函数;什么是形式上的异步操作:就是说,我们只知道它是一个异步操作,但是它做什么具体的异步事情,目前还不清楚.
2022-11-20 20:42:10
197
原创 uni-app---事件总线
事件总线可以作为组件沟通的桥梁,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的灾难,因此才需要更完善的Vuex作为状态管理中心,将通知的概念上升到共享状态层次。事件可以由 uni.$emit 触发,回调函数会接收所有传入事件触发函数的额外参数。事件可以由 uni.$emit 触发,但是只触发一次,在第一次触发之后移除监听器。提供的回调必须跟$on的回调为同一个才能移除这个回调的监听器;
2022-10-27 20:45:10
1788
原创 微信小程序--day03
1、创建组件构造器使用的时Component配置文件中设置component:true2、引入组件首先声明这个组件,在配置文件声明3、设置插槽4、命名插槽开启配置。
2022-10-20 22:18:52
203
原创 微信小程序--day02
1.使用button组件的loading属性,在按钮的文字前边出现一个Loading2.wx.showToast显示提示(一般搭配wx.hideToast使用)3.wx.showModal模态对话框1.存储:wx.setStorageSync('list', {age:5})2.获取:wx.getStorageSync('list')(二)异步1.存储:wx.setStorage({ })2.获取:wx.getStorage({ })三、小程序界面间的跳转1.wx.navigateTo
2022-10-20 21:59:43
94
原创 微信小程序--day01
1.定义:app.js中的globalData中定义全局变量2.获取:在其他JS中可以通过getApp()获取App实例,之后可以获取到定义在App实例上的数据。
2022-10-20 21:53:08
250
原创 使用vue-cli创建项目
6. 选择路由模式(输入y和n都可以,y代表history模式没有#号,n代表hash模式有#号)7.选择css预处理器,就是会转化成css的语言。11.最后一步是是否保存特性(保存y,不保存n)2.在终端中输入vue create 项目名字。8.格式化和代码检测的配置,默认的就可以。9.代码格式检测时机,默认的就行。1.在vscode终端中 新建终端。3.选择第四项---自己选择配置。10.你希望配置放在哪里。4.选择125678项。
2022-09-27 00:31:53
180
原创 vue--day05 组件与路由
后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现。
2022-09-27 00:18:17
157
原创 vue--day04
什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模块化的不同:模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一(高内聚低耦合)组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用将模板字符串,定义到template标签中同时使用 Vue.component 来定义组件: (2)私有组件 [注]:组件中data属性必须
2022-09-22 20:06:48
151
原创 Vue--day03
beforeCreate:初始化尚未完成,data数据,methods方法都未挂在vue实例上( 一般用于页面重定向)控制不同的transition标签只需要给对应的加上name属性,再将css中原来v的位置替换成所写的name的值。.v-enter-active:动画进入过渡的状态。.v-leave-active:动画离开过渡的状态。.v-enter-to:动画进入时目的位置。.v-leave-to:动画离开时目的位置。.v-enter:动画进入时起始位置。.v-leave:动画离开时起始位置。
2022-09-21 22:16:27
96
原创 Vue--day02
filters这个是实例化Vue的一个参数,和data,methods平级的,里面放的就是我们这个实例的私有过滤器。value:指令的绑定值,例如:v-my-directive="1 + 1" 中,绑定值为 2。8.indexof():查询元素的索引,从前往后查找,获取到第一个元素的索引,如果没有返回-1。里面放的就是我们指令,这个对象键就是指令的名字,后面的对象就是指令的内容,和全局定义是一样的。在这里可以进行一次性的初始化设置。简写直接写一个函数,函数名就是指令的名字,其他和全局定义是一样的。
2022-09-20 22:17:47
107
原创 Vue初识
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!进行事件的绑定,我们用的最多的是click事件绑定,简写为@.capture 添加事件侦听器时使用事件捕获模式。里面也可以调用定义好的方法,拿到的是方法的返回值。括号里不加引号的都是我们data里的数据读取。
2022-09-19 22:01:18
588
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人