- 博客(30)
- 收藏
- 关注
RSS订阅原创 el-switch实现确认弹框逻辑与switch的状态
1,el-switch 中只有@change事件，如果想要实现点击switch按钮，点击后弹框 弹框中点击确认或者取消来来执行 是否开启或者不开启按钮。active-value 打开时的值 inactive-value 关闭的时的值2，实现element中，有active-value inactive-value 跟value/v-model绑定，所以依然使用@change事件<el-switch v-model=“switchValue” active-value=“1” inactive
2021-12-20 16:09:23
2238
原创 2021-09-09 el-table中修改表格的样式 背景 表头 每行
1，el-table中自带白色背景 修改为透明。。注意：使用/deep/ ,前面是父元素的class类名.tableAroundSecurityBox {margin: auto;}.tableAroundSecurityBox /deep/ .el-table–fit {background-color: transparent !important;}.tableAroundSecurityBox /deep/ .el-table,.el-table__expanded-cell {b
2021-09-09 17:38:30
452
原创 小程序、页面、自定义组件生命周期 navigator-opentyp
微信小程序 中的 生命周期生命周期：就是定义好的方法，就像我们自己定义的方法一样；不过不是由我们来控制的，而是定义好的，有一定触发顺序的。1，小程序的生命周期//小程序的生命周期 app.js是小程序的入口文件， 在此页面中 小程序是APP(){}APP({ //1，小程序第一次打开的时候执行的生命周期函数 onLanch(){ } //2，小程序显示的时候触发 onShow(){} //3,小程序隐藏时候触发 onHide(){}
2021-06-13 16:47:11
298
原创 函数执行 题 思路分析
**var a = 666;var obj = { a: 1, obj: { a: 2, obj: { a: 3, foo: () => { console.log(this.a); } } }}obj.obj.obj.foo(); //666 因为this在箭头函数中，外层没有包裹函数，所以是默认绑定，执行windo
2021-06-07 11:50:40
136
原创 构造函数 前端 js
什么是构造函数调用函数的时候前面加个 new ； 构造函数名一般都大写；使用this来构造他的属性和方法；构造函数返回 简单数据类型：return name；；； 复杂数据类型：return {name:‘jack’}构造函数执行的过程 在new关键字调用时会创建了一个新的空间，每当创建实例时函数体内的this都会指向当前的实例。1，立刻在堆内存中创建一个新的对象，2，将新建的对象设置为函数中 的this。3，逐个执行函数中的代码。4，将新建的对象作为返回值检查一个对象是不是类的实例用i
2021-06-04 17:24:13
109
原创 map return {}
let persons = [{ age: 50 }, { age: 12 }, { age: 30 }];//请写一个方法将persons变为 ‘12,30,50’let arr = persons.map( (item,index,array)=> item.age);arr.sort((a,b)=>a-b);console.log(arr)// [12,30,50]let arr =[1,2,3].map(©=>c3); //[3,6,9]let arr1 =
2021-06-03 22:01:42
451
原创 some every map filter forEach find findIndex
some 查找数组中的每一项，只要有一项符合就返回true；every 查找数组中的每一项，数组中每一项都符合条件就返回true，否则false;find 遍历数组，找到第一个符合条件的元素之后就不在遍历了，返回这个符合条件的元素。如果数组中的元素都不符合就返回undefinedfindIndex 遍历数组，返回第一个符合条件的元素的下标，如果查找完整个数组没有符合条件的元素，则返回-1forEach 遍历数组的每一项，return无法停止forEach循环map 遍历数组，没有return就是遍
2021-06-03 21:22:24
92
原创 vue @mixin 使用
在vue 中使用mixin1，在assets文件夹中新建 style文件夹，新建mixin.scss文件@mixin cutText{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}2,在home.vue中使用<div> 很多文字，长度比整个宽还要多，做出来在这段文字最后用...来表示。。</div><style>必须在style中导入，导入位置不对会
2021-05-26 12:01:29
410
原创 css布局，上下两部分。下面类似于浮动到上部分。margin-top：-40px；
1，移动端布局，出现滚动条。 实现思路：整个盒子100%，上面的盒子固定高；下面盒子内容自动撑开，margin-top:-50px; 同时给下面的盒子添加子盒子来布局，如果子盒子中的内容超过这个屏幕的高度，就会自动出现滚动条；<template> <div class="content"> <div class="title"></div> <div class="main"> <div class="o
2021-05-25 22:22:13
387
原创 字符串 数组转换 题
11、JavaScript定义var a=“30”,var b=8,则执行a%b会得到（）。A. undefinedB. 6C. “6”D. null正确答案: B运算中，+号，数字隐式转换成字符串。其余的运算符号是字符串隐式转换成数字。2console.log(1+"2"+"2")//+ 会把数值型转换成字符串，“2”就是字符串，会拼接结果是“122”console.log(1+ +"2"+"2")// "32" 1 后面的+ 是一元运算符，会将字符串变成数值型。后面+“2” 又是字符
2021-05-25 22:19:55
306
原创 vue3 setup watch computed teleport Suspense useRoute useRouter
一，setup(){}1，定义变量 以及使用setup(){ let age = 20; return{ age, }}2,点击事件的方法。vue2 写入到methods中，在setup(){}中的写法<button @click="modify">按钮</button>setup(){ let age = ref(20); //使用ref点击事件的时候是响应式的 const modify = ()=>{
2021-05-25 22:18:48
923
原创 vue3，demo项目流程，移动端适配viewport，vant-ui，axios,封装接口文件
第一步：引入css，1，scss中导入 css文件 @import ‘路径’2，js文件中导入scss文件，css文件 import‘路径’新建vue3项目1，在assets中新建styles文件夹，新建reset.css文件，网上查找 reset.css 复制粘贴2，在styles文件夹中新建 index.scss文件。导入reset.css文件@import './reset.css'3,在main.ts文件中导入 index.scss文件import './assets/st
2021-05-25 07:36:20
600
原创 vue中添加对象数组中的值 this.$set Object.assign()
在vue中添加或者删除对象或者数组中的属性的时候，当前的对象或者数组中已经添加或者删除了，但是页面中还没有显示出来原因是：vue组件在初始化渲染的时候，会调用set和get方法，所以该属性是data中的数据，视图层才会相应。怎么改变呢，可以使用this.$set(’对象名‘,属性，属性值)，或者是Object.assign()点击事件中的methods中的某个方法，给study这个对象添加age属性addObjectProperty(){ this.student.age = "11" ;//这样
2021-05-22 20:43:21
947
原创 vue父子之间传值 props
vue中 父子组件传值中的props1，props是数组或对象的两种父组件向子组件传值，子组件用props来接收。props可以是数组形式和对象的形式2，数组形式props:[“list”]; 与methods同级，里面的list是从父组件中传递过来的值3， 对象形式props:{} 与method同级， 1，四个属性 required default validator 值的类型1，值的类型 1,书写形式：props:{ title:String} title的值的类型是 St
2021-05-22 12:45:41
3107
原创 vue3 基础知识点 provide inject；双向数据绑定； this.$parent,this.refs.名称；插槽；定义新的组件；子组件 父组件
1，创建项目//1，首先是需要下载全局的vue3npm install -g @vue/cli//2,创建项目vue create 项目名//3 选择 最后一项Manually select features-->第三个和最后三个不用 choose Vue version;Babel; TypeScript; Router;Vuex;CSS Pre-processors ---->3.x--->n--->y(polyfills)--->y(history模式)
2021-05-21 21:56:01
1158
原创 6,只要实现symbol.iterator 接口的数据，就能够用for of 来遍历
只要实现symbol.iterator 接口的数据，就能够用for of 来遍历
2021-05-17 22:08:39
60
原创 小程序 修改，赋值data中的值
5，怎么赋值，修改data中的值 this.setData({在data中定义好的值：“修改好的值”}) 使用在wxml页面中 使用{{data中定义的值}} 5.1 如果是data中是数组，怎么修改数组中的值及使用 在data：{arr:[] //定义一个空数组} 使用this.setData({arr:[{item1:1},{item2:2}]}) console.log(this.data.arr[0])======>1...
2021-05-17 22:08:11
406
原创 小程序 input输入取消按钮显示，否则取消按钮隐藏
4，demo，如果input没有文字的时候，后面的“取消”按钮，隐藏；如果在input框中输入文字，后面的“取消”按钮，显示； （易错点：在index.wxml文件中，使用index.js中data中的值都需要{{}} ）第一步：在index.js文件中， data：{searchWords:'';//搜索的关键字}第二步：在index.wxml文件中，input双向绑定 data中的关键字 <input model:value="{{searchWords}}" placehol
2021-05-17 22:07:16
549
原创 小程序 跳转页面，跳转页面就是当前页，搜索康占满整行
1，小程序 点击跳转页面 给需要跳转到组件标签 外面包裹例如：在首页的点击搜索按钮，跳转到搜索页面第一步：在pages文件中新建search文件夹。点击pages文件夹，背景变成深色。点击资源管理器的右上角位置的 添加文件夹的图标。点击之后写入 search 文件夹名称右击 search 文件夹，新建page，输入名称index，回车。此时，在app.json中，pages下面自动生成地址。 “pages/search/index”第二步：在首页的搜索按钮的外面包裹 <navig
2021-05-17 22:05:23
232
原创 null和undefine区别
1，NaN 是唯一一个不等于自身的元素。NaN == NaN ==>falsenull和undefined的区别unll 代表“空值”，undefined代表已经声明未被初始化； 可以这样理解：unll是js的关键字，可以认为是对象类型，他是一个空对象指针；undefined是后来引进来的，为的是区分指针对象和未初始化的对象，他是一个预定义的全局变量 javascript权威指南：null 和 undefined 都表示 “值的空缺”，你可以认为 undefined 是表示系统级的、出乎意
2021-05-16 22:06:30
212
原创 math的方法ceil，floor，round ；不影响原数组的数组方法；number++；setTimeout,setInterval
1，NaN 是唯一一个不等于自身的元素。NaN == NaN ==>false2,ceil() 向上取整var a=Math.ceil(0.60); //1var b=Math.ceil(0.40); //1var c=Math.ceil(5);var d=Math.ceil(5.1); //6var e=Math.ceil(-5.1); //-5var f=Math.ceil(-5.9);//-5 3，round() 四色五人 取整document.write(Math.ro
2021-05-16 21:57:52
110
原创 多行文本显示一行，末尾是...
多行文本 变成一行文本显示，超出部分隐藏，文字超出的部分用… (常用于在商品详情的title，description等).text{ overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
2021-05-16 21:55:27
115
原创 2021-05-14小程序 底部tabBar 顶部tab栏
一，底部tabBar全局设置底部tabBar，在需要显示的页面显示//在app.json文件中设置。效果是：在首页 分类 购物车 我的 页面中显示，字体颜色，被选中的字体颜色，位置，底部边框的颜色，背景颜色 都是可以设置的；；list中定义在显示到哪些页面"tabBar": { "color": "#999", "selectedColor": "#E6555B", "backgroundColor": "#F4F4F4", "position": "bottom",
2021-05-16 21:54:13
379
原创 2021-05-13
小程序笔记整理1，新建页面在index文件夹，右键 新建pages，写入名称，之后就会出现四个名称相同但是不同后缀名的文件;同时在app.json文件中自动生成路由。2，父子组件传值1，新建组件在根目录中，新建components文件夹。右键 新建compont，输入文件名，在app.json中最后面设置“usingComponents”:{ "avatar":"components/avatar"; }在父组件中直接使用{{1111111}}2，父传子 在子组件avatar中
2021-05-13 22:35:03
49
原创 2021-05-12
call,apply,bind之间的区别call(),一个对象替换当前的对象，并使用当前对象的方法。例如：a.call(b,“name”)，表示：b替换a，并使用a的方法。apply()，一个对象替换当前的对象，并使用当前对象的方法。例如：a.call(b,“name”)，表示：b替换a，并使用a的方法。call(),apply(),bind() 括号中传入的第一个参数，是要替换为的对象。但是call()和bind()第一个后面的参数是以参数列表传入的，用逗号隔开，而apply的只有第二个参数，是一个
2021-05-12 20:46:16
37
原创 2021-05-12
只言片语 知识点1，在uni-app中，使用 隐藏显示的时候用v-if ,不能用v-show2,在微信小程序中，没有dom操作
2021-05-12 20:32:59
38
原创 2021-05-11
找出字符串中出现最多的字符以及出现的次数function findMostString(str) { let obj = {}; let max = 0; for (let i of str) { if (obj[i]) { obj[i]++; } else { obj[i] = 1;
2021-05-11 22:02:37
62
原创 uni-app，视频笔记（bilibili）
uni-app初体验1，初始化方式1.1，使用Dcloud开发的HBuildERx1.2,使用脚手架来快速搭建和开发 1.21，全局安装 npm install -g @vue/cli 1.22,创建项目 vue create -p dcloudio/uni-preset-vue my-project 1.23,启动项目（微信小程序） npm run dev.mp-weixin 1.24,微信小程序开发者工具导入项目3，rpx 小程序中的单位 750rpx = 屏幕的宽度vw h5单
2021-05-09 20:02:08
97
原创 vue
一，Vue 解决了什么问题？1，虚拟DOM ：dom操作是非常消耗性能的。不在使用原生的dom操作节点，极大的解决dom操作。不过具体操作的还是dom ，不过是换了一种方式2，试图、数据、结构分离：使数据和的更改更为简单，不需要逻辑代码的的修改，只需要操作数据就能完成相关操作3，组件化：把一个单页应用中的各个模块拆分到一个一个单独的组件中，便于其他组件的再次使用，已经后期的维护。二，虚拟DOM 原理虚拟DOM，其实就是用对象的方式取代真实的DOM操作，把真实的DOM操作放到内存当中，在内存中的对象
2021-05-06 21:56:41
46
原创 js 开关灯
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ width: 200px; height: 200px;
2020-09-06 16:44:21
243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人