- 博客(45)
- 收藏
- 关注
原创 【微信小程序 笔记】
什么是宿主环境 宿主环境(host environment)指的是程序运行所必须的依赖环境。例如: Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的,所以,Android是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的!小程序的宿主环境 手机微信是小程序的宿主环境小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能,例如: 微信扫码、微信支付、微信登录、地理定位、etc…
2024-06-23 19:41:58
988
原创 【微信小程序 事件绑定】
实现原理:不同设备屏幕的大小不同,实现屏幕的自动适配, rpx 把所有设备的屏幕,在宽度上等分为 750 份, 1份就是1 rpx。较小(大)的设备上,1 rpx 所代表的宽度较小(大)。( responsive pixel )是微信小程序独有的,用来解决屏适配的尺寸单位。① 全局开启:app.json 的 window 中。② 局部开启:在页面的app.json 配置文件。布局使用 flex 布局,尺寸单位使用 rpx。
2024-06-14 16:35:59
1031
原创 【小程序 滚动条 滑块 音频 组件】
slider 滑块 设置声音大小 亮度等…注:scroll( ) – 函数事件名。wxml中设置函数名( ){ }
2024-05-30 19:23:25
567
原创 【小程序 按钮 表单 】
按钮代码演示xxx.wxml1.要用form标签包裹2.bindreset 重置3.plain 镂空4.type=“warn” 提示 红色字体5.type="primary"默认 等6.size=“mini” 超小按钮7.disabled=“true” 禁止点击按钮 降低按钮颜色程度8.type=“number”/type=“safe-password” 输入时 只有数字键盘9.password=“true” 密码小圆点 保密键10.checkbox 复选框。
2024-05-22 18:34:38
945
原创 【微信小程序】
1.Pages 组件、存放所有页面2.app.js全局存放路口文件3.app.json全局配置文件类似于路由/路径格式化文件5.logs配置路径文件有多少页面就配置多少条 先配哪个首先展示哪个文件6.app.wxss -----.wxss就是css样式下载包存放版本、上线版本、下载包存放地8.project.private.config.json 开发版本私人配置、优先级高于project.config.json9.sitemap.json 微信索引、搜索地址。
2024-05-17 11:48:21
430
原创 vue 中的 Vuex
概念:专门在vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行。1.初始化数据state,配置actions .mutations,操作文件store.js。概念:当state 中的数据需要经过加工后再使用时,可以使用 getters 加工,相当于。的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。在store.js 中追加getters配置。Vuex Github地址。
2024-05-11 09:52:00
727
原创 【Vue中的Ajax配置代理slot插槽】
如果项目的(和package . json同级的)根目录中存在这个文件, 那么它会被@vue/cli-service自动加载。你也可以使用package.json中的 [vue字段,但是注意这种写法需要你严格遵照JSON的格式来写。vue.config.js 是一个可选的配置文件。
2024-05-02 17:15:00
404
原创 【 Vue 路由 跳转 路由守卫 】
不借助< router-link > 标签实现路由跳转,让路由跳转更加灵活。分类:全局守卫、独享守卫、组件内守卫。作用:对路由进行权限控制。
2024-04-24 18:53:52
618
原创 【Vue脚手架】
大文件 App.vue 是自带的不可移除(是主文件)创建好的vue小文件都写在 components 里🚀 下面这个 School.vue 就是小文件放在 components 里。
2024-04-17 16:41:15
187
原创 【Vue 自定义事件】
一种组件间通讯的方式,适用于:子组件 —> 父组件绑定自定义事件第一种方式:在父组件中写单标签1.<Demo @事件名="方法">2.<Demo v-on:事件名="方法"/>第二种方式:使用ref绑定(配置在生命周期中)this.$ refs.demo.$on(‘事件名’,方法)例(2)配置在生命周期中:若想让自定义事件只能触发一次,可以使用once修饰符,或once方法触发事件触发自定义事件this. $emit('事件名',数据)解绑事件解绑自定义事件。
2024-04-12 11:51:21
458
原创 【Vue CLI ref props mixin plugin scoped】
通过v- bind绑定使得里面的18是数字。注意:age前面加了。
2024-04-06 15:59:12
563
1
原创 创建组件01
把独立的组件封装一个.vue文件中,推荐放到components文件夹。< template >标签< /template >在components文件夹里面创建组件文件。,封装要复用的标签、样式、JS代码。
2024-03-29 11:42:26
356
原创 【 Vue.js 属性 | 生命周期 】
1.computed能做的watch都可以做,watch可以做的,computed不一定能做。写法:Vue.filter ( "名称 " , function ( value ){})写法:new Vue ( { filters:{名称 ( value ){} }}),写法:监听的属性(新值,旧值){}3.对于定时器,函数回调,ajax回调,promise回调,建议使用箭头函数。才可以是用简写(函数),值发生改变必须使用对象,才可以。2.使用vm.$watch方法时,需要使用普通函数。
2024-03-24 15:19:35
255
1
原创 Vue.js 事件处理
v-model 指令在表单元素上创建双向数据绑定。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。{{xxx } }v-bind单向绑定数据只能从 data 流向页面双向绑定数据不仅能从 data 流向页面,还可以从页面流向data2.事件的回调需要配置在 methods对象中,最终会在 vm上3. methods中配置的函数,不要用箭头函数,否则 this就不是vm了4. methods中配置的函数,都是被 Vue 所管理的函数,this的指向是vm或 组件实例对象。
2024-03-16 18:06:53
577
1
原创 Vue.js 绑定容器
对于元素只是一次可以选择使用v-if(消耗内存),操作次数多v-show(并没有销毁元素)1、在vue2中,v-for优先级比v-if高, 在vue3,v-if优先级比v-for高。3、同时使用需要在外层嵌套盒子,在外层进行v-if判断,在内层进行v-for循环。注:不要在用提交时使用v-html,不要在动态渲染时时使用v-html。注:尽量不要使用箭头函数,否则拿取不到data的数据。》v-text只读取文本,v-html读取标签。2、v-if和v-for不能同时使用。注:函数名称不要与变量名称一致。
2024-03-07 15:36:09
571
原创 【html/html5/css/css3知识点】
块:div ul li ol dl table flom。行内块:img input buttom。行内:a span i。
2024-03-04 17:30:00
501
原创 es6中箭头函数 原型
2.apply、call这两个方法的主动调用,bind返回的是改变this指向后的新函数;3.传参的问题区别,call和bind都是直接传递参数,apply传递的是数组。1.apply、call、bind他们三个都能改变函数this的指向问题;在指定位置定义this存为变量。使用setTimeout。使用applay()方法。使用call()方法。使用bind()方法。
2024-01-07 16:34:19
701
原创 【ES6 symbol】
NumberStringBooleanObjectFunctionBiIntUndefinedSymbol注: null 是空对象类型new Array 是方法,是函数{}是object 类型symbol 是原始数据类型。是独一无二的值。
2023-12-29 14:45:00
359
原创 【 BOM对象 与 DOM对象】
概念:(Browser Object Model)浏览器对象模型,Bom提供了一系列访问和操作浏览器各个组件的方法。判断浏览器窗口的关闭,返回一个布尔值;name:指当前浏览器窗口的名称,一般用于超级链接target使用。代表浏览器窗口,是最顶级的对象也是系统默认的全局对象,在网页的任何地方都可以直接调用其属性和方法。指当前浏览器窗口的宽度,不含滚动条、菜单栏、地址栏、状态栏等。前进 [window.]history.forward();1、host 设置或返回主机名和当前URL的端口号。
2023-12-28 09:54:20
441
原创 MySQL 增删改查 一月①
修改 — UPDATE WHERE。affectedRows–标识指。Ps(``模板字符串可换行)MySQL 注释使用。
2023-12-21 14:37:15
409
原创 Node.js【读取数据】
参数1:必选参数,需要指定一个文件路径的字符串,表示文件的存放路径。参数3:可选参数,表示以什么格式写入文件内容,默认值是 utf8。:必选参数,文件读取完成后,通过回调函数拿到读取的结果。err返回null,读取文件成功,报错读取失败。err返回null,写入文件成功,报错写入失败。参数4:必选参数,文件写入完成后的回调函数。:可选参数,表示以什么编码格式来读取文件。参数2:必选参数,表示要写入的内容。:必选参数,字符串,表示文件的路径。方法,用来向指定的文件中写入内容。方法,用来读取指定文件中的内容。
2023-12-18 18:44:57
367
原创 【Node.js】 Express 路由 12月①
先要创建两个 js 文件:day01.js/day01-1.js。类似于拦截器,可以有很多中间件。1.METHCD(请求类型)
2023-12-18 18:31:36
358
原创 ES6 Reflect 与 Proxy 11月第四篇
用于拦截 HasProperty 操作,即在判断 target 对象是否存在 propKey 属性时,会被这个方法拦截。此方法不判断一个属性是对象自身的属性,还是继承的属性。target 表示目标对象,ctx 表示目标对象上下文,args 表示目标对象的参数数组。用于拦截 target 对象上的 propKey 的赋值操作。用于拦截 delete 操作,如果这个方法抛出错误或者返回 false ,propKey 属性就无法被 delete 命令删除。用于 target 对象上 propKey 的读取操作。
2023-12-18 18:19:37
397
原创 ES6 Generator函数 11月第三周
一般情况下,next 方法不传入参数的时候,yield 表达式的返回值是 undefined 当 next 传入参数的时候,该参数会作为上一步yield的返回值。
2023-12-18 18:18:12
348
原创 js中 ajax调取接口数据 异步
1、https协议需要到ca申请证书,一般免费证书较少,因而需要一定费用。2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。4、http的连接很简单,是无状态的;HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,比http协议安全。
2023-11-12 15:22:42
129
原创 Es6 原型判断
遍历函数,该遍历函数可接受3个参数:当前元素,当前元素索引,原数组。先对数组中每个元素进行了的处理,要使用flat()方法先。数组是否包含指定值,查找到返回true否则false。嵌套数组转一维数组,使用Infinity方法。指定遍历函数中 this 的指向。
2023-11-03 15:56:35
45
原创 Es6中Map对象
任何值(对象或者原始值) 都可以作为一个键或一个值。返回 Map 对象中键/值对的数组。为 Map 对象中的键设置值。返回 Map 对象中值的数组。获取 Map 对象中键的值。返回 Map对象中键的数组。创建新的 Map 对象。记得键的原始插入顺序。
2023-10-16 21:59:06
57
原创 循环拿取 HTML 5
会直接在一个对象上定义一个新属性,或修改其现有属性,并返回此对象。设置为true允许被循环拿取值,false不予许。false不可被删除,true可以删除。设置为false不允许修改,设置。设置为true允许修改。
2023-10-04 09:42:06
59
原创 ES 6 let和const
(var 可以声明多次),就是说已经定义了一个a就不能再定义下一个a了。注:对象和数组修改不会触发const错误。(定义了一个a就不能再定义下一个a了)const 声明一个只读的常量,》注:通常与循环一起使用。let 只能声明一次。
2023-09-22 16:36:34
36
原创 HTML 5 动画
关键帧中的值(当 animation-direction 为 “reverse” 或 “alternate-reverse” 时)。forwards 在动画结束后(由 animation-iteration-count 决定),动画将应用该属性值。alternate-reverse 动画在奇数次(1、3、5…)反向播放,在偶数次(2、4、6…alternate 动画在奇数次(1、3、5…backwards 动画将应用在 animation-delay 定义期间启动动画的第一次。迭代的关键帧中定义的属性值。
2023-09-20 13:05:15
37
原创 【HTML 5 过渡】
transition-duration transition效果需要指定多少秒或毫秒才能完成。transition-timing-function 指定transition效果的转速曲线。transition-delay 定义transition效果开始的时候。transition-property 指定CSS属性的name。css名称|all 过渡时间(必须参数) 运动曲线 开始时间。
2023-09-20 12:52:32
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人