湖南长城科技的博客

一、electron简介Electron 是一个由 Github 开发、用 HTML，CSS 和 JavaScript 来构建跨平台桌面应用程序的框架， 然后这些应用程序可以打包在macOS、Windows和Linux上直接运行，或者通过Mac App Store或微软商店分发。Electron 的核心理念是：保持 Electron 的体积小和可持续性开发。 如:为了保持 Electron 的小巧 (文件体积) 和可持续性开发 (以防依赖库和 API 的泛滥) ， Electron 限制了所使用的核心

1 简介Grafana是一个开源的度量分析与可视化套件。纯 Javascript 开发的前端工具，通过访问库（如InfluxDB），展示自定义报表、显示图表等。大多使用在时序数据的监控方面，如同Kibana类似。Grafana的UI更加灵活，有丰富的插件，功能强大。2 准备工作下载Grafana ARM架构相关版本安装包直接安装源码下载地址：https://mirrors.huaweicloud.com/grafana/这里下载测试这两个版本分别进行验证：6.5https://mirrors

最近公司首页做改造升级，由原先的长图变成轮播，当时觉得搞个插件很快解决，没想到一个插件经历了很多坑。话不多说，直接上demo第一步：安装依赖 cnpm install vue-awesome-swiper@2.6.7 --save, cnpm install swiper@4.5.1 --save 注意版本不同可能会存在配置语法不同，大家注意这一个坑第二步：局部引用或全局引用组件，我在项目中采用的是局部引用<script> import{swiper,swipe...

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.

一、storybook 介绍storybook是一个开源的组件管理、文档UI展示工具，用来在大型的项目中，让团队成员一个可以知道到团队已开发的组件，避免编写重复的组件，减少团队沟通时间和开发成本二、storybook 环境搭建1. 依赖安装npm install @storybook/vue --save-devnpm install vue-loader vue-template-compiler @babel/core babel-loader babel-preset-v.

一、为什么需要代码生成器在后台管理系统中，我们有大量的单表简单查询、新增和修改之类的业务场景，对于这样的业务往往需要编写大量的控制器、模型、配置等文件，这些文件其实本质来说就是对数据库单表的映射，代码生成器就是可以通过简单的操作，快速将数据库表映射成代码和配置，大大减少开发人员的工作难度。二、代码生成器实现 这里我选择的是Electron，基于Nodejs的桌面应用开发。通过Node的ORM框架Sequelize来逆向生成数据表相关结构 对于每张表的不同字段，我想可以通过标..

下载 从官网上（网址为：https://nodejs.org/en/download/）下载适合该操作系统的版本。经测试，这里需要下载的是ARMv8。 解压缩 下载完成后，找到压缩包的位置（也可以通过剪切的方式更改该位置），右键打开终端，先输入ls命令查看压缩包名，然后使用tar命令解压缩。 重命名 解压缩之后的名字比较长，可以使用mv命令对文件夹进行重命名。这里将解压缩的文件夹重命名为nodejs。如下图所示： 链接 建立软链接，使nod..

edge旧版浏览器对一些js方法不是很兼容，经常出现各种js报错，从而导致显示出问题。今天在做项目的时候，出现了edge不兼容replaceAll方法从而导致报错，最终页面数据无法正常回显。对此我们加了一个方法对此进行特殊处理，全局引入异常处理的js。try{ "".replaceAll('',"")}catch(e=>{ String.prototype.replaceAll=function(replaceStr,newStr){ return this