- 博客(72)
- 收藏
- 关注
原创 JavaScript 调试
通常通过 F12 键启动浏览器中的调试器,然后在调试器菜单中选择“控制台”。3)可以写debugger,类似断点。检查变量,查找编程代码中的错误。4)还可以再控制台看请求数据等。2)控制台直接打断点。
2025-04-15 13:57:48
188
原创 ivew的Table使用render函数实现文字溢出2行显示省略号和显示tooltip
需求:列表文字超出2行显示省略号,并且鼠标移入显示全部信息。
2024-11-25 21:30:00
167
原创 使用vant UI实现时间段选择
需求:选择时间段或者选择日期,时间段不允许跨月,选完开始时间后,结束时间可选 “开始日期~当月最后一天”格式:2023-01-01~2023-01-23 或者 2023-01-01
2024-09-13 17:51:57
1592
原创 前端图片压缩:compressorjs压缩和canvas压缩
本文仅仅简单介绍了compressorjs的使用,非常方便,并且自己可以根据文件size修改压缩质量quality。下篇讲图片水印上传。
2024-08-16 10:34:19
563
原创 vue的组件化
vue的组件化,就是根据功能、业务逻辑、数据流向等因素进行划分把页面拆分成多个组件。组件是资源独立的,组件也可以相互嵌套。在src的components文件下创建,main.js中全局注册。或者在当前需要使用的vue页面同级目录下创建components文件夹代表当前页面的私有组件。可以在src的components文件下创建2个文件夹区分公共组件和私有组件。在src的components文件下创建一个TopTitle.vue的文件。私有组件:创建组件,并通过components节点注册组件。
2024-05-21 14:32:44
460
原创 mixins混入
4.beforeDestroy:组件销毁之前,可以做一些清理操作,比如取消订阅,解绑事件。5.destroyed:组件销毁之后调用,可以做一些清理和资源释放的操作。作用:用来组合多个组件中共用的逻辑,使得代码的复用更加简化,提高开发效率。1.created: 实例创建之后调用,数据初始化或者非响应式的操作。这些钩子函数都会通过mixins混入到组件中,以实现相同逻辑的复用。2.mounted:组件挂载后调用,初始化,或者DOM相关的操作。注意:代码的命名规范,避免数据污染。
2024-05-17 18:09:11
223
原创 微信小程序本地调试请求成功,体验版扫码请求失败
sou了一天,发现本地开发电脑内网,手机扫码用的外网,请求地址外网不可用!而且直接复制ip地址去请求,切换网络就能测试。
2024-05-17 11:25:44
169
原创 vue中的find()函数的用法
其中list是数组,this.list.find()是指在list数组中找某样东西,item是find()函数的寻找某样东西的根据,也可以说是id或者是主键。后面item.code===val是查找这样东西的条件,只有这个item.code完全等于val的时候,才算是找到,才能赋值给obj。find函数基本格式:let obj=this.list.find(item=>item.code==val)相当于find(item){item.code===val}
2024-04-19 11:27:21
4536
1
原创 vue3项目需要切换node版本
Node.js 安装包及源码下载地址为:https://nodejs.org/en/download。打开nvm文件夹,修改settings.txt文件,重新配置。vue3项目需要的node,18以上版本支持。nvm选择刚下载的node版本。复制18以上的版本号。查看本地node版本。
2024-04-12 13:34:27
1642
原创 解决echarts报错:Uncaught TypeError: Cannot read property ‘getBoundingClientRect‘ of null at VueComponent
解决echarts报错:Uncaught TypeError: Cannot read property ‘getBoundingClientRect‘ of null at VueComponent
2023-09-28 16:51:29
1277
原创 小程序自定义tabBar+Vant weapp
1)在app.json 以下代码添加对应文件"pages": [],2)注意第1点生成的tabBar 代码文件custom-tab-bar是在根目录下的,生成了以下文件3)在app.json配置tabBar信息在app.json中的tabBar项指定custom字段为true,同时其余tabBar相关配置也补充完整。所有 tab 页的 json 里需声明项,也可以在app.json全局开启。这里的pagePath值前面没有“/”。"list": [{"text": "首页"},{
2023-08-02 12:05:05
1051
原创 vue中的filter()函数的用法
不等于val的时候的数组,相当于数组中删除了。首先在这里我们要知道的两个基础知识。是指在list数组中,过滤掉。
2023-06-13 15:27:29
3792
原创 Vue 3(Vue CLI 创建vue3项目)
选择Vue 3:在创建项目时,会提示选择一个预设。选择默认的“Default (Vue 3)”预设即可;安装Node.js:从Node.js官网下载安装包,安装过程中一直按照默认选项即可。现在你已经成功创建并运行了一个基于Vue 3的项目。接下来,你可以修改代码、添加新功能,让它变得更加完善。要创建一个Vue 3项目,需要先安装Node.js和Vue CLI。(“键盘↓”表示选择下一项,“空格键”表示选中,“enter键”进入下一步)其中,my-project是项目名称,可以替换成你自己的项目名称。
2023-06-02 16:13:46
752
原创 React 之 react-redux
重点是提供器(Provider)和连接器(connect),还有两个映射(stateToProps、dispatchToProps)
2023-02-07 20:00:00
121
原创 React JSX
JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。React 使用 JSX 来替代常规的 JavaScript。
2022-12-30 15:59:19
122
原创 vue-router的安装和使用
第一步:导入路由对象,并且调用Vue.use(VueRouter)第三步:使用路由:通过< router-view >推荐安装稳定版本 vue-router@3.5.2。第二步:创建路由实例,并且传入路由映射配置。第三步:在Vue实例中挂载创建的路由实例。第二步:配置路由映射:组件和路径映射关系。vue create 项目名称(英文)第一步:创建路由组件。
2022-11-23 19:15:00
8054
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人