- 博客(22)
- 收藏
- 关注
原创 uni-app
条件编译:用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。以 #ifdef 或 #ifndef +平台名称 开头,以 #endif 结尾。#ifndef:if not defined 除了某平台均存在。#ifdef:if defined 仅在某平台存在。通过跳转路径后面拼接参数来进行跳转传参。通过url拼接参数进行传参。小程序/uniapp传参。
2023-11-28 20:32:53
374
原创 小程序问题
view、text、image、button、swiper和swiper-item。新增了rpx尺寸单位、提供了全局样式和局部样式、wxss仅支持部分css选择器。wx:for实现条件渲染 或 block结合wx:for使用。wx:if实现条件渲染 或 block结合wx:if使用。DOM和BOM:小程序没有BOM与DOM的概念。优势:容易推广、使用便捷、体验良好、成本更低。通过getAPP()函数获取APP实例、getApp:获取app信息。wx:提供一些重要的接口。使用双花括号:{{}}
2023-11-27 20:16:17
413
原创 微信小程序题
WXSS 是一套样式语言,用于描述 WXML 的组件样式,用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。WebSocket 通信(wx.connectSocket)WXSS 扩展的特性有: l 尺寸单位 l 样式导入。下载文件(wx.downloadFile)HTTPS 请求(wx.request)上传文件(wx.uploadFile)
2023-11-24 20:21:10
354
1
原创 微信小程序题
目录小程序中携带cookie微信小程序中页面跳转微信小程序参数传值的方法小程序中携带cookie在登录请求后读取 返回值的, header的cookie,并本地存储wx.setStorageSync(“sessionid”, res.header[“Set-Cookie”])在下一次请求的时候设置header,并写入cookieheader = {‘content-type’: ‘application/x-www-form-urlencoded’,‘cookie’:“SESSID=” +
2023-11-23 19:36:46
424
原创 微信小程序页面生命周期
目录微信小程序页面生命周期微信小程序页面生命周期onload() 页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数onShow() 页面显示/切入前台时触发onReady() 页面初次渲染完成时触发。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互onHide() 页面隐藏/切入后台时触发。 如 navigateTo 或底部 tab 切换到其他页面,小程序切入后台等onUnload() 页面卸载时触发。如 redirectTo
2023-11-22 20:38:46
81
原创 小程序基础
目录小程序是什么?微信小程序的优势和劣势优势不足小程序是什么?小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。任何一个普通的开发者,经过简单的学习和练习后,都可以轻松地完成一个小程序的开发和发布。微信小程序的优势和劣势优势微信助理,容易推广。在微信中,小程序拥有众多入口,例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口。这些入口有助于企业更好的获取流量,从而进行转化、变现。使用便捷。用户在使用小程序时,
2023-11-20 21:33:12
63
1
原创 vue 动画
定义过渡样式、定义DOM结构,使用transition-group组件把v-for循环的列表包裹起来。动画进入完成时的回调:enter(el,done){done()}动画进入完成之后的回调:afterEnter(el){}动画进入之前的回调:beforeEnter(el){}
2023-11-02 20:28:02
57
原创 vue computed、watch和methods的区别
目录computed、watch和methods的区别如何封装axioscomputed、watch和methods的区别computed属性的结果会被缓存,除⾮依赖的响应式属性变化才会重新计算。主要当作属性来使⽤,使⽤的时候不加();methods⽅法表示⼀个具体的操作,主要书写业务逻辑;watch⼀个对象,键是需要观察的表达式,值是对应回调函数。主要⽤来监听某些特定数据的变化,从⽽进⾏某些具体的业务逻辑操作;可以看作是computed和methods的结合体;总结来说,计算属性⽤于对已有
2023-10-31 20:10:03
66
1
原创 vue 路由重定向和路由嵌套
声明路由的时候设置children,children是⼀个数组,数组⾥是路由对象。这个children的组件就会渲染在它⽗组件的中。redirect 可以进⾏路由的重定向。
2023-10-30 17:18:14
317
1
原创 vue 父子组件进行传参
原理:子控制父,子组件绑定自定义事件,来处理父组件的方法函数,通过.$emit(‘自定义事件’,[参数]) 来触发属于自己的自定义事件。原理:父控制子,通过子组件的props属性,抛出子组件自定义标签属性,来接收父组件的操作状态。
2023-10-30 17:05:06
52
1
原创 VUE 页面跳转和传参
params传参,push⾥⾯只能是 name:‘xxx’,不能是path:‘/xxx’,因为params只能⽤name来引⼊路由,如果这⾥写成了path,接收参数⻚⾯会是undefined!path 和 name路由跳转⽅式,都可以⽤query传参。
2023-10-30 16:47:51
179
1
原创 VUE 生命周期
目录生命周期生命周期的理解父子组件的生命周期执行顺序生命周期生命周期的理解beforeCreate:初始化之前,data里的数据和methods里的方法没有初始化。作用:页面重定向。created:初始化之后,data里的数据和methods里的方法都已初始化。第一个可以操作data和methods的生命周期。作用:接口请求、数据初始化。beforeMount:虚拟DOM挂载。mounted:真实DOM挂载,第一个可以操作DOM的生命周期。beforeUPdata:更新之前,data里的数
2023-10-30 15:52:37
63
1
原创 vue 计算属性和监听属性
计算属性是Vue中的⼀种特殊属性,⽤于对已有的数据进⾏计算和衍⽣,以⽣成新的数据。计算属性的值是根据依赖的数据动态计算得出的,当依赖的数据发⽣变化时,计算属性会⾃动重新计算。基础定义⽅式// 计算属性的名称// 计算属性的逻辑处理// 返回计算结果默认只有getter的计算属性// 创建 Vue 实例,得到 ViewModeldata: {},computed: { // 计算属性;特点:当计算属性中所以来的任何⼀个 data 属性改变之。
2023-10-26 20:25:05
206
1
原创 vue ref的使⽤
被⽤来给元\素或⼦组件注册引⽤信息(id的替代者);应⽤在html标签上获得的是真实DOM元素,应⽤在组件标签上是组件实例对象(VC)使⽤⽅式a. 打标识:< 标签名 ref=‘xxx’>b. 获取: this.$refs.xxx;
2023-10-26 20:15:53
56
1
原创 VUE slot插槽
插槽就是⼦组件中的提供给⽗组件使⽤的⼀个占位符,⽤slot 表示,⽗组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换⼦组件的slot标签,当⼀个组件有不确定的结构时, 就需要使⽤slot 技术插槽内容是在⽗组件中编译后, 再传递给⼦组件的让⽗组件可以向⼦组件指定位置插⼊html结构,也是⼀种组件间通信的⽅式,适⽤于 ⽗组件 ===> ⼦组件。默认插槽、具名插槽、作⽤域插槽。
2023-10-20 21:29:45
68
1
原创 VUE键盘修饰符、过滤器、⾃定义指令及padStart()和padEnd()方法的使用
/ 可以使⽤ `v-on:keyup.f1`通过Vue提供的filter⽅法定义:Vue.filter()参数:过滤器的名字或过滤器执⾏函数filters这个是实例化Vue的⼀个参数,和data,methods平级的,⾥⾯放的就是我们这个实例的私有过滤器。注意事项函数的第⼀个参数都是data,也就是我们要过滤的值。过滤器可以⾃定义⼀些参数。过滤器函数的返回值就是最终显示的值使⽤这个⽅法进⾏全局定义:Vue.directive()
2023-10-19 18:52:53
294
1
原创 VUE脚手架cli、创建项目、路由的使用及跳转页面
vue-cli(俗称:vue 脚⼿架)是 vue 官⽅提供的、快速⽣成 vue ⼯程化项⽬的⼯具,提供了终端⾥的 vue 命令。它可以通过 vue create 快速搭建⼀个新项⽬;特点:① 开箱即⽤,② 基于 webpack,③ 功能丰富且易于扩展,④ ⽀持创建vue2 和 vue3 的项⽬;最新的版本是 5.x⽂档:后端路由:对于普通的⽹站,所有的URL地址都对应服务器上对应的资源。前端路由:对于单⻚⾯应⽤程序来说,主要通过URL中的hash ( # 号) 来实现不同⻚⾯之间的切换。
2023-10-18 18:08:03
256
1
原创 VUE基础使用2
不同点:v-show:通过display:none显示和隐藏元素, v-if:通过删除dom元素。应用场景:只修改⼀次的时候可以使⽤v-if, 频繁切换的时候可以使⽤v-show。不同点:v-html可以解析富文本,v-text不能解析富文本。数据双向绑定 只能绑定表单控件 简写 v-model。注意:必须是数字或者字符串, 必须是唯一值。{{}} 展示数据,进行简单的运算。v-on 元素事件的绑定,简写 @相同点:都会覆盖原有标签的内容。相同点:都是显示和隐藏元素。
2023-10-17 13:35:34
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人