- 博客(51)
- 收藏
- 关注
RSS订阅原创 vue3使用elenent-plus
我一直苦苦寻找解决方案，怎么都不行，结果最后是删除依赖重新下载了。当我感觉能够顺利进行下去的时候，结果就是报错。步骤二在main.js中引入并注册。
2023-11-23 15:18:44
235
原创 vue3报错
这是因为eslint对代码的要求严格导致的，可以在package.json里面删掉"eslint:recommended"，就可以正常运行了。
2023-08-09 16:30:17
482
原创 使用web-view实现网页端和uni-app端是数据传输
第四步：uni-app下的pages下的index.vue里面引入web-view,其中url指的是存放dist文件夹中html文件的路径，@message = ’message‘是接收vue端传过来的数据的。第三步：在uni-app项目中新建一个hybrid文件夹，下面再建一个html文件夹，把打包好的vue项目中的dist中的所有文件都放在html文件夹中。反过来，uni-app向vue端传递参数，msgFromApp是vue端接收传过去参数的方名，this.sendData是传递的参数。
2023-07-31 17:33:30
963
原创 vuex实现持久化存储
在使用vuex存储数据的时候刷新页面数据会消失，此时就可以使用持久化存储。第二步：在store的index.js里面引入插件。使用vuex-persistedstate插件。在getters下面使用加上。第三步：在文件中使用。
2023-07-28 16:08:29
270
原创 uni-app如何生成正式的APK
点击进去如果没有生成证书，点击生成证书，如果显示证书已生成就不用管了，检查一下appid和项目中的manifest.json中的appid是否一致。第三步：点击Hbuilderx中的发行，选择第一个原生APP-云打包，弹出下面打包的弹框，选择自己想要的打包类型进行打包。显示打包成功，并且给出APK的地址，点击下载，再把APK传入想要安装的地方就可以正常使用啦。第二步：登录之后跳到项目列表，选择自己想要打包的项目。控制台显示打包的状态，等待几分钟。，点击开发者后台进入登录注册页面。进入dcloud官网。
2023-07-28 14:18:59
1358
原创 uni-app中的uni.requireNativePlugin（）
在vue或者nvue页面引入原生插件，使用uni.requireNativePlugin的api，参数为插件的id。使用自定义基座开发调试本地原生插件之后，不可以直接将自定义基座的APK作为正式版发布，应该重新打包成正式的。本地插件存放的位置为，uni-app项目nativeplugins目录(目录不存在则创建)下的原生插件。已经在插件市场绑定或者购买的插件，不需要下载插件到工程中，云打包时会直接合并并打包到原生APP中。内置原生插件,uni-app已默认集成，支持直接在内置基座运行。
2023-07-24 17:22:44
7675
3
原创 字面量创建一个对象和new创建一个对象的区别，以及new做了哪些事
（4）执行了该构造函数，并存储结果作为result,如果返回值是null或者undefined则返回新的对象，如果不是则返回result。（3) 使得新对象的_proto_指向了构造函数的prototype。（2）改变了this的指向，使得this指向了新创建的实例。（2）不用解析作用域，速度更快。（1）new创建了一个新的对象。（1）更简单，容易阅读；
2023-02-27 15:21:26
228
原创 uni-app中背景图片的设置
第二个：垂直位置，如果给具体的px值代表距离上边多少。background-size:contain:没有变形，完全显示了，表示图片一定被盒子包着，缩放后图片两边都要缩到盒子里才会停止缩放，都是按比例缩放，不会变形。background-size: cover:有一部分没有显示被覆盖的意思，表示图片一定要覆盖盒子，缩放后图片只要一边缩放到盒子内就停止缩放。(2)no-repeat/repeat:是否平铺（repeat:水平垂直都平铺，默认。总结：（2）（3） （4） （5）都是跟在图片路劲后面。
2023-02-07 09:28:08
5292
原创 适用于初级前端的webpack了解
1.开发的时候使用前端模块化，但是浏览器对模块化的支持程度很低，所以我们要借助webpack模块化打包工具，将模块化代码打包成浏览器支持的规范。3.由于webpack只解析js文件，所以利用loader将非js文件解析成js文件，如：sass css png等。（1）htmlWebpackPlugin：自动生成html文件，自动引入打包好的脚本文件。（2）webpack-bundle-analyzer：可视化插件，分析模块化的大小。一、webpack的作用。三、webpack的核心。
2022-10-07 17:20:59
1820
1
原创 web/前端存储
前端存储分为两种:cookie和webstorage,其中webstorage又分为：sessionStorage和localStorage。localStorage:本地存储，将数据存储在本地磁盘，即使选项卡或浏览器关闭数据也不会消失，传输的数据可达5M。sessionStorage:会话存储，针对于选项卡，如果浏览器或者选项卡关闭，存储消失，传输的数组可达5M。cookie：产生于服务器，存储于客户端，，同一个浏览器的cookie是共享的，传输的数据最大为4k。
2022-10-06 15:47:49
227
原创 学习使用less
一个父级元素有多个子级，想要使用其中一个的样式就可以使用命名空间 使用方法：父级选择器名子级选择器名（）在css中给子代设置样式的时候还要在前面写父级，但是less中可以将子级直接嵌套在父级。想要在哪里使用这个元素的样式就在哪里使用 “选择器（）”的方式使用。访问变量声明的一些属性，会现在当前作用域查找，找不到再向父级查找。例：@min:~'(min-width:786px)'1.绝对单位和相对单位运算，以第一个的运算符单位为准。例：#one{font-size:28px}
2022-10-06 15:29:31
509
原创 学习axios
3.使用cdn：responseType: 'json' //规定后端返回的数据格式。2.post方法：post方法包括无参和有参，有参中又分为JSON型的还是表单型的。1.axios的默认请求是get请求，默认数据格式是json格式。methods:'' //请求方式。headers:{} //请求头。url:'' //请求路径，
2022-10-05 20:10:04
1108
原创 vue中的路由
比如：有一个user组件，对于所有id不同的用户，都要使用这个组件来渲染，这时就可以在vue-router的路径中使用动态路径参数来达到这个效果。路由的作用：监听url地址栏的变化，根据url加载url对应的页面/组件。4.创建路由器实例对象，将路由对象数组注入到路由器对象中。（1）利用path传递跳转页面路径，query传递参数。需要把某种模式匹配到的所有路由，全部映射到同一个组件。（2）利用跳转页面的name和params传递数据。路由出口匹配路由器对应的页面。就是 给一个路由添加子路由。
2022-09-29 19:50:08
228
原创 javaScript中判断数据类型的四种方法
从原型链的角度上说，所有的对象都能访问到Object原型上的toString()方法，但是很多的对象的toString()方法都被重写了，不再具有原本的功能，为了保证每个对象都能通过Object.prototype.toString()的检测所以调用call()来将Object.prototype.toString（）给到调用者。4.Object.prototype.toString.call()返回调用者的具体类型。1.typeof既可以判断基本数据类型也可以判断引用数据类型。
2022-09-27 22:14:13
370
原创 vue中的render函数
render是进行编译模板的函数，在生命周期函数中，模板编译的底层就是用render函数实现的。这个例子说明了render函数的实现过程。
2022-09-27 19:14:09
289
原创 ES6中的set和map
set类似于数组，成员唯一，set本身是一个构造函数，用它来创建set 数据结构，set的构造函数可以接收一个数组或者可迭代的数据结构作为参数。2.1map存储的值是键值对组成的集合，健可以是任意形式而object的健只能是string 或者symbol的形式。2.2 map是可迭代的，object是不可迭代的。2.4 map循环遍历按顺序输出，对象是无序的。map类似于对象，存储键值对的数据map比对象更合适。2.map和object的区别。2.set的增删改查。
2022-09-21 19:16:19
204
原创 TypeScript
通过上面的两个例子说明了接口就是一种标准，不管是用那种方式使用接口都必须要有接口中的属性和方法，除了接口中的属性和方法外类和对象可以有自己的属性和方法。所以，可以将接口理解为一种标准。在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。可选的静态类型：如果你习惯了 JavaScript 的动态类型，TypeScript 还允许可选的静态类型。可以将接口简单的理解为：一种特殊的类或者特殊的对象 一种标准，通过类或者对象实现接口的时候遵循的就是这种标准。
2022-09-20 19:58:27
162
原创 npm cnpm yarn的区别
npm cnpm yarn 统称为包管理工具/机制，其作用为：下载依赖 下载第三方库 引入框架。npm cnpm 和yarn的区别：npm cnpm重新下载依赖 重新下载工具库。yarn：现在缓存中查找依赖或者工具库 找不到再下载。cnpm:国内的包管理工具，服务器部署在淘宝镜像。npm：国外包管理工具，服务器部署在外网。
2022-09-19 20:18:06
144
原创 ES6中的Generator函数和Promise
在普通函数中只要有return之后，后面的代码将不再执行，而Generator函数中提供了yield，每调用一次next（）就执行一个yeild的状态，上一个yeild的结束是下一个yeild的开始。Generator函数返回的是一个可迭代对象， 调用next（）方法会执行yiled的状态，一个yield就是一个状态 一个yield就是一个代码的节点。组成一个数组，传递给该实例的回调函数，只要p1，p2的返回值有一个变为rejected，该实例状态为rejected;
2022-09-19 19:41:27
154
原创 ES6中的symbol
用 Symbol.for() 方法创建的的 symbol 会被放入一个全局 symbol 注册表中。Symbol.for() 并不是每次都会创建一个新的 symbol，它会首先检查给定的 key 是否已经在注册表中了。否则，它会再新建一个。ES6引入的一种新的原始数据类型Symbol，表示独一无二的值。Symbol函数可以接受参数，表示对于这个唯一值的描述。属于基本数据类型,Symbol()函数会返回symbol类型的值。（魔术字符串：，在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值。
2022-09-15 19:44:55
129
原创 ES6中的类
constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。一个类类必须有constructor方法，如果没有显示定义，一个空的constructor方法会被默认添加。静态属性和静态方法是定义在类【构造函数】上的，所以可以通过类构造函数直接访问。class可以通过extends关键字实现继承，子类可以没有构造器，系统会默认分配。ES6提供了类Class这个概念，作为对象的模板。定义一个类通过class关键字，ES6的类可以看成是构造函数的另一种写法。
2022-09-15 19:22:03
337
原创 JS中的函数中注意的地方
如果在自己的作用域没有这个变量则向父级寻找，如果父级也没呢？再一层一层向上寻找，直到找到全局作用域还是没找到，就宣布放弃。当函数嵌套，在这个时候，内部函数与外部函数的这个变量就组成了闭包。函数外部声明的变量，在函数内部可以访问。（1）局部作用域：在 JavaScript函数中声明的变量，会成为函数的局部变量。（1）在函数中this指向全局global window。（2）全局作用域：函数之外声明的变量，会成为全局变量。2.内部函数存在对外部函数变量的引用。函数内部声明的变量，在函数外部不能访问。
2022-09-08 19:58:18
220
原创 JS中的深拷贝和浅拷贝
序列化JSON.stringify(Json.parse(obj))在JS当中拷贝分为两种，深拷贝和浅拷贝。利用 ...运算符。
2022-09-08 19:25:06
235
原创 JS中数据属性和访问器属性
数据属性：相当于给当前对象定义了一个公共属性，访问或修改直接返回value值。Enumberable 表示可以通过 for-in循环返回属性。Get 在读取属性时调用的函数，默认值为undefined。Set 在写入属性时调用的函数，默认值为undefined。Enumerable 表示能否通过for-in循环返回属性。访问器属性：可以控制访问或修改这个属性的具体行为。Configurable 表示能否删除该属性。Writable 表示能否修改该属性的值。
2022-09-08 19:16:49
148
原创 在JS中双等和三等的区别
1.== 比较的是值，如果值相等则返回true,否则返回false。在比较的过程中如果地址不相等就先将地址隐士转化成相等的，再做比较。2.=== 比较的是地址，一旦地址不相等，直接返回false。
2022-09-08 18:55:25
94
原创 深入理解对象
是构造函数模型和原型模式的组合，将所有私有的属性和方法放在构造函数中，将所有的公共属性放在原型中。缺点：弱化了向构造函数传递初始化参数的能力，会使得所有实例默认取得相同的属性值。缺点：方法冗余，每创建一个实例就得再创建一次方法，而这个方法是同样的方法。优点：将所有的属性和方法都存在原型中，构造函数中不存在任何属性和方法。优点：能够批量创建对象，封装创建对象的函数，实现代码的复用。缺点：无法区分创建出来的对象，方法冗余。构造函数：new 函数名（）普通函数：函数名（）6.普通函数和构造函数的区别。
2022-09-08 16:54:21
54
原创 正则表达式
1.正则表达式的创建字面量（直接量）var reg = /正则表达式/修饰符构造函数var reg = new RegExp('正则表达式'，‘修饰符’)2.字符分类普通字符字母、数字、下划线、汉字、没有特殊含义的符号（，；！@等）特殊字符\：将特殊字符转义成普通字符模式修饰符i:ignoreCase，匹配时忽视大小写m：multiline，多行匹配g：global，全局匹配字面量创建正则时，模式修饰符写在。
2022-09-08 15:14:28
341
原创 Js中的对象
对象使用"{}"作为对象的边界，对象是由多个属性组成，属性与属性之间通过","隔开，属性名与属性值通过":"隔开;无序属性的集合，其属性可以包含基本值，对象，或者函数。所有人都有这些属性，但是每个人的属性都不尽相同，每个人都拥有这些方法，但是方法被执行的时间都不尽相同。点后面直接跟的是对象的属性，如果属性存在可以访问到，如果属性不存在，得到undefined。2.判断该方法的返回值是否为基础数据类型（Number，String，Boolean，Undefined，Null）
2022-09-07 23:07:50
171
原创 操作符及类型转化
1.操作符+：加法-：减法*：乘法/：除法%:取余数，进行数据运算时，除‘+’外，其他运算符可以自动将字符串数字隐形转化成数字1.2.一元运算符+：将操作数转化成数字，字符串的拼接-：将操作数转化成数字，同时变为负数！：逻辑取反运算符++：递增--：递减delete:删除数组对象中特定索引的值typeof:操作数放到typeof的后面，会返回当前操作数的类型，对于数值类型可以准确返回，对引用类型，Function会返回‘function’,其他都只会返回‘object’
2022-09-06 23:09:07
127
原创 简单的认识javaScript
这就说明了，如果我们想定义一个全局对象，而这个对象是页面中的某个按钮时，我们必须将其放入body中，道理很明显：如果放入head，那当你定义的时候，那个按钮都没有被加载，可能获得的是一个undefind。这里需要注意的是，只有ECMAScript是标准，也就是在绝大多数浏览器以及js解析器（node）中运行效果相同，但是DOM与BOM是各大浏览器厂商自己提供的API，在使用上大同小异，但是也可能会出现少许不兼容的情况。外部JavaScript 单独新建一个后缀名为.js的js文件，编写好HTML文件，在。
2022-09-01 20:18:23
49
原创 BOM之防抖与节流
4.如果超过间隔时间，则执行处理代码，然后重新存储本次触发时间。2.每一次触发的时候先清除上一次的定时器，再开启本次的定时器。单位时间内频繁的触发一个事件，以最后一次触发为准。3.判断当前时间与上一次触发事件，是否超过了间隔。单位时间内频繁的触发一个事件，只会触发一次。1.声明一个全局变量存储定时器ID。1.声明一个全局变量存储触发事件。2.每一次触发事件，获取当前时间。
2022-09-01 19:20:55
51
原创 BOM事件机制
事件机制HTML DOM 允许 JavaScript 对 HTML 事件作出反应。JavaScript 能够在事件发生时执行，比如当用户点击某个 HTML 元素时。JavaScript与HTML之间的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件是由三部分组成事件源 事件类型 事件处理程序1.事件源：事件被处触发的对象-->按钮对象2.事件类型：如何触发？触发什么类型？如：鼠标双击事件3.事件处理程序：通过一个函数赋值的方式执行事件的步骤。...
2022-09-01 16:59:50
145
原创 JS中数组重构
3.unshift()向数组的最前面添加一个元素，有参数，返回的是新数组的长度，原数组被改变。1.push()向数组的尾部添加一个元素，有参数，返回新的数组元素，改变原数组。2.pop()删除数组的最后一个元素，无参数，返回的是被删掉的元素，改变原数组。5.some（）遍历数组，只要有一个符合条件就返回true,否则返回false。4.shift()删除数组的第一个元素，无参数，返回被删掉的值，原数组被改变。9.forEach()遍历输出数组中的每一个元素。7.map对每一个数组做操作，返回新的数组。...
2022-08-31 23:54:57
445
原创 H5API当中的Web存储 拖拽 通信
cookie存储在浏览器中，每次浏览器向服务器发送请求都需要携带cookie，一般情况下，cookie是产生于服务器端，保存于客户端，但是我们也可以通过js来产生cookie；当在a页面中通过window.open方法打开b页面，或者在a页面中通过iframe嵌套b页面，我们想让a中的数据传递到b中就可以使用跨文档消息传输。2.1.在H5中实现了拖拽技术，允许用户在网页内部拖拽以及浏览器与其他应用程序之间的拖拽，通过拖拽可以传递数据。放置事件：dragenter、dragover、drop。...
2022-08-31 19:14:51
126
原创 简单的有关数组和函数的算法题
在这里封装了一个方法，方法里面利用了两层for循环来遍历数组中的元素，再利用for循环将符合条件的元素选择出来，放到新的数组里面，如果没有符合条件的元素则返回的是【-1，-1】的数组，最后通过调用函数就能得到结果。首先利用split（）方法将字符串转化成数组的形式，然后通过for循环遍历数组中每个单词的长度，进行比较将最长的输出。再利用for循环对100-1000之间的数进行遍历，分别得到个位，十位，百位上的数，找到符合条件的输出。3.给出一个字符串 输出最长单词的长度。......
2022-08-30 19:26:32
84
原创 H5API
在HTML5问世之前，要在网络上展示视频，音频，动画，除了使用第三方自主开发的播放器之外，使用得最多的工具就是Flash,但是需要在浏览器上安装各种插件，并且有时速度很慢。data-xxx 是一类被称为自定义数据属性的属性，它赋予我们在所有HTML元素上嵌入自定义数据属性的能力和可以通过HTML和DOM进行专有数据的交换。在video标签出现之前，如果想在网页中播放视频或者音频数据是非常困难的。3.掌握渐变图形的绘制方法，学会图形变形，图形缩放，图形组合，以及给图形绘制阴影的方法。...
2022-08-30 15:19:33
194
原创 有关jQuery的知识点
1.jQuery入门1.1jQuery介绍jQuery是一个Javascript库，是对于ECMAScript、dom、bom的一个浅封装，让用户更方便操作。 jQuery功能： 使用CSS选择器进行元素查询事件机制Dom操作属性操作工具方法AjaxjQuery库包含以下功能：HTML选取HTML元素操作CSS操作HTML事件函数JavaScript特效和函数HTML DOM遍历和修改AJAX1.2jQuery安装jQuery安装十分简单，只需要将jQuery的库导入到html中即可，我们可以下载下来也可以
2022-08-26 18:40:56
202
原创 有关BOM的介绍
出于安全方面的考虑，开发人员无法得知用户浏览过的URL，不过借由用户访问过的页面列表，同样可以在不知道实际URL的情况下实现后退前进,注意： 没有应用于History对象的公开标准，不过所有浏览器都支持该对象。在进行窗口的操作或者输入框操作时，如果事件处理函数用的频率无限制，会加重浏览器和服务器的负担，此时我们就可以用防抖（debounce）和节流（throttle）的方式来减少调用频率，同时又不影响实际效果。location是个神奇的对象，既是window的对象也是document的对象。...
2022-08-25 20:24:38
67
原创 DOM中的操作节点
3.replaceChild()替换节点 第一个参数：要插入的节点；第二个参数：要替换的节点；/添加内部内容 innerHTML可以设别html代码片段 可以识别标签。2.insertBefore()在参照节点前插入节点 第一个参数要插入的节点 第二个参数参照节点。4.removeChild()一个参数 要移除的节点。// 深复制 复制节点和内容。复制节点 有参数true代表深复制。//1.获取到父节点。1.appendChild()追加节点。//浅复制 只复制节点 不复制内容。5.获取节点内部内容。
2022-08-24 20:24:42
39
原创 有关js的算法题目
2.编写代码实现数组扁平化输出，例如：输入[[1,2,3,[4,5,6,[7,8]]],[9,10],[11,12,[13]],5] 输出为[1,2,3,4,5,6,7,8,9,10,11,12,13,5]返回字符串中 最后一个 单词的长度。1.统计一个字符串中字符出现的次数，例如：输入 hello,l 输出 2。示例 1：输入：s = "Hello World"解释：最后一个单词是长度为6的“joyboy”。解释：最后一个单词是“World”，长度为5。解释：最后一个单词是“moon”，长度为4。
2022-08-23 10:41:24
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人