![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 57
中国信创服务社区
这个作者很懒,什么都没留下…
展开
-
electron在Windows、Linux和KYLIN操作系统下的不同表现
一、electron简介Electron 是一个由 Github 开发、用 HTML,CSS 和 JavaScript 来构建跨平台桌面应用程序的框架, 然后这些应用程序可以打包在macOS、Windows和Linux上直接运行,或者通过Mac App Store或微软商店分发。Electron 的核心理念是:保持 Electron 的体积小和可持续性开发。 如:为了保持 Electron 的小巧 (文件体积) 和可持续性开发 (以防依赖库和 API 的泛滥) , Electron 限制了所使用的核心原创 2021-02-03 09:12:54 · 1113 阅读 · 1 评论 -
震惊!Grafana原来这样用
1 简介Grafana是一个开源的度量分析与可视化套件。纯 Javascript 开发的前端工具,通过访问库(如InfluxDB),展示自定义报表、显示图表等。大多使用在时序数据的监控方面,如同Kibana类似。Grafana的UI更加灵活,有丰富的插件,功能强大。2 准备工作下载Grafana ARM架构相关版本安装包直接安装源码下载地址:https://mirrors.huaweicloud.com/grafana/这里下载测试这两个版本分别进行验证:6.5https://mirrors原创 2021-01-14 08:47:19 · 771 阅读 · 3 评论 -
vue-awesome-swiper爬坑小记
最近公司首页做改造升级,由原先的长图变成轮播,当时觉得搞个插件很快解决,没想到一个插件经历了很多坑。话不多说,直接上demo第一步:安装依赖 cnpm install vue-awesome-swiper@2.6.7 --save, cnpm install swiper@4.5.1 --save 注意版本不同可能会存在配置语法不同,大家注意这一个坑第二步:局部引用或全局引用组件,我在项目中采用的是局部引用<script> import{swiper,swipe...原创 2021-01-11 13:51:12 · 164 阅读 · 0 评论 -
解决IE和edge图片上传问题
const agent = window.navigator.userAgentconst isEdge = agent.indexOf('Edge') > -1let files = {}// 非Edge下上传if (!isEdge) { files = new window.File( [data], this.options.name, { type: data.type } )} else { files.原创 2021-01-11 13:48:35 · 735 阅读 · 0 评论 -
Vue 集成 storybook
一、storybook 介绍storybook是一个开源的组件管理、文档UI展示工具,用来在大型的项目中,让团队成员一个可以知道到团队已开发的组件,避免编写重复的组件,减少团队沟通时间和开发成本二、storybook 环境搭建1. 依赖安装npm install @storybook/vue --save-devnpm install vue-loader vue-template-compiler @babel/core babel-loader babel-preset-v.原创 2021-01-11 13:43:56 · 847 阅读 · 0 评论 -
代码生成器
一、为什么需要代码生成器在后台管理系统中,我们有大量的单表简单查询、新增和修改之类的业务场景,对于这样的业务往往需要编写大量的控制器、模型、配置等文件,这些文件其实本质来说就是对数据库单表的映射,代码生成器就是可以通过简单的操作,快速将数据库表映射成代码和配置,大大减少开发人员的工作难度。二、代码生成器实现 这里我选择的是Electron,基于Nodejs的桌面应用开发。通过Node的ORM框架Sequelize来逆向生成数据表相关结构 对于每张表的不同字段,我想可以通过标..原创 2021-01-08 09:10:07 · 297 阅读 · 0 评论 -
银河麒麟v10上安装node.js
下载 从官网上(网址为:https://nodejs.org/en/download/)下载适合该操作系统的版本。经测试,这里需要下载的是ARMv8。 解压缩 下载完成后,找到压缩包的位置(也可以通过剪切的方式更改该位置),右键打开终端,先输入ls命令查看压缩包名,然后使用tar命令解压缩。 重命名 解压缩之后的名字比较长,可以使用mv命令对文件夹进行重命名。这里将解压缩的文件夹重命名为nodejs。如下图所示: 链接 建立软链接,使nod..原创 2021-01-08 09:04:18 · 4918 阅读 · 12 评论 -
edge旧版浏览器不支持repleceAll方法
edge旧版浏览器对一些js方法不是很兼容,经常出现各种js报错,从而导致显示出问题。今天在做项目的时候,出现了edge不兼容replaceAll方法从而导致报错,最终页面数据无法正常回显。对此我们加了一个方法对此进行特殊处理,全局引入异常处理的js。try{ "".replaceAll('',"")}catch(e=>{ String.prototype.replaceAll=function(replaceStr,newStr){ return this原创 2021-01-08 08:58:53 · 387 阅读 · 0 评论