- 博客(30)
- 收藏
- 关注
RSS订阅原创 uni-app 之生命周期
onUniNViewMessage 对 nvue 页面发送的数据进行监听。onlaunch 当uni-app初始化完成时触发。onPageNotFound页面不存在监听函数。onhide 当uni-app进入后台时。onerror 当uni-app报错时。onPageScroll 监听页面滚动。onshow 当uni-app启动时。onready 监听页面初次渲染完成。onunload 监听页面卸载。oninit 监听页面初始化。onload 监听页面加载。onshow 监听页面显示。...
2022-08-03 19:11:05
297
1
原创 小程序权限
tapfunction（）{wx.getNetworkType（{}）获取手机连接到的互联网}tapScanfunction(){wx.scanCode({}）}获取手机的扫码能力。wx.canIUse()判断小程序的api回调参数组件等是否在当前版本可用。wx.getUserProfile获取用户信息。open-data展示微信开放的数据。...
2022-07-31 17:52:55
171
原创 小程序应用
wx.request（{url地址，method方法，data参数，header参数类型}）本地储存wx.setStorage（{key标题，data内容}）异步。wx.switchTab关闭所有非tabbar页面只能打开tabbar页面。wx.redirectTo关闭卸载当前页面只能打开非tabbar页面。wx.navigateTo保留当前页面只能打开非tabbar页面。wx.reLaunch关闭卸载所有页面可以打开所有页面。wx.getStorageSync（标题）同步。...
2022-07-31 17:43:33
107
原创 小程序初始
list【{pagePath路径，text标题，iconPath未选中时展示的图片，selectedIconPath选中时展示的图片}】wxfor-item指定数组当前元素的变量名wxfor-index指定数组当前下标的变量名。wxifwxelifwxelse页面的展示或隐藏hidden隐藏展示。小程序渲染this.setdata（{listthis.data.list}）wxfor=”{{list}}“列表渲染wxkey=“”...
2022-07-31 17:30:42
106
原创 路由守卫(全局 + 局部)
next('/index')代表要跳转到首页。next(false)不允许跳转。直接调用next()允许跳转。from跳转前的页面。
2022-07-17 16:49:43
85
原创 vuex的使用 + 核心概念
action类似于mutation，不同的是action可以包含异步操作action不能直接修改state，如果想修改state的话，需要触发mutation。由于使用单一的状态树，项目中的状态会集中在一起，导致难以维护，这个时候可以通过module对store进行拆分。修改state中的值，我们state每次变化，都应该由mutation去修改，方便追踪数据的流转。是一个单一状态树，是vuex中为一个的数据源，我们的数据都是放在state中的。对state中的数据进行加工（派生）...
2022-07-17 16:43:24
33
原创 使用vue-cli创建项目
3.4选择路由模式（输入y和n都可以，y代表history模式没有#号，n代表hash模式有#号）1.安装vue-clinpminstall-g@vue/cli。3.1选择预置的内容，最后一个代表手动配值。3.5选择css预处理器，根据需求自行选择。3.6格式化和代码检测的配置，默认的就行。切换到我们需要创建项目的目录，在这个目录下打开cmd。3.9是否保存特性，根据你的需求来。2.vuecreate项目名。3.2选择你项目所需要的特性。3.3选择vue版本。...
2022-07-17 16:15:27
301
原创 生命周期、axios、第三方动画
beforeCreate 初始化之前 created 初始化之后 beforeMount 编译模板但未加载到页面中 mounted 脱离创建阶段，进入运行阶段 beforeUpdate 页面尚未和新数据保持同步 updated 页面中是最新的数据 beforeDestroy 组件进入到销毁阶段 destroyed 组件销毁完axiosaxios.get(网址拼接).then(res => {}
2022-07-06 21:15:12
43
原创 vue过滤、监听按键
{{变量 | 过滤器名}}{{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器，后面过滤器的data就是前面表达式传过来的值全局定义 Vue.filter(过滤器名，function（data，format）{})私有定义 filters是Vue的一个参数 和data,methods平级监听按键监听所有按键：v-on:keyup监听指定按键：v-on:keyup.按键码自定义指令全局定义 Vue.directive()私有定义 directives属性前面补0 padStart(几位数,补的值
2022-07-05 21:01:31
262
原创 Vue初识
Vue.js是一套构建用户界面的渐进式框架首先引入jslet app = new Vue({ el: '#app', data: { }, methods: { } })v-cloak 防止页面闪烁 配合display：nonev-text：会替换掉元素里的内容v-html：可以渲染html界面v-bind 绑定界面元素 简写：v-on 绑定事件 简写@事件修饰符.stop 阻止冒泡.prevent...
2022-07-05 20:52:14
93
原创 对象和数组深拷贝
对象 方法一 var obj = { name: '张三', age: 20, sex: 'boy', } var obj1 = {} for (let key in obj) { obj1[key] = obj[key] } console.log(obj); console.log(obj1); 方法二 var obj2 = Object.assign({},obj) console
2022-06-21 20:16:53
39
原创 this 指向问题 和 inner HTML
点击事件 onclick 浏览器加载完成事件this 指向问题1.普通函数中 this 指向window2.构造函数中 this 指向实例化对象3.对象函数中 this 指向当前对象4.事件函数中 this 指向事件源inner text 和 inner HTML 的不同1.inner text 设置文本 不能设置标签样式2.inner HTML 可以设置文本和标签 有标签样式 推荐使用...
2022-06-09 19:16:40
94
原创 获取dom元素的方法
js 的组成 es dom bom获取dom元素document.getElementById() 获取iddocument.getElementsByClassName() 获取classdocument.getElementsByTagName() 获取标签名document.getElementsByName() 根据name属性document.querySelector() 获取第一个document.querySelectorAll() 获取所有 形成数组...
2022-06-09 19:05:29
53
原创 day 6.7 string对象
charAt() 获取指定位置处字符 charCodeAt() 获取指定位置处字符的ASCII码 str[0] HTML5，IE8+支持 和charAt()等效 2 字符串操作方法 concat() 拼接字符串，等效于+，+更常用 slice(start,end) 从start位置开始，截取到end位置，end取不到 substring(start,end) 从start位置开始，截取
2022-06-07 20:06:09
65
原创 day6.7 数组对象
push() 在数组的末尾添加一个或多个元素； pop() 把数组中的最后一个元素删除shift() 把数组中的第一个元素删除 unshift() 在数组的前端添加一个或多个元素reverse() 翻转数组 sort数组排序 concat()数组拼接slice(start,end) 数组截取元素 start开始 end结束（不包括end）返回新数组splice(start,length) 截取元素 start开始 length个 改变原数组indexOf() 从前往后找括号里的内容 找到返回下标 ...
2022-06-07 20:01:53
68
原创 day 6.7 math对象 data对象
math对象manth.pi 圆周率math.random（） 生成随机数 math.floor（） 向下取整 math.ceil（） 向上取整math.round（）四舍五入 math.abs（）绝对值 math.max（）最大值 math.min（）最小值math.sin（）正弦 math.cos（）余弦 math.pow（）指数次幂 math.sqrt（）平方根data对象getMilliseconds() 获取毫秒 getSeconds() 获取秒 getMinutes() 获取分 getHours
2022-06-07 20:00:25
38
原创 day 6.7
定时器定时器名.settimeout (函数 ，时间 )定时器名.setinterval(函数 , 时间)清除定时器cleartimeout（定时器名）clearinterval (定时器名)new的三件事1.创建一个新的空对象2.让this指向这个新对象3.返回这个新对象...
2022-06-07 19:34:55
47
原创 day 6.7 数组与函数
创建数组 var arr = [ ] 数组的取值 arr[0]遍历数组 for (var i = 0; i < arr.length; i++) { }arr [0] = ' ' 替换下标为0的值的内容函数的命名规则1.由字母 数字 下划线 $ 组成 ， 不能以数字开头2.不能是关键字或保留字3.区分大小写函数声明 function 函数名（形参）{ 函数返回值 return }函数的调用 函数名 (实参)函数内置对象 arguments 是一个伪数组...
2022-06-07 19:18:13
64
原创 js 流程控制 5.17
if...else... 当条件为true时执行if，当条件为false时执行else if... else if... else...switch语句 选择多个代码之一来执行 (必须为确定值)while循环会在指定条件为真时执行 while（循环条件）{循环体}do...while 先执行一次，再判断 do {循环体} while（循环条件）for（初始化表达式，判断表达式（总是依据最后一个），自增表达式）{循环体}break 跳出整个循环，循环结束 continue 跳出这个循环，进
2022-05-17 19:05:07
51
原创 js 初始 5.16
声明变量 var a, b, c;赋值 a = 5;b = 10;c = a;a = b;b = c; console.log(a++) console.log(++a)声明变量并赋值 var d = 20;转换字符型 console.log(typeof d.toString())转换数值型 console.log(typeof d.tonumber())转换成布尔类型 console.log(Boolean(d))0 ' ' null ...
2022-05-16 19:38:08
80
原创 css3 day 5.11
视图viewport 允许放大的最大倍数maximum-scale 允许缩小的最小倍数minimum-scale 用户是否能手动缩放user-scalable弹性盒模型 box-sizing：border-box；.col-1{width：8.33%；} .col-2{width：16.66%；} .col-3{width：25%；} ... .col-12{width：100%；} [class*="col-"]{}媒体查询 @media only screen and（）{}显示整个图片ba
2022-05-11 19:25:05
90
原创 css3 day 5.10
渐变 transition：效果 时间 速度曲线 延时 ， 效果 时间 速度曲线 延时转换 transfrom 平移 transfrom：translate（水平，垂直）;旋转 transfrom：rotate（ deg）; 旋转轴心 transfrom-origin：方向；改变大小 transfrom：scale（水平，垂直）；倾斜 transfrom：skew（垂直deg，水平deg）；3d转换 transfrom：rotateX（）绕x轴 transfrom：rotateY（）绕y
2022-05-10 19:59:50
40
原创 day 5.9
字体阴影 text-shadow 盒子box-shadow 横 纵 模糊 颜色边框图片 border-image： url（）颜色 hsla 色调 饱和度 亮度 透明度渐变 background-image： linear-gradient（to 方向 颜色 颜色） background-image：radial-gradient（圆circle 椭圆ellipse）background-size： background-origin：content-box...
2022-05-09 20:27:21
48
原创 html day5.7
浮动：float left/right 清除浮动：clear left/right/both overflow ：after/：before定位：position 静态定位：static 相对定位：relative 绝对定位：absolute 固定定位：fixed父相子绝z-index 数字越大越靠上css display 不占位置 none隐藏 block显示 visiblity 占位 visible可视 hidden隐藏overflow 占位 visible不剪切不隐藏...
2022-05-07 20:23:51
127
原创 html day4
伪类选择器：未访问link 以访问visited 移入hover 点击active块状元素：h p div ul li ol 独占一行 可以设置宽高 宽度时页面宽度 高度由内容撑起行内元素：span strong em del ins 不独占一行 不能设置宽高 宽高由内容撑开行内块元素：img input select option 可以设置宽高 同一行显示转化为块状元素display:block 转化为行内元素display:inline 转化为行内块:display:inline-blo
2022-04-28 21:12:30
35
原创 html day3
input属性 邮件email 数字number 搜索框search 范围range 时间time 日期date 月month 星期week 颜色color音频audio 视频video（controls）字体大小font-size 字体样式font-family 字体粗细font-weight 字体风格font-style...
2022-04-27 19:27:45
150
原创 html day2
表格： <table> <tr><td></td></tr></table> 边框大小boder 单元格之间的距离cellspacing 文字与表格中间的距离cellpadding 表格的位置align 宽width 高height 合并行rowspan 合并列colspan表单：input：文本text 密码password 单选radio 多选checkbox 按钮button 提交submit 重置reset 图片提交i...
2022-04-26 19:32:27
34
原创 html day
5大浏览器和他们的内核为：ie（Trident）火狐（Gecko） safari（webkit）谷歌（blink） opera（webkit 改为 blink）浏览器内核分为渲染引擎和js引擎web标准有结构标准、表现标准、行为标准标签：标题h1-h6、 段落p、 横线hr、 换行br、 链接a、列表ul ol li、...
2022-04-25 19:21:40
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人