- 博客(80)
- 问答 (2)
- 收藏
- 关注
原创 JS原生 常用知识
JavaScript获取DOM注册事件网站支持:MDN | JavaScript基础w3schools获取DOM语法:document.querySelector("选择器")document.querySelectorAll("选择器")document.getElementById("id名")getElementsByClassName("class名")getElementsByTagName("标签名")例????子:<body> <div c
2020-10-12 18:45:46 544
原创 unicloud
unicloud 常用知识查询数据库查询某一字段的数据unicloud官方教程查询数据库查询某一字段的数据需求:数据库中有 4 列,查询数据库,只要返回第 1 列的数据即可语法:db.collection("表的名称").field('限制字段').get().then(res => { // console.log(res)})例子:db.collection("lottery_type_jvhe").field('lottery_id').get().then(res =&
2022-05-11 23:28:31 1091
原创 PR 基础使用
PR 基础使用添加字幕点击跳转:推荐课程!!!添加字幕软件:Arctime Pro 官网下载安装即可。使用:我目前的版本是 Pro 3.1.1 B4,以下已该版本来讲解第1步:打开 Arctime Pro 软件,将要添加字幕的视频拖入到软件中:第2步:点击该区域,输入所需的字幕:换行:表示断句空格:表示停顿一下第3步:点击 “JK 键拍打工具” :第4步:播放视频,同时使用 “JK 键拍打工具” 实现字幕的插入:“JK 键拍打工具” 使用步骤:4.1. 在一句话的
2022-04-25 23:01:45 2760
原创 GO 开发 WEB
GO 开发 WEBGo 常用命令MySQL 常用命令Go 常用命令go mod init 项目名go get -u github.com/gin-gonic/gingo run maingo mod tidyMySQL 常用命令登录MySQL:mysql -h 地址 -u 账户 -p密码 如:mysql -h localhost -u root -proot查看当前账户下拥有的所有数据库:show databases;进入数据库:use 数据库名;如:use db1;查看当前数据库
2022-02-28 13:26:25 369
原创 tcp 的 3次握手和4次挥手【超级简单】
3次握手,4次挥手背景:A 和 B 打电话问:如果3次握手异常会怎样?问:为什么4次挥手不改成2次挥手?文言文的解释3次握手4次挥手科普:TCP 协议进行通讯的双方(服务端和客户端),是需要先建立一个虚拟连接的,然后双方程序才能发送业务数据信息。建立TCP虚拟连接是通过著名的 三次握手 进行的。背景:A 和 B 打电话场景1:A:你好!能听得到我说话吗?B:你好!听得到!那你能听得到我说话吗?A:我也能听得到!场景2:A:今天我聊得很开心!B:是的,我也聊得很开心!B:改天再聊
2022-02-09 17:20:53 1759
原创 spring
springIDEA 创建 springboot 项目:springboot 的优点:IDEA 创建 springboot 项目:IDEA 要先安装下 Spring Boot 插件:创建 springboot 项目:忽略文件创建出来的项目有不少冗余的结构,在此进行忽略处理:springboot 的优点:起步依赖(简化依赖配置)自动配置(简化常用工程相关配置)辅助功能(内置服务器,…)...
2021-12-05 16:13:56 186
原创 uniapp 404页面
uniapp 404 页面需求:uniapp 在写 H5 时,如果在地址栏乱输入,会跳转到 404 页面。思路:uniapp 有个 应用生命周期 onPageNotFound,让跳转不存在的页面时会执行这个回调函数。所以需求就很好解决了!具体操作:第一步:写一个 404 页面,并在 pages.json 中配置其路由。第二步:在 App.vue 的 onPageNotFound 生命周期中处理跳转到 404 页面的逻辑:// App.vue 文件:export default {
2021-11-01 11:43:49 3144 2
原创 进入/退出全屏
vab框架拆解进入/退出全屏进入/退出全屏<template> <div> <button @click="full">进入全屏</button> <button @click="fullPart">某个元素进入全屏</button> <button @click="exit">退出全屏</button> <div class="container">喔喔<
2021-10-29 06:13:17 1192
原创 2、JavaWeb
JavaWeb单元测试Junit 单元测试反射获取 Class 对象(`.class` 字节码文件)的方法Class 对象功能1. 获取成员变量们Field:成员变量2. 获取构造方法们Constructor:构造方法3. 获取成员方法们Method:方法对象4. 获取全类名注解1. JDK 中预定义的注解2. 自定义注解3. 在程序中使用(解析)注解单元测试#mermaid-svg-yybqMTyhg3gKq4TF .label{font-family:'trebuchet ms', verdana,
2021-10-14 22:44:00 90
原创 一些常用命令
git & Linux & npm & yarn常用命令git 常用命令Linux 常用命令npm 常用命令git 常用命令git init 初始化git add . 临时保存git commit -m"" 确认保存git pull 拉取git push 推送git push -f 强制推送git log --oneline 查看版本日志git reset --hard 版本号 回滚git branch 查看当前有几个分支git branch 分支名 新建分支
2021-07-27 21:28:32 82
原创 写项目过程中遇到的问题
项目难点uniapp:需求:拖动标签,保存位置。movable-view 可拖动视图容器 的 change 事件在拖动过程中是一直触发的,如果在 change 事件中对位置进行存储,位置的 top 值会一直在递增(原因不明),导致即使停止了标签的拖动,标签依旧会竖直往下移动。解决:只在 change 事件中只对位置信息进行记忆,通过另外的(点击/滑动)事件来对位置信息进行存储。......
2021-05-19 16:12:19 1463 5
原创 自动梳理 CSS 代码
css 代码梳理一个优秀的程序员写的代码总是井然有序的。下文教大家怎么让 css 代码按一定规则排布。工具及插件:IDE:VSCode;插件:CSScomb第1步:在 VSCode 中安装 CSScomb 插件。第2步:进入 CSScomb 的扩展设置页面。第3步:在 setting.json 中编辑。可以勾选 Auto format on save,可以在 ctrl+s 保存代码时自动格式化 css 代码。第4步:此时会跳转到 setting.json 页面,
2021-04-28 17:54:14 710
原创 mixin 简单使用
mixin 简单使用以:【vue 项目、scss 预处理】 为例,讲解下怎么用 mixin 简化 css 代码。写好公共样式// mixins/waterfall.scss @mixin waterfall() { .waterfallContainer { padding: 0 12rpx; background-color: #f9f9f9; } }在页面中导入并使用公共样式<style scoped lang="s
2021-04-21 14:11:25 209
原创 App 底部导航 中间加号
App 底部导航 中间加号1. [页面生命周期](https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%E9%A1%B5%E9%9D%A2%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F)2. [minbutton](https://uniapp.dcloud.io/collocation/pages?id=tabbar) (亲测可行!!!)3. [uView 中的 Tabbar 底部导航栏](https://uviewui
2021-04-14 23:23:24 1695
原创 VSCode打断点
VSCode打断点1、安装插件 `Debugger for Chrome`2、运行→启动调试 (或 F5 快捷键)3、选择环境 `Chrome`4、此时会出现 `launch.json` 配置文件5、鼠标单击行数左侧打断点6、全局安装 `http-server`7、运行`http-server`8、再次 运行→启动调试 (或 F5 快捷键)即可拦截断点处以 VSCode IDE 、js代码、谷歌浏览器 为例。1、安装插件 Debugger for Chrome2、运行→启动调试 (或 F5
2021-03-31 23:51:18 31156 1
原创 1、Java 基础
extents 继承格式:class A extents B { }A:子类、派生类、subclassB:父类、超类、基类、superclass规则:子类 A 继承了父类 B 以后,A 就获取了 B 中声明的所有结构(属性、方法)。子类可以继承父类的 private 结构,可以获取到父类的私有结构,但由于封装性的影响,子类不能直接调用父类的私有结构。子类继承父类后,还可以声明自己特有的结构。一个父类可以有多个子类。一个子类只能有一个直接父类(直接继承的父类
2021-03-29 22:43:38 124
原创 Element 动态增减表单项+自定义校验规则
动态增减表单项+自定义校验规则使被遍历的每一条数据都能被验证,效果图例如:上图仅作参考,非下面代码的运行图。html: <el-form-item v-show="editForm.switchVal" label="列表:"> <div v-for="(item, index) in editForm.list" :key="index"> <el-form-item :prop="`list.${index}.tel`" :rules="editRu
2021-03-18 17:33:10 1632 2
原创 ElementUI Upload上传 文件缩略图 删除
ElementUI Upload上传 文件缩略图 删除ElementUI 的 Upload上传 的 文件缩略图 部分,删除功能的实现没有写具体。在此补充一二:html: <el-form-item label="证件照片" prop="idPhoto"> <el-upload ref="pictureUpload" action="https://jsonplaceholder.typicode.com/posts/" list-type="picture
2021-03-15 15:31:14 5443 7
原创 一个项目多个后端
一个项目多个后端解决:一个项目不同基地址解决:一个项目不同后端解决:一个项目不同基地址如果你在发请求的时候, 基地址baseURL不通用,这时发请求时可以 单独再写个 baseURL:src/api/index.js:请求后端 1:import request from '../utils/request'export function userList(params){ return userRequest({ url:"/user/list",
2021-03-11 15:23:30 940
原创 css中使用js变量
css中使用js变量<div class="msgs" :style="{ '--marginLeft': labelWidth }"> 今日已发起转账金额 100 万元</div>
2021-03-01 15:34:13 1141 3
原创 锚点定位
锚点定位--vue方法一:方法二:方法一:html:<a href="#service">点击跳转到定位处</a><div id="service">定位处</div>可能需要自己移除一下a标签的默认事件。方法二:html:<button @click="toService">点击跳转到定位处</button><div id="service">定位处</div>js:toSer
2021-02-23 14:50:25 237
原创 css样式:内容不够时,尾部居下
主体内容不够时,尾部紧贴着主体,看起来丑急了:预期效果:这样的效果是不是好很多?!我以 vue 项目为例,演示下 css 要怎么写:代码:<template> <div class="app"> <div class="appContainer"> <Roof></Roof> <router-view></router-view> </div>
2021-02-04 16:29:44 354
原创 响应式
自适应一、js 通用:利用媒体查询适配样式。// css代码:.folding { padding-left: 200px;}// 仅在屏幕宽度低于500px时生效:@media screen and (max-width: 500px) { .folding { padding-left: 20px; }}二、vue 中:监听。<template> <div> <h2>{{ info }}</h2>
2021-01-19 09:54:16 83
原创 element下拉菜单 command 传递多个值
element 的下拉菜单 command 传递多个值核心代码:<el-dropdown-item :command="{row:boy, command:'1'}">传多个值</el-dropdown-item> 完整代码:<el-dropdown @command="handleCommand"> <span class="el-dropdown-link"> 下拉菜单<i class="el-icon-arrow-down e
2021-01-14 21:28:54 1841
原创 css 使样式在最后一个元素上不生效
css 使样式在最后一个元素上不生效在一些情况下,比如:循环渲染后,要给所有元素(最后一个元素除外)都加上一个margin-bottom: 20px;,这时候只要写css多加一行代码即可代码(格式用了css预处理):.el-col { margin-bottom: 20px; // 加上这行代码即可: &:last-child { margin-bottom: 0; } }...
2021-01-06 16:22:10 4350
空空如也
写 vue 3 路由的时候,出现了 bug
2022-08-05
请问有大佬在使用 uniapp 时遇到过这种 BUG 吗?怎么解决的呢?
2021-04-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人