- 博客(17)
- 收藏
- 关注
原创 uni-app
uni-app是一个使用vue.js开发的所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。uni-app的数据绑定和vue的是一致的,通过{{}}来加载定义在data中的数据,也可以通过v-bind对属性进行绑定。
2024-05-14 19:27:26 751 2
原创 vuex、混入和路由守卫
Vuex 是⼀个专为 Vue.js 应⽤程序开发的状态管理模式 + 库。它采⽤集中式存储管理应⽤的所有组件的状态路由守卫就是路由跳转过程中的一些钩子函数 ,在路由跳转的时候,做一些判断或其它的操作。类似于组件生命周期钩子函数。
2024-05-09 16:07:58 299
原创 ref、插槽、 跨域、计算属性和监听属性
浏览器的⼀种安全协议,只要协议 主机 端⼝号有⼀个不⼀致就会产⽣同源策略,从⽽引发跨域问题。computed和data平级, 不能与data⾥⾯的数据重复。提供给⽗组件的⼀个占位符,在⼦组件声明slot标签。
2024-05-09 15:49:54 211
原创 vue脚手架,过滤器,路由以及生命周期
vue create 项⽬名Vue.filter(‘过滤器的名字’,回调函数function(data:管道符前⾯的数据,format:传递过来的数据){})filters:{ 过滤器的名字(data:管道符前⾯的数据,format:传递过来的数据){}}vue.directive(‘⾃定义指令名字’,{只调⽤⼀次:bind(el:绑定的元素,binding:信息对象){},元素渲染之后执⾏:inserted(){},更新:update(){}})directives:{1、⾃定义指令名字(){} 2
2024-05-09 14:57:04 815
原创 微信小程序
关闭当前⻚⾯,跳转到应⽤内的某个⻚⾯。但是不允许跳转到 tabbar ⻚⾯。保留当前⻚⾯,跳转到应⽤内的某个页面。但是不能跳到 tabbar ⻚⾯ 能传参。跳转到 tabBar ⻚⾯,并关闭其他所有⾮ tabBar 页面 不能传参。关闭所有⻚⾯,打开到应⽤内的某个⻚⾯ 能传参。
2024-05-07 21:00:17 269 1
原创 小程序初识
小程序是一种新的开放能力,可以在微信内被便捷地获取和传播,同时具有出色的使用体验。修改渲染层的数据调用 this.setData()tabbar中的list至少2个,最多5个。定义时用name,使用时用is。
2024-05-06 16:57:18 252 2
原创 TypeScript
TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript,主要提供了类型系统和对JavaScript新标准的支持。使用现有的JavaScript代码, TypeScript可以编译出纯净、简洁的JavaScript代码,并且可以运行在任何浏览器上。使用高效的开发工具和常用操作比如静态检查和代码重构。提供最新的和不断发展的JavaScript特性。
2024-04-16 10:07:46 167 2
原创 微任务和宏任务
宏任务和微任务表示异步任务的两种分类宏任务:包括整体代码script(可以理解为外层同步代码)、settimeout、setInterval、i/o(输入输出)、ui render(将页面元素渲染成用户可见的界面的过程)微任务:promise、object.observe、MutationObserver(监听DOM树的变化)
2024-04-12 20:00:55 179
原创 重绘和回流
重绘(repaint):当页面中的样式的改变,但不涉及到元素位置变化(列如:color,background-color,visibility),浏览器回将新样式赋予给元素并重新绘制它,这个过程称之为重绘。回流(reflow 通常称为:重排):当渲染 树中部分或全部元素的尺寸,结构,或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程称为回流。7,调整浏览器窗口大小(可能会影响元素的相对位置变化,所以会触发回流)1.元素的颜色,透明度,及背景色等发生改变时。3,改变元素大小(内外边距,边框 ,宽高)
2024-04-12 08:55:04 268
原创 vue组件、axios和动画
axios.post(url地址,请求参数,对象{headers:{}}).then(response=>{})模块化: 从代码功能逻辑的⻆度划分,方便代码分层开发,保证每个功能模块的职能单一。axios.get(url地址+参数).then(response=>{})在⻚面中有个 components属性 进行导入组件,把组件名当做标签使用。拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块。组件化:从UI界面的⻆度划分,前端的组件化,方便UI组件的重用。
2024-03-29 03:20:15 201 1
原创 模块化中普通导出和默认导出的区别
在导出时每个导出项都需要使用特定的名称进行导出,在导入时也需要使用相应的名称进行引用。默认导出在导入时可以使用任何名称进行引用。普通导出可以写多个值。默认导出只能写一个值。
2024-03-24 22:16:03 211 1
原创 new关键字的作用和底层原理
一、new关键字的作用1、实例化对象,返回一个新对象2、让构造函数中的this指向实例化对象二、new关键字的底层原理1、创建了新对象,开辟内存空间,地址存在栈中,数值存在堆中2、通过call()方法改变构造函数中this的指向,指向实例化对象3、实例化对象的指针指向构造函数的原型,地址相同,属性和方法都能继承
2024-03-07 21:55:28 391
原创 var、const、let的区别
6、const声明的变量会产生暂时性的死区,只能在当前块作用域中查找。在全局作用域声明的变量是全局变量,在局部作用域声明的变量是局部变量。4、let声明的变量会产生暂时性的死区,只能在当前块作用域中查找。5、const声明的变量只在当前块作用域中有效。2、const声明的变量是常量,不能发生改变。3、let声明的变量只在当前块作用域中有效。4、const声明的变量不能重复声明。2、let声明的变量不能重复声明。3、const声明的变量不能提升。1、let声明的变量不能提升。
2024-03-07 21:40:17 359
原创 js中this的指向问题
(4)可以改变this的指向,如果有多个参数,第一个参数是window或者null,第二个参数是数组(数组里是参数)(3)可以改变this的指向,如果有多个参数,this指向第一个参数,剩下的是参数列表。(2)可以改变this的指向,如果没有参数,this指向window。(2)可以改变this的指向,如果有一个参数,this指向参数。(3)可以改变this的指向,如果有一个参数,this指向参数。(3)可以改变this的指向,如果有一个参数,this指向参数。(4)在对象的方法中,this指向当前对象。
2024-03-06 21:40:04 304
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人