- 博客(23)
- 问答 (1)
- 收藏
- 关注
原创 vue3 表格导出 hook 操作并写入电子表格数据和样式到 XLSX 和 JSON 文件。一个 Excel 电子表格文件逆向工程项目。
【代码】vue3 表格导出 hook 操作并写入电子表格数据和样式到 XLSX 和 JSON 文件。一个 Excel 电子表格文件逆向工程项目。
2024-10-31 17:49:40
210
原创 element-plus table tree default-expand-all 动态控制树形数据全部展开关闭功能
其实很简单 :default-expand-all="isExpand" 控制是否全部展开 ,但是el-table-tree是否展开又受:expand-row-keys="expandRowKey" 控制 ,所以我们将两个参数值都动态控制就能实现啦。
2024-07-29 15:00:06
446
1
原创 el-tree
function handleCheck(data:any, { checkedKeys }) {if (checkedKeys.includes(data.id)) {// 选中let node = menuRef.value.getNode(data.id);selectChildren(data, true); // 选中子节点parentNodesChange(node); // 选中父节点} else {selectChildren(data, false); // 取消子节点}}function
2024-03-14 16:07:18
431
1
原创 小程序 uniApp 下拉刷新 上拉加载
在小程序和uniapp 中 可以通过 这个组件来实现 下拉刷新 和 上拉加载的功能。设置下拉刷新的状态 (true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发)往往需要的操作 就是将 当前页面的数据重置 对于固定的数据 只需要重新发起一次请求 ,对于。// 上拉加载 只需要 调用组件中 请求列表数据的方法。只需要清空之前记录的数据 ,在页面更新时在发起请求。// css 要加 不然滚动刷新不触发。可以实现 横向 或纵向的滚动。下拉刷新的目的 就是。
2023-09-15 12:00:02
2547
1
原创 Vue-router
/ path也可以不以/开头,这种叫相对写法,相对于自己的父级path xxx===/layout/xxx。// path以开头的叫绝对写法,意思 :写什么路由的path是什么最后就是什么 /xxx===/xxx。
2022-10-30 22:26:49
506
原创 Vue组件化编程
自定义指令私有自定义指令:在组件的directives节点声明全局自定义指令:在main.js文件中声明除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。v-xxx注意,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。
2022-10-30 16:34:40
365
原创 Vue生命周期
是指vue实例从创建到销毁的过程,这个过程中是分成很多个阶段的 所有的生命周期都是一个函数,它是自动会触发,不需要去调用(不能调用),到了相应时间点,它就会自行执行。销毁后,销毁实际就是中断渲染,这时候还是可以访问data与methods,只是不能访问vue渲染后的dom,它也可以做一些善后工作。渲染后,vue内的dom已渲染完成,可以访问vue渲染后的dom,进入页面需要有dom操作就在这里进行。渲染前,读取了template需要渲染的部分,但是还没有完成渲染,还是不能访问vue渲染后的dom。
2022-10-21 01:00:38
207
原创 vue-cli脚手架创建
选项?> Manually select features 选自定义手动选择功能选择vue的版本3.x> 2.x是否使用history模式选择css预处理选择eslint的风格 (eslint 代码规范的检验工具,检验代码是否符合规范)比如:const age = 18;=> 报错!多加了分号!后面有工具,一保存,全部格式化成最规范的样子选择校验的时机 (直接回车)选择配置文件的生成方式 (直接回车)是否保存预设,下次直接使用?
2022-10-20 22:03:26
190
原创 vue指令
Vue 是动态构建用户界面的渐进式 JavaScript 框架Vue 借鉴 Angular 的模板和数据绑定技术,React 的组件化和虚拟 DOM 技术。
2022-10-19 21:42:40
281
原创 Es6模块化
在ES6模块化标准出来之前,JavaScript出现了多种模块化方案,AMD,CMD,CommonJS等。由于这些方案都有一定的差异性与局限性,例如AMD,CMD适用于浏览器端的JavaScriptCommonJS适用于服务器端的JavaScript都没能做到一统整个市场。太多的模块化给开发者增加了学习的难度与开发成本。因此官方的ES6模块化标准诞生了。放眼将来,只要是JavaScript中就可以使用ES6模块化。
2022-10-10 00:27:30
457
原创 webpack配置
webpack是前端的打包工具打包的工作内容是什么扫描项目,生成整个项目所有模块的依赖关系,根据配置对模块进行合并,生成一个单独的文件。修改html文件,让html文件引用生成后的文件将浏览器无法直接识别的(less、sass、ts)文件,转换成浏览器可以实现的内容。将浏览器暂时无法支持的JS新的语法转换成浏览器可以支持的语法。
2022-10-09 23:38:37
12440
原创 Ajax,axios,promise,formData学习笔记
Ajax(Asynchronous JavaScript and XML)不是指一种单一的技术,而是有机地利用了一系列相关的技术。虽然其名称包含XML,但实际上数据格式可以由JSON代替,进一步减少数据量,形成所谓的AJAJ。为了使用JavaScript向服务器发出HTTP请求,需要一个提供此功能的类的实例。这就是XMLHttpRequest的由来。这样的类最初是在Internet Explorer中作为一个名为XMLHTTP的ActiveX对象引入的。
2022-10-01 18:24:32
767
原创 【无标题】flex布局
采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称"项目"。正在上传…重新上传取消容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size。
2022-09-03 23:05:39
225
原创 一个简单的web计算器 (简单易懂)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
2021-09-15 22:22:41
2878
空空如也
为什么 这里的 obj[chars], 不需要添加引号呢obj['chars']?
2021-07-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人