摘要: 1.js 原生 ;(function(win, doc) { change() function change() { var remSize = window.innerWidth / 7.5 || 50 /*设计稿是以width = 750px 为基准的*/ document.querySele 阅读全文
posted @ 2024-03-21 21:54 打个大大西瓜 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 练习使用ts 的 接口 interface /** * 使用TS封装一个ajax */ interface Config{ type:string; url:string; data?:any; // 可选 dataType:string; } function ajax(config:Config 阅读全文
posted @ 2024-03-12 12:14 打个大大西瓜 阅读(28) 评论(0) 推荐(0) 编辑
摘要: Vue 组件之间的通信大概归类为: 父子组件通信: props;ref;$attrs / $listeners;$parent / $children 兄弟组件通信: eventBus;vuex 跨级通信: eventBus;Vuex;$attrs / $listeners 一、props/$emi 阅读全文
posted @ 2023-11-15 18:08 打个大大西瓜 阅读(4709) 评论(0) 推荐(0) 编辑
摘要: CORS CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)跨域资源共享 CORS 详解。看名字就知道这是处理跨域问题的标准做法。 CORS背后的思想,就是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应是应该成功,还是 阅读全文
posted @ 2023-11-15 18:07 打个大大西瓜 阅读(22) 评论(0) 推荐(0) 编辑
摘要: js里的解释: A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 从字面上理解下来就是 阅读全文
posted @ 2023-11-15 14:48 打个大大西瓜 阅读(25) 评论(0) 推荐(0) 编辑
摘要: V-model 双向绑定的原理是什么? 做双向绑定时,通常在表单元素上绑定一个v-model,我们在编译的时候,可以解析到v-model 操作时做了两件事: - 1.在表单元素上做了事件监听(监听input、change事件) - 2.如果值发生变化时,在事件回调函数把最新的值设置到vue的实例上 阅读全文
posted @ 2023-11-15 14:46 打个大大西瓜 阅读(181) 评论(0) 推荐(0) 编辑
摘要: Q: 组件的通讯有哪几种啊! 基本最常用的是这三种; 父传子: props 子传父: emit 兄弟通讯: event bus: 就是找一个中间组件来作为信息传递中介 vuex: 信息树 传送门: 基本通讯 Vuex Q: 为什么我的 npm 或者 yarn 安装依赖会生成 lock文件,有什么用! 阅读全文
posted @ 2023-11-15 14:45 打个大大西瓜 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 开发分支(dev) 上的代码达到上线的标准后,要合并到master分支 git checkout dev git pull git checkout master git merge dev git push -u origin master 当master代码改动了,需要更新开发分支(dev) 上 阅读全文
posted @ 2023-11-15 14:43 打个大大西瓜 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 先看效果图:女神镇楼 1.下载Vue-Quill-Editor npm install vue-quill-editor --save 2.下载quill(Vue-Quill-Editor需要依赖) npm install quill --save 3.代码 <template> <div clas 阅读全文
posted @ 2023-11-15 14:42 打个大大西瓜 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 但这个样式是全局的,所以动态也根据自己设置的 用 el-tooltip 标签 配合超出点点点样式 :show-overflow-tooltip="true" 给个宽度超出会有点点点 <el-table-column width="" prop="initRemark" label="xxxxxx"> 阅读全文
posted @ 2023-11-15 14:40 打个大大西瓜 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 一。判断密码满足大写字母,小写字母,数字和特殊字符,其中任意三种组合,且长度在8到15之间 在js中的代码,如下 var testPassword =/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_!@#$%^&*`~()-+=]+$)(?![a-z0-9]+$)(? 阅读全文
posted @ 2023-11-08 10:21 打个大大西瓜 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 创建一个数据表 -- 目标 : 创建一个school数据库 -- 创建学生表(列,字段) -- 学号int 登录密码varchar(20) 姓名,性别varchar(2),出生日期(datatime),家庭住址,email -- 创建表之前 , 一定要先选择数据库 代码如下: CREATE TABL 阅读全文
posted @ 2023-09-15 18:50 打个大大西瓜 阅读(4) 评论(0) 推荐(0) 编辑
摘要: > 表单添加或修改时的验证 ### 1.表单 ``` ``` ### 2.表单验证 ``` //添加数据 addData(){ this.$refs["ruleForm"].validate(async (valid) => { if (valid) { //当验证通过执行你添加的操作 }else 阅读全文
posted @ 2023-09-08 15:35 打个大大西瓜 阅读(148) 评论(0) 推荐(0) 编辑
摘要: > 依旧是公司里那个Vue+Element UI的项目。今天遇到了一个新的问题:表单中某个选择器的值不同,控制着下面表单内容是否显示。放图: ![](https://img2023.cnblogs.com/blog/1798914/202308/1798914-20230830201404126-1 阅读全文
posted @ 2023-08-30 20:15 打个大大西瓜 阅读(1197) 评论(0) 推荐(0) 编辑
摘要: ### 一 调用后端接口排序功能 步骤: 标签中定义排序方法: ``` ``` 要排序的字段定义排序关键字sortable : ``` //注意:调用接口排序时必须sortable="true",表格自带排序则只需sortable sortable="true" ``` methods中实现全局排序 阅读全文
posted @ 2023-08-21 19:01 打个大大西瓜 阅读(734) 评论(0) 推荐(0) 编辑
摘要: 1.效果图 ![](https://upload-images.jianshu.io/upload_images/23226621-e60dfc533585b729.png?imageMogr2/auto-orient/strip|imageView2/2/w/808/format/webp) ## 阅读全文
posted @ 2023-07-07 14:16 打个大大西瓜 阅读(1918) 评论(0) 推荐(0) 编辑
摘要: 先上效果 可以切换节点颜色,展开与否,坚排或者横排都可以配置。 安装 安装vue2-org-tree, 然后再安装样式 less-loade ``` cnpm install --save-dev less less-loader cnpm install --save-dev vue2-org-t 阅读全文
posted @ 2023-07-07 13:57 打个大大西瓜 阅读(602) 评论(0) 推荐(0) 编辑
摘要: > 处理Element 日期选择器el-date-picker 限制时间跨度3个月 。 > 主要通过pickerOptions里的disabledDate来控制禁止选中的日期。实现思想就是,当选中第一个开始日期时,拿到该时间戳计算时间范围,然后控制接下来选中时间在3个月以内,超过范围禁用掉。 ### 阅读全文
posted @ 2023-06-27 18:33 打个大大西瓜 阅读(1118) 评论(0) 推荐(0) 编辑
摘要: ### 一. setup 变量不在写在data里面, 反而在setup内写。 ``` ``` ***ps:*** 1. 使用ref定义字符串,数组等变量值; 2. 变量赋值需要使用.value; ### 二. reactive ``` ``` ***ps*** 1. reactive 接收对象。 2 阅读全文
posted @ 2023-06-20 14:30 打个大大西瓜 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 方法一: git add 添加多个文件,文件之间以空格隔开 git add file1 file2 file3 方法二: 多次git add git add file1 git add file2 git add file2 方法三 : 添加指定目录下的文件 config目录下及子目录下所有文件,h 阅读全文
posted @ 2023-04-19 13:55 打个大大西瓜 阅读(1142) 评论(0) 推荐(0) 编辑