- 博客(57)
- 收藏
- 关注
原创 【JavaScript】关于隐式类型的思考
(除0不行哈),是字符串转换成number类型的。碰到了直接认为后面数字会被转换成字符串,其实是。在两种类型下是拼接字符串,在遇到。%模运算符 (只返回余数)遇到了一道题目,关于JS(平常遇到的最多类型是。
2024-08-19 20:27:20
286
原创 【Vue3】图片未加载成功前占位
原生img标签可以通过自定义指令解决< template > < img class = " image_item-img " v-preload = " ' loading' " src = " https://xx " alt = " 加载失败 " /> < script setup > import {reactive } from 'vue' // 自定义图片占位 const vPreload = {
2024-08-08 16:33:07
779
原创 【uniapp】微信小程序分享收藏功能
Mixin可以是一个普通的对象,也可以是一个被定义为Vue实例的组件。当一个组件使用mixin时,mixin中的选项会和组件的选项进行合并。如果有重复的选项,组件的选项会覆盖mixin中的选项。Vuex公共状态管理,如果在一个组件中更改了Vuex中的某个数据,那么其它所有引用了Vuex中该数据的组件也会跟着变化。使用mixin的好处是可以将一些通用的逻辑和功能提取出来,以增加代码的复用性和可维护性。Mixin中的数据和方法都是独立的,组件之间使用后是互相不影响的。借助mixin实现所需界面的展示。
2024-04-16 11:45:50
741
原创 【uniapp】多端打包(h5...)
1. h5HBuilder X -> 项目目录中manifest.json发行查看打包文件(用浏览器打开就行了)或者直接运行在浏览器中
2024-04-09 23:27:41
540
原创 【uniapp】uniapp实现免密登录
setStorageSync第二个参数是任意类型,支持被 JSON.stringify 序列化的对象,可以将存储的时间和。不好的点是存储会花费一些时间,可能会可能会阻塞主线程,导致界面卡顿或者无法响应用户的操作。onLaunch初始化完成时触发并且全局只触发一次,早于全局路由。打开一个网页或小程序的时候,我们有时候会自动进入主页,而不是登录页面。的时间戳小于当前时间戳,则表示已经超过有效期,需要重新登录。如果路由跳转逻辑复杂,建议使用全局路由,也好方便管理。如果不要求实时性,推荐使用。之后可能要获取
2024-03-26 21:33:09
1442
1
原创 【JS】浅谈浅拷贝与深拷贝
我们对数组或者对象进行操作的时候,有时并不想操作原始对象,就会将对象或数组复制出新一份,在新的一份中进行操作。深拷贝与浅拷贝是常用于对象或数组进行复制。浅拷贝引用同一块内存,会影响原数据基本类型值不变,引用类型会改变实现方式:… , Object.assign() , slice(),concat()深拷贝新开辟内存,不影响原数据基本类型和引用类型不改变循环递归, JSON.stringify() , loadsh库中_.cloneDeep()
2024-03-13 22:16:37
1190
原创 【JS】浅谈防抖与节流
防抖与节流算是面试题常问的一题。各个博客也经常拿电梯举例,再回顾一下。防抖:假设你进入一部电梯,当你按某个楼层,电梯10秒关一次门,正要关闭的时候。另外的人又按了开门的按钮后进入电梯,此时电梯门又要等10秒中关闭。直到没有人按开门按钮,最后的关闭按钮才会关门。节流:我们上下班经常坐地铁,我们知道每到一站会有个15秒上下客时间,超过15秒地铁门就会关闭,坐不上和坐过站的都只能等下一辆地铁。防抖: 执行最后一次节流:每隔一段时间执行一次。
2024-03-11 15:17:42
941
原创 【JS】关于this的使用
痛点经常写Vue项目,现在自己问题是只知道如何使用,但是不知道为什么用它。Vue2通过它获取Vue实例上的属性,而Vue3写法基本上抛弃它了。为什么抛弃它呢?例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2024-03-06 18:40:12
1169
1
原创 使用CSS计算高度铺满屏幕
今天写项目时出现高度设置百分百却不占满屏幕,第一反应看自己设置的是块级元素还是行级元素。看了几篇博客,发现并不能解决问题。脱离文档流的做法都没考虑,前期模板搭建脱离文档流,后面开发会出现很多问题。以上图片是我要解决的问题。
2024-01-17 12:02:56
2461
原创 Vue3+Ts+Element Plus 创建项目模板
现在Vue3和ts逐渐成为主流,今天刚接了一个后台管理需求,考虑用现在流行的框架技术做。接下来全用npm包管理器。
2024-01-16 15:35:16
818
原创 关于Vue使用props传值遇到的一些问题
翻译过来:数据属性“tableData”已声明为prop。请改prop默认值。将父组件的prop传过去变量改一下。
2023-11-06 16:27:05
674
原创 使用React18+Ts创建项目
使用脚手架创建项目后,自带react-dom等依赖项,但react中的所用的路由方法是react-router-dom中。运行成功后,你应该可以通过 http://localhost:3000 访问到你的应用程序。完成上述步骤后,我们还可以使用sass,less等预处理器来处理样式。新建一个router文件夹,里面创建index.tsx文件。这样我们就可以直接在项目中使用sass样式。
2023-09-09 11:15:17
609
原创 CSS scoped 属性的原理
在 Vue 组件中,为了使样式私有化(模块化),不对全局造成污染,可以在 style 标签上添加 scoped 属性以表示它的只属于当下的模块,局部有效,使样式互不污染。如果引用了第三方组件,需要在当前组件中局部修改第三方组件的样式,而又不想去除 scoped 属性造成组件之间的样式污染。给所有组件实例添加了一个唯一不重复的动态属性,给每个标签对应的dom元素添加一个标签属性,data-v-xxx。每个选择器的最后一个选择器添加一个属性选择器,原先#app,更改后#app[data-v-xx]
2023-08-22 23:22:58
1717
原创 Web Worker的使用
JavaScript采用的是单线程模型,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。每个任务将按顺序运行;必须先完成一项任务,然后才能开始下一项任务。Web Worker的出现,就是给js创建多线程的环境。这样,一些高延时的任务,就可以交给webworker去执行,主线程负责UI交互,这样主线程就不会被阻塞。
2023-08-21 11:24:05
3296
原创 【es6】中的Generator
Generator 函数是一种异步编程解决,可以更好的控制函数执行。其中yield是同步的,调用next()才能打印出值。函数返回的是一个对象,而next方法返回的也是一个对象,其中有value(值),done(是否遍历完)。一个next对应一个yield语句,当最后done为true时,再调用next方法,值都是undefined。全部遍历可使用for…of,其原理还是数据结构内部有iterator接口。
2023-08-20 23:03:24
502
原创 【Vue3】localStorage读取数组并赋值的问题
今天在写项目用到localStorage进行存储并读取数据,并将读取到的数据存放到列表的时候,发现vue3不能直接对数组进行赋值。因为Vue3的响应式是proxy,对所有的数据进行了拦截。可以看出来JSON.parse()解析出来是一个数组,里面包含很多对象。现在的问题变成了如何从数组中取出每个对象的值,并将它们存放到数组中。
2023-08-08 10:49:50
681
原创 Vue兄弟间通信之---EventBus
eventBus原理是创建一个空Vue实例, 然后在上面挂载通讯事件, 在响应事件时, 可以认为这个Vue实例(组件), 是所有组件的父组件, 在触发事件时, 可以认为这个Vue实例, 是所有组件的子组件。实质上EventBus是一个不具备 DOM 的组件,它具有的仅仅只是它实例方法而已。EventBus被称为事件总线,和Vuex类似。
2023-07-27 10:50:37
663
原创 uniapp中出现Cannot send network request to localhost.
uniapp中连接本地接口出现Cannot send network request to localhost.
2023-07-19 11:22:17
319
原创 【uniapp】cover-image的click事件不生效
使用uniapp中的cover-image标签,添加点击事件却不生效。查了代码发现都是正常的。参考其他博客,基本都是z-index层级设置的问题,cover-image级别设置到9999发现还是不行。后来怀疑是冒泡问题,但是我这是第一个点击事件,也不存在这问题。我把所有z-index都重新去掉试了一下,发现是我canvas中设计的层级有问题。问题点我之前把canvas层级设置到最底层,去掉就好了。不明白设置到最底层,而图片层设置高一点为什么不行?
2023-07-14 18:09:55
1096
原创 SyntaxError: Unexpected token u in JSON at position 0
【代码】SyntaxError: Unexpected token u in JSON at position 0。
2023-06-15 15:47:53
714
原创 element中el-tree取不到数组数据
这两天数组赋值总是出现ob_:observer,代码也是同样的。但是dom却渲染不上,读不到数据。一开始我因为是因为数组中出现ob_:observer这个原因,在搜了大量的博客后,依然解决不了。发现defaultProps中的label要与接口中的字段名要一样,要不然映射不上。最后怀疑是element中el-tree中哪里定义错了,去官网看,
2023-04-26 14:51:27
411
原创 【webpack】开发项目中常用webpack配置
目前部分浏览器和 Node.js 已经支持 ES6,但由于它们对 ES6 所有的标准支持不全通常我们需要把采用 ES6 编写的代码转换成ES5 代码。
2023-04-18 14:29:25
216
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人