- 博客(14)
- 收藏
- 关注
原创 vue3 如何使用 vue3-tinymce
在vue3项目中,发现了这个开箱即用的vue3-tinymce,比之前vue2使用的tinymce少了更多繁琐的配置。1、 npm 下载 vue3-tinymce2、 创建个富文本组件进行封装3、在父组件进行调用中文参考文档:http://tinymce.qscoding.com/#%E4%BD%BF%E7%94%A8%E7%A4%BA%E4%BE%8B.........
2022-06-09 11:40:07
2462
3
原创 vue3 elementPlus全局组件中文转换
在项目中使用日期下拉框发现是英文的,需要全局改成中文样式。在App.vue的文件中修改即可。代码如下:参考官方链接:https://element-plus.org/en-US/guide/i18n.html#configprovider
2022-05-31 21:08:05
415
原创 最全的 vuex 详解使用
最全的 vuex 详解使用前言根据日常开发,整理了关于vuex的使用文档,附带一些网上主流的使用方式,适合刚入门的小白。废话不多说,先上代码。vuex 基础及 modules 模块化使用目录结构:store/|- modules |- moduleA.js |- moduleB.js|- action.js|- getters.js|- index.js|- mutations-types.js|- mutations.js|- state.jsmain.js
2022-04-01 12:00:37
800
原创 axios 刷新token无感
前言token 本身的机制及安全性本文就不赘述,感兴趣的朋友可以百度自行了解。接下来讲下前端如何使用axios进行无感刷新jwt。大致思路如下:使用axios请求拦截器请求接口时,需要将token带入到请求头以便后端去验证。在axios响应拦截器中,当一个或多个接口响应token超时并返回特定状态码时,其中一个接口执行更新token接口,其余的响应拉入队列(数组)中,异步等待更新token接口执行完毕,再执行队列(重新请求队列中的接口并将返回的数据return出去),再置空队列以便下次。代码如
2021-10-18 18:20:42
691
1
原创 webpack使用环境变量process.env
前言在现有的项目中,我们时常需要将项目打包放入测试或者上线的环境中,然而基于全栈cdn打包的项目需要修改vue.config.js中的publicPath的路径(或接口路径)为测试或正式,那么修改vue配置文件必须在打包前操作,为了去除每次打包前手动更改这种操作,使用process.env环境变量做判断是最好的选择。1、在正式上代码之前我们先了解 Vue CLI 项目的三个模式:development 模式用于 vue-cli-service servetest 模式用于 vue-cli-serv
2021-09-18 16:17:02
2392
原创 js 导出word文档
通过基于 jquery 下的文件 jquery.wordexport.js + 插件 file-saver 生成 word 文档。部分优化在代码的注释中。在index.html引入jquery,版本自定index.html<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.0/jquery.min.js"></script>通过npm下载 插件 file-savernpm install file-s
2021-06-28 10:15:02
4031
原创 vue中keepAlive实现缓存及不缓存
前言总所周知,我们在vue使用keepAlive实现缓存时有相关场景不一定都要缓存,例如:A页面 (name) = pageA ,B页面(name)= pageB ,pageA -> pageB -> pageA (返回到的A页面需要缓存)pageA -> pageB -> pageA (返回到的A页面不需要缓存)功能实现1、我们使用vue模板的标签keep-alive,其中的属性inclide 实现。代码如下:<template> <ke
2021-05-28 10:59:27
1741
2
原创 input框在ios中文输入法下无法取值解决方案
我们在移动端h5使用input在v-model双向数据绑定时候,ios的中文输入下输入英文却没有确认,直接换行的情况下取不到该输入框的值,这是个坑。解决方式在input上多加个change事件,用dom的方式赋值代码如下:<template> <input id="js-input" type="text" @change="inputChange" placeholder="输入账号" v-mode
2021-03-19 15:23:55
1006
原创 git 常用的命令
工作中常用的git命令,整理分享一下。删除掉本地不存在的远程分支多人合作开发时,如果远程的分支被其他开发删除掉,在本地执行 git branch --all 依然会显示该远程分支,可使用下列的命令进行删除:使用 pull 命令,添加 -p 参数$ git pull -p等同于下面的命令$ git fetch -p$ git fetch --prune origin项目中常用的操作// 首先需pull远程仓库中的代码git pull// 再进行添加、提交到本地git add .g
2021-03-08 17:16:31
123
原创 Vue + ts 全局组件挂载(附:生成环境失效问题)
前言以前使用vue 时,在main.js中使用Vue.component 实现全局挂载,加上ts环境后 就换了种写法。下面跟大家分享一下。代码main.ts在 components目录下,创建index.ts 主要用来引入全局组件。import Components from "./components/index.ts"Vue.use(Components);index.tsimport { VueConstructor } from 'vue'// 全局组件import Inf
2021-03-08 17:01:49
1827
1
原创 uni-app 内置canvas生成验证码
前言使用uni-app在开发登录验证过程中,需用到验证码功能。虽说现在大部分使用短信验证或者滑动验证,但是少部分需求还是有的。封装组件的思路如下:生成验证码字符集 1~9 且 a~z(自行可排除1、l或0,o 容易混淆的字符)生成随机颜色 可通过生成 #0123ab 这种的十六进制的颜色创建画布并将上述的验证码及颜色带入画布中随机画n个直线可做干扰项点击验证码重新调用 达到换验证码效果,并赋值到父组件上子组件代码如下:<template> <view class=
2021-01-14 10:47:51
803
1
原创 GIt 命令整理
在平时操作git命令时,经常用的比较熟练,不经常用的就容易忘记,自己在网上查找了挺多命令大全的,自己也整理了一份,希望对看的用的人有多帮助把!有需要的也可以整到笔记中…Git清除缓存git清除缓存命令git rm -r --cached . //注意最后有一个点git config配置 Git 的相关参数。Git 一共有3个配置文件:仓库级的配置文件:在仓库的 .git/.gitconfig,该配置文件只对所在的仓库有效。全局配置文件:Mac 系统在 ~/.gitconfig,Wi
2020-12-31 11:26:39
76
原创 html2canvas 模糊问题
javascripthtml2canvas 模糊问题新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入html2...
2020-05-08 16:56:48
631
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人