使用方法
文章平均质量分 55
莫尔道嘎老范
分享一些学习技术的经验以及做项目遇到的问题和解决,同时锻炼一下自己表达能力。文字叙述可能不是很精确,有疑问可以提出来大家一起进步!
展开
-
Vue3使用ckeditor5,加载mathtype组件,并将最终结果转化为latex格式输出
ckeditor5在vue3中使用原创 2024-03-06 17:04:26 · 716 阅读 · 10 评论 -
eslint+prettier配置流程
一套配置可实现保存代码时风格自动统一+基础eslint错误自动修复原创 2022-06-24 15:27:22 · 1979 阅读 · 0 评论 -
protobuf文件生成js文件详细流程
1,下载用来生成web js文件的工具protoc-gen-grpc-web下地地址:protoc-gen-grpc-web选择:protoc-gen-grpc-web-1.3.1-windows-x86_64.exe 即可下载完成后改名为protoc-gen-grpc-web.exe并移动到项目里,和proto文件存放在同一目录下2,下载protoc.exe执行程序下载地址protoc.exe选择protoc-3.20.1-win32.zip下载后解压就行,然后把bin文件夹里面的proto原创 2022-05-19 10:55:05 · 5920 阅读 · 10 评论 -
手撕代码,使用ES6的类实现类似ES6Set的数据结构
es6新增了类的概念,同时也新增了Set这个新的数据结构,尝试使用类来实现一个类似于Set的集合。包括has(),add(),delete(),clear(),leys(),values().forEach()这几个方法;思来想去,觉得好像用到set的地方并不多,数组去重时会用一下,其他地方好像都没怎么用,我的理解就是set数据结构就是一个所有元素都是唯一的的一个集合;它接收一个可迭代对象 [iterable]以下是代码实现:class SetTest { constructor(pa原创 2022-03-30 18:02:05 · 87 阅读 · 0 评论 -
vue3中的路由传参以及router和route的区别
首先要区分route和router的区别:vue-router v4+中提供useRoute和useRouter两个API下面的route为useRoute的实例 ,router为useRouter的实例所以,从A组件通过路由跳转到B组件时,需要在A组件中通过router实例来进行路由跳转并传递参数(以params为例),然后在B组件中调用使用route来进行接受例:b组件: import router from '@/router/index' ---------------原创 2022-03-04 11:17:13 · 3897 阅读 · 0 评论 -
maplibre切换底图,之后无法继续渲染数据(踩坑指南)
踩坑指南首先要明白切换底图其实就是切换的创建示例时候的style,就是这个玩意儿我这里称他为map.json文件map.json里面包括了底图的图源source以及渲染时所需的layer(层)成功渲染需要layer和source配合,其中source提供的是数据,layer提供的是具体的渲染条件这里粘一个完整的map.json{ "version": 8, "name": "Streets", "metadata": { "maputnik:renderer": "mbgljs"原创 2021-11-24 11:31:20 · 2124 阅读 · 2 评论 -
antd里面的动态增减表单,手动触发删除;useref的使用
项目牵扯到一个表单的动态增减,以及提交之后将表单隐藏的问题:点击确认添加后,需要将表单清空,并将表单删除,否则,再次点击确认添加按钮时,会导致重复添加;刚开始的思路时,直接操作dom将表单隐藏,后来发现,点击按钮时还会添加,究其原因发现是表单内容没有清空;接着尝试多种方法后发现都无法清空表单;这是antd组件的代码: <Form.List name="users"> {(fields, { add, remove }) => ( <&g原创 2020-12-22 10:08:09 · 2208 阅读 · 0 评论 -
form表单中的几个方法,数据回显,数据填充,重置表单
form表单中有些常用的方法,在很多ui组件库中也同样适用;1 在form表单中进行数据回显,一般是采用initialValues方法,在表单中直接写 <Form ref={this.formRef} initialValues={a!}>其中a就是要被回显的数据源;2 通过事件逻辑来修改某个表单项的值,可以使用setFieldsValue例如:需求是需要点击按钮时,将被点击行的数据填充到表单中此时给按钮添加点击事件: { title:原创 2020-12-17 14:16:46 · 6185 阅读 · 0 评论 -
react中useState的使用:实现在当前表格直接更改数据
需求:用户点击修改按钮时直接在弹出框的当前页面内直接再次修改点击行相关信息:效果如下:点击修改当事人信息时,直接将当前改为输入框,并将信息展示,同时操作栏内的内容变为保存和取消;具体做法:我这里是使用的antd组件内的可编辑表格;当然原生的也可以做,以前也做过;这里的关键是点击修改按钮时,令当前行的表格变为输入框,并展示数据;给数据每一项加上 editable: true属性,并通过该属性控制 渲染的是数据还是可修改的输入框这里是使用的useState()方法来进行状态控制的;关于 u原创 2020-12-11 09:51:31 · 2928 阅读 · 0 评论 -
vue封装axios
axios如何使用?方式一(简单方便,但是不利于接口维护):我们可以把请求对象挂载到 Vue.prototype 原型对象中,然后在组件中通过 this.xxx 直接访问方式二(推荐):我们把每一个请求都封装成每个独立的功能函数,在需要的时候加载调用,这种做法更便于接口的管理和维护这里使用方式二;便于管理和维护;1,安装axiosnpm i axios 2,创建新文件request.js引入axiosimport axios from "axios"3,在该文件下创建axios实例原创 2020-11-08 23:15:33 · 110 阅读 · 0 评论 -
webpack打包加载器
style-loader: 把上一步处理的结果以 style 内联样式的形式插入到 html 的 head 中css-loader: 把 css 文件的内容处理成 style 格式的字符串,交给下一个 style-loader 处理less-loader: 解析 less 文件的语法,生成 css 语法的文件,交给 css-loader 进一步处理sass-loader: 解析 scss/sass 文件的语法,生成 css 语法的文件,交给 css-loader 进一步处理stylus-loade.原创 2020-10-24 14:02:51 · 122 阅读 · 0 评论 -
vue路由导航守卫的使用
路由导航守卫,顾名思义就是像守卫 一样对路由进行监听判断,验证身份使用路由导航守卫可以避免用户不进行登陆操作而直接访问到后台界面,使用方法:在路由文件中导出路由对象之前添加一个导航守卫,有三个参数,分别是到哪个路由去,从哪个路由来,next跳转下面代码是判断是否去的是login界面,如果去login界面的话,直接调用next函数放行,如果去其他界面的话,需要验证本地存储中是否有登录成功后生成的token字段,如果有,则表示用户已登录成功,可以进行正常调整,否则表示用户 没有登录进行身份验证,此时调用原创 2020-09-23 08:40:39 · 158 阅读 · 0 评论