- 博客(70)
- 收藏
- 关注
RSS订阅原创 fluent UI 中的Combobox如何在option的上面加一个input
然后强制设置焦点，在 onClick 事件中，手动将焦点设置到 Input 元素上，通过ref，走到这一步会发现点击input之后，下拉框消失了，这时候就要用到Combobox的open属性，点击input后，设置open的值一直是打开状态。会出现一个问题，点击search input框，可以触发input的onClick事件，但是无法获取焦点，焦点还在select的下拉框中。首先在input的唯一可以触发的onClick方法中取消默认冒泡行为，(此时onFocus，onChange事件都不会触发)
2024-08-22 14:23:24
381
原创 git代码提交到错误分支怎么办？
因为它远程分支下有错误分支之前的所有提交 pr 的信息，也就是 files 改变数目也包含错误信息之前 pr 提交的 files，而不仅仅是这次想要转移的单个 pr file。4.git stash 将当前的工作目录和暂存区的更改保存到一个临时的存储区域中，从而让你可以暂时切换到其他任务或分支上继续工作，而不会影响当前的工作状态。：如果想要 pr 提交到新建分支，那么新建分支必须在主分支，如：main分支下创建，如果还在错误的分支下创建，那么新建分支会。如果不小心把一个任务的pr提交到另一个分支，
2024-07-18 16:00:44
442
原创 解决git 不同branch 下node_moudes不同步的问题
这将在仓库的父目录中创建一个新的工作树目录 new-feature-branch，并在 new-feature 分支上工作。如果分支不存在，Git 会为你创建它。可以使用工作树通过不同的分支管理项目，实际上就是创建不同的项目文件，分别安装不同的rely，可以多个终端分别运行。这样做的好处是，每个项目文件对应一个分支，在提交pr的时候，会自动选定当前分支。2.检查 worktree 列表。
2024-07-18 15:24:18
384
原创 fluent UI v9版本Dialog右上角x按钮聚焦问题解决
第一次点击不会聚焦，第二次或多次点击会出现这种情况。如果多个地方公用一个页面里，这个页面包含这个组件，那其它页面刚打开弹框就是聚焦状态，是个样式的问题。失焦就好了，给close button设置style样式是无效的。右上角x按钮聚焦效果展示。
2024-05-31 14:39:01
394
原创 yarn : File C:\Users\Username\AppData\Roaming\npm\yarn.ps1 cannot be loaded because running script
安装环境变量，增加下面的path到环境变量。
2024-05-17 18:10:44
261
原创 详解JavaScript中this指向
this 是一个指针型变量，它指向当前函数的运行环境。1.内存的数据结构2.函数引擎会将函数单独保存在内存中，然后再将函数的地址赋值给foo属性的value属性。由于函数是一个单独的值，所以它可以在不同的环境（上下文）执行。3.环境变量函数体里面使用了变量x。该变量由运行环境提供。上面代码，函数体内的this.x就是当前运行环境的 x上面代码中，函数f在全局环境执行，this.x指向全局环境的x。在obj环境执行，this.x指向obj.x。
2024-03-23 12:20:45
1115
1
原创 js数组方法总结，数组遍历方法，判断数组方法总结
• 非同种类型数据的数组通过哈希映射分配内存空间，首先要计算索引值，如果索引值有冲突还需要二次查找（需要知道哈希的存储方式）。• 同种类型数据的数组分配连续的内存空间，只需要根据索引（指针）直接计算存储位置。
2023-12-19 16:27:35
161
原创 【微信小程序】上传头像 微信小程序内接小程序客服
原本思路是只使用image标签再加上chooseImg，但发现使用button标签上传头像这种方法更实用。微信小程序文档上，button的 open-type 功能有很多。内接公司内部的小程序客服，先在微信公众平台设置小程序客服，然后使用button的open-type设置成contact，再进行事件对接。
2023-12-03 18:46:08
1352
1
原创 【微信小程序】保存多张图片到本地相册 wx.saveImageToPhotosAlbum
后端返回一个字符串，内容是标签，img，需要截取出src中的图片链接，上传前判断是否开启存储权限，如果不检测直接上传会出现fail的情况。
2023-11-30 11:58:44
1129
1
原创 js浅拷贝和深拷贝
0bject.assign () 方法会将source里面的可枚举属性复制到target，复制的是属性值如果属性值是一个引用类型，那么复制的是引用地址，因此也属于浅拷贝。通过上例可以看出浅拷贝虽然复制出了一个新的数组，但是当数组的元素为引用数据类型时，浅拷贝只拷贝了地址，通过原数组改动这个地址指向的数组，新数组同样也会发生变化。通过上例可以看出深拷贝是每一个层级都在堆内存中开辟了新的空间，是拷贝了一个全新的数组或对象，不会受原数组或原对象的影响。// false，即使是数组里第二层级的数组也是不相同。
2023-07-20 14:44:44
289
原创 进入新公司之后学到的内容
对于性能优化方面，可以研究一下，有助于自己的进步，比如，h5开发App，通过多模块分包打包，把我们的打包结果按照一定的规则去分离到多个bundle中，然后根据我们应用的运行需要，按需加载这些模块。微信小程序有时候开发者工具和真机上显示的功能还是有区别，有些比如说input的类型标签，number类型，在开发者工具上数字，文字都可以输入，但是真机上只会弹出数字输入框。对自己的开发时间估计，如果不够，一定要提出来，只有开发，测试都没有问题，才能事半功倍，否则只会事倍功半。
2023-06-23 13:51:37
118
原创 taro实现小程序地图打点，地图拖拽中心点固定，解决regionChange频繁触发
使用vue3，在微信无法展示这些点位的原因，首先是微信开发者工具安装最新版，然后是异步，可以用v-if控制地图标签，等请求完接口再进行展示。然后通过Taro.getLocation获取自己的经纬度，最后从接口里拿到点位，遍历放到markerList里面。show-location：是否展示自己定位的经纬度。然后点击点位触发的方法是markertap。首先判断用户是否允许授权，
2023-06-23 10:05:51
1772
原创 package.json 和 package-lock.json详解
npm使用一个名为package.json的文件，用户可以通过npm install --save命令把项目里所有的依赖项保存在这个文件里。npm遵循语义版本控制。
2022-10-12 20:29:19
1688
1
原创 vue3+ts通过lodash实现防抖节流
安装lodashnpm i --save-dev @types/lodash在组件中引入lodashimport * as _ from 'lodash'防抖_.debounce(func, [wait=0], [options=]) 函数在延迟几毫秒之后才执行，也就是停止改变几秒后执行参数func (Function): 要防抖动的函数。[wait=0] (number): 需要延迟的毫秒数。[options=] (Object): 选项对象。[options.leadi
2022-05-02 16:27:47
6013
原创 移动端1px问题解决方案
产生的原因：写代码时一般使用设备独立像素来对页面布局。而在设备像素比大于1的屏幕上，我们写的1px实际上是被多个物理像素渲染，这就会出现1px在有些屏幕上看起来很粗的现象：解决方法：1.小数值px设备像素比devicePixelRadio=2=物理像素/css像素=1px/0.5px，物理像素为1px，设置设备像素比=2，css像素设为0.5px，详情如下：缺点： 兼容性差，目前之余IOS8+才支持，在IOS7及其以下、安卓系统都是显示0px。2.background-im
2022-05-02 08:43:57
821
原创 js中类与构造函数
js中类的概念：把具有共同性质的事务归于一类，得到一个抽象概念，就是类。类的数据类型就是函数，类本身指向构造函数类的写法class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; }}这种新的写法，本质上与下面代码写法是一样的构造函数的prototype属性，在es6的类中依然
2022-04-29 16:59:38
1886
原创 element-ui Notification 通知文字换行
换行代码如下： let success='', fail=''; for(let o in res.data.ToSuccess) { success += res.data.ToSuccess[o] + " " } for(let p in res.data.ToFailure) {
2022-04-01 10:51:01
2250
原创 element-ui的form表单里面写树形组件
功能就是form表单，点击el-input输入框，弹出属性组件，点击选择一个树形组件首先树形组件需要写在弹出框里代码如下：<el-form-item> <el-popover :disabled='false' v-model="deptListVisible" placement="bottom-start" ref="deptListPopover" trig.
2022-03-16 21:12:26
2164
1
原创 npm install安装失败 error D:\xxx\xxx\node_modules\node-sass: Command failed. Exit code: 1
报错完整信息如下：error D:\xxx\xxx\node_modules\node-sass: Command failed.Exit code: 1Command: node scripts/build.jsArguments:Directory: D:\xxx\xxx\node_modules\node-sassOutput:Binary found at D:\software\nodesass\win32-x64-72_binding.nodeTesting binaryBin
2022-03-14 16:19:25
7092
原创 uniapp项目的map组件生成地图显示
需要腾讯地图服务商 SDK 配置配置：1.首先需要获取腾讯地图的秘钥打开腾讯位置服务：https://lbs.qq.com/点击右上角创建应用创建之后点击右上角添加key:述填入key名称和验证码之后，点击确定。2.打开manifest.json3.点击h5配置，勾选腾讯地图，输入key值4.在以下位置输入key值，下面key的值前面必须是“key”，不能改动...
2021-12-16 22:40:38
771
原创 springboot整合security，swagger2页面
在这里插入代码片引入依赖 <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger-ui</artifactId> <version>2.6.1</version> </dependency> <depende
2021-09-01 09:12:06
319
原创 xftp连接linux
首先配置linux网络，取消注释，进入文件vi /etc/ssh/sshd_config去掉前面的#号# Authentication:LoginGraceTime 2rmPermitRootLogin yesStrictModes yes然后配置电脑上虚拟机网络地址参考链接：VMnet8配置如果是ssh拒绝了密码，应该是用户名大写改为小写。注意用户名不是进入Linux系统之前登录的用户名，而是打开终端第一次出现的用户名[yyy@localhost ~]$ 我的用户名是
2021-08-27 15:58:32
186
原创 el-upload上传文件实现视频上传
上传成功后，下面的滚动条和文件名消失 <el-form-item label="上传视频" prop="videoPath" :required="videoTo"> <el-upload ref="video" class="upload-demo" v-model="form.videoPath" drag action="/api/ETool.
2021-08-26 22:26:07
6498
1
原创 linux报错Loading mirror speeds from cached hostfile There are no enabled repos.
首先，检查是否联网，没有联网的话，需要联网然后，在root用户下进行，并切换目录，使用命令：cd /etc/yum.repos.d不能直接在【root @localhost ~】目录下进行
2021-08-23 22:07:46
2761
原创 el-admin封装的crud，在created中拿不到数据，拿数据的方法
首先，created只在重新加载时调用一次 即第一页的数据，当在页面点击分页按钮，不会调用，所以之后页面的数据无法获取。点击分页标签中的页数，会调用crud中刷新的方法，调用接口，拿到本页的数据用刷新后生命周期函数获取数据，在里面用this.crud.data可以获取到数据。 methods: { [CRUD.HOOK.afterRefresh]() { var data = this.crud.data; console.log(data, "data");
2021-08-16 17:12:50
1459
原创 Vue2Editor富文本实现图片上传
上传图片要添加两个属性，useCustomImageHandler@image-added=“handleImageAdded” <template> <div id="app"> <VueEditor useCustomImageHandler @image-added="handleImageAdded" v-model.
2021-08-14 19:00:05
1303
原创 echart图表动态获取数据，异步渲染数据，并在el-tabs标签页展示，解决标签页切换之后echart收缩问题
1628824416750 思路：两个图标签页分别为饼图和柱状图，默认显示第二个标签页。两个标签页的数据尽量不要同时获取，否则加载太慢。第二个标签页在进入页面时，在created里调用接口获取数据，然后在mounted中获取，显示数据第一个标签页在el-tabs点击时，执行的 @tab-click=“handleClick” 方法中获取数据。解决标签页切换之后echart收缩问...
2021-08-13 14:16:03
701
原创 vue中echart图表y轴左边数值，右边百分比
实现代码如下(有注解解释)： //bar export default { getBarData() { let getBar = echarts.init(document.getElementById("bar")); var option = { legend: {}, tooltip: {}, dataset: { source: [ ["product", "正确数",.
2021-07-30 21:43:27
2353
3
原创 vue中怎么使用echart图表
首先 npm install echarts --save在页面中，写入dom<div id="chart" style="width: 100%; height: 600px"></div>import * as echarts from 'echarts';export default {//调用getEchartData方法 mounted() { this.getEchartData(); }, methods: { get
2021-07-30 16:03:34
350
原创 springboot引入富文本编辑器
首先用链接引入wangEditor,<head> <meta charset="UTF-8"> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js" ></script> <title>发布文章</tit
2021-07-14 14:26:03
231
原创 springboot中的HTML页面作为组件使用
用Thymeleaf进行组件调用。首先在想要作为组件的HTML中，头部在HTML标签中引入thymeleaf链接，在head标签中使用到的标签是 th:fragment = “ id（ valueOne , valueTwo）”，在HTML文件中，将有可能多个地方出现的元素块，用 fragment 包裹起来<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf
2021-07-13 12:33:50
257
原创 springboot连接数据库，写注册页面
1.首先在SpringbootBlogApplication加入@MapperScan注解@MapperScan("com.blog.mapper")@SpringBootApplicationpublic class SpringbootBlogApplication { public static void main(String[] args) { SpringApplication.run(SpringbootBlogApplication.class, args);
2021-05-29 21:12:22
476
原创 security自定义登录页面
1.首先登录页面form表单，要写上action连接，提交方式必须为post注意事项：action链接与@RequestMapping一致input要写name属性，后端才获取到数据，也是为了得到下面的参数http.formLogin().usernameParameter(“username”).passwordParameter(“password”)注意button的type属性是submit，不是button,否则点击会没反应 <!--登录页面--> <
2021-05-25 21:46:17
1207
1
原创 security自定义数据库类型的认证与授权
登录页面地址1.建立数据库create table users(id bigint(20) not null primary key AUTO_INCREMENT,username varchar(50) not null,password varchar(50) not null,roles text);2.填入数据INSERT INTO `users`(`id`, `username`, `password`, `roles`) VALUES (1, 'admin', '12', 'ROL.
2021-05-25 21:30:34
352
原创 mvn clean package -Dmaven.test.skip=true ‘mvn‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
maven环境变量没有配置正确,导致mvn命令不管用，按照链接配好了环境变量：https://www.cnblogs.com/chenyuanbo/p/13171009.html
2021-05-09 15:35:39
880
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人