涉及组件:vue-markdown、highlight.js、clipboard完成功能:将数据以markdown格式渲染,代码部分高亮,内容可一键复制1.安装//安装vue-markdown依赖npminstall--savevue-markdown//安装对应样式,若要定制化样式,可以到对应文件中做修改npminstallgithub-markdown-css//安装高亮npminstallhighlight.js//安装复制组件npminstallclipboard--save2.引用①main.js//main.jsimport'github-markdown-css/github-m
一、下载介质1、OracleInstantClientOracleInstantClientDownloads|Oracle中国2、PL/SQLDEVELOPERPL/SQLDeveloper-AllroundAutomationsFreetrial-AllroundAutomations二、安装介质。1、安装plsqldev1504x64.msi。一路默认下一步。选择输入许可信息:产品码:4tqw83ltw4ustkjfftny7wjl7tqv9uscs8序列号:182522密码:************* 一路默认下一步,直到安装完成。2、安装instantclient-basic-win
前言最近开始了项目旧改,将以前开发的一些校园小程序由uniapp+vue2版本升级为,unipp+vite+ts+vue3的架构,顺便把代码质量提升一下。由于是单兵作战,我选择将以前的后端摒弃,选择了微信小程序云开发作为后端,这样可以将我的开发精力聚焦在小程序上。但这么做也有如下两个缺点:使用了微信小程序云开发后,uniapp只适用于编译成微信小程序,失去了跨端的能力。uniapp使用云开发并不方便,尤其是使用了typescript后需要做大量的额外配置。综合考虑之下我还是使用了微信小程序云开发,因为本身我做的就是微信小程序,只不过以uniapp为框架进行开发,而第二点的话我也找到了解决的方法
最近新做的项目,选了arcodesign作为UI组件,ArcoDesign是由字节跳动架构前端团队联合打造的一款企业级设计系统,有react和vue版本。arcodesign官网我们公司用的是vue3,所以我是在vue3中使用的。理论上这个UI框架用起来跟elementui/plus差不多,但其实里面还是有点坑的,并且有时候它这个避坑的解决办法并不在官方的文档中而在github的issues中。对于爱看源码的大大佬来说或许不算什么,但是对于我这种不爱看(kanbudong)源码的菜鸟来说,这些坑有点浪费时间。遇到的第一个坑:在使用标签页Tabs组件的时候,对于当前选中的标签的key,官网的ap
一、前言最近安全测试的总是测出安全漏洞来,让开发改。想了想干脆把请求参数都加密下,前端加密后端解密,这样总差不多了。看了下AES加密,是对称的,前后端用这个不太行。于是想到用RSA加密,是非对称的,可以前端加密后端解密。二、前端代码与用法1.前端是vue项目,使用时,需要先执行:npmijsencrypt把这个依赖下载到node_modules里面。2.可以增加一个工具类文件:项目名/src/utils/commonUtil.js,内容如下:importJSEncryptfrom"jsencrypt";exportdefault{encodeRSA(word,keyStr){//这个是公钥,有
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、vue-devtools是什么?二、vue-devtools安装1.下载vue-devtools工具2.安装vue-devtools工具三、vue-devtools的使用总结前言主要介绍vue-devtools的安装与使用。一、vue-devtools是什么?vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。二、vue-devtools安装1.下载vue-devtools工具进入GitHub官网进行下载,网址:https://github.com/vue
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦,其背后还有很多工作来支撑组件化的进行,例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等今天给大家介绍的一款组件:前端Vue自定义等分底部菜单导航按钮自适应文字宽度可
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦,其背后还有很多工作来支撑组件化的进行,例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等今天给大家介绍的一款组件:自定义柱形图选中更改柱形图颜色及文字标注颜色,附源码
最近公司的业务逻辑需要使用到gis空间地理系统,最开始使用的是Cesium.js.涉及东西很多,对新手不是太友好,传送门:https://cesium.com/platform/cesiumjs/.业务要使用到很多特效,刚接触到Cesium,很多效果实现起来很鸡肋,mars3d则很适合新手.文档与示例也很全,现在记录一下vue3项目如何集成mars3d.vue3集成mars3d开发地球项目在vue3项目的基础上安装mars3d包//安装mars3d主库npminstallmars3d--save安装所需依赖npminstallvite-plugin-mars3d--save-dev修改配置文件
1.安装vue-video-player5.0.2版本,这个集成了vide.js,videojs-contrib-hlsnpminstallvue-video-player@5.0.22.可以创建一个通用组件videoPalyimportVideofrom'video.js'import'video.js/dist/video-js.css'import'videojs-contrib-hls'exportdefault{props:{url:{type:String,default:''}},data(){return{playHandler:null,//type格式内容m3u8:appl