- 博客(71)
- 收藏
- 关注
RSS订阅原创 2022-05-13
<template> <XqFormItem :key="theRowKey" :wrapper="tableLabel?newItem['wrapper']:null"> <div style=" display: flex; flex-wrap: wrap;"> <draggable class="draggable...
2022-05-13 17:08:48
293
原创 服务器应用安装文档
服务器应用安装文档App 服务器应用安装文档App 服务器应用安装文档安装依赖包yum install gcc gcc-c++ make zlib zlib-devel pcre pcre-devel libjpeg libjpeg-devel libpng libpng-devel freetype freetype-devel libxml2 libxml2-devel glibc glibc-devel glib2 glib2-devel bzip2 bzip2-devel ncurse
2022-01-26 18:20:26
3455
原创 vue .prettierrc文件常见配置
module.exports = { // 一行的字符数，如果超过会进行换行，默认为80 "printWidth": 100, // tab缩进大小,默认为2 "tabWidth": 2, // 使用tab缩进，默认false "useTabs": true, // 使用分号, 默认true "semi": true, // 使用单引号, 默认false(在js...
2021-10-28 11:34:09
675
原创 2021-09-28
项目用这十多种轮子提升开发效率前言开发中,一直听到有人讨论是不是需要重复造轮子，我觉得有能力的人，轮子得造。但是往往开发周期短，轮子的使用节省的时间可以更好的去理解业务，使用到业务中,也能发现轮子的利弊，发现了问题可以造更好的轮子。UI组件库elementelement.eleme.cn/#/zh-CNvantyouzan.github.io/vant/#/zh-C…View UIwww.iviewui.com/ant designant.design/index-cn没用过Min
2021-09-28 11:00:18
96
原创 Centos7 安装Node.js的方法步骤
删除旧的 nodejs 版本：yum remove nodejs第1步 - 添加Node.js Yum存储库最新发布： -$ yum clean all && yum makecache fast$ yum install -y gcc-c++ make$ curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E ...
2021-09-13 15:39:54
544
原创 npm安装yarn
npm安装yarnnpm install -g yarn --registry=https://registry.npm.taobao.org
2021-09-13 15:39:02
449
原创 01-React全球新闻发布管理系统-003-项目启动-项目创建与配置
theme: geek-black全局安装react-clinpm install -g create-react-app创建项目create-react-app news-system 启动项目yarn startsrc中的index去掉web报告分析和暂时取消严格模式： ``` import React from "react";imp...
2021-09-08 23:33:21
312
原创 Centos7 安装Node.js10以上版本的方法步骤
theme: github## 安装node1- 最新发布：``` $ yum clean all && yum makecache fast$ yum install -y gcc-c++ make$ curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -```2- 稳定发布： ...
2021-09-07 22:12:04
232
原创 centos7.6 下安装docker，docker compose
theme: channing-cyan一、安装docker```1、升级所有包(这步版本够用不要随便进行，会更新系统内核，可能导致开不了机)yum update //升级所有包，同时升级软件和系统内核(#yum upgrade //升级所有包，不升级软件和系统内核)2、安装依赖包yum install -y yum-utils device-mapper-pe...
2021-09-02 10:45:26
492
原创 CentOS7.6安装Nodejs(Npm)
第一步：软件下载安装进行安装目录：cd /opt/software(如果目录不存在，请先创建目录)下载二进制包：wgethttps://nodejs.org/dist/v10.15.1/node-v10.15.1-linux-x64.tar.xz(下载地址去官网查询最新的，wget命令如果不存在，请先安装wget：yum install -y wget)解压：tar xvJf n...
2021-09-01 23:43:04
654
原创 egg搭建后端管理服务端
theme: geek-black# egg搭建后端管理服务端# 快速初始化 mkdir egg-example && cd egg-example npm init egg --type=simple yarn启动项目: yarn dev open http://localhost:7001 # 安装 Sequelize1- 安装对...
2021-09-01 16:09:04
439
原创 从零开始react全家桶+antd后台管理项目构建
theme: geek-black# 全局安装react脚手架 npm install -g create-react-app # 初始化创建react项目create-react-app my-app # 安装antdyarn add antd修改src/App.css，在文件顶部引入antd/dist/antd.css @import '~antd/d...
2021-08-19 10:23:57
509
1
原创 js中字节B转化成KB，MB，GB
```JavaScriptfunction change(limit){ var size = ""; if(limit < 0.1 * 1024){ //小于0.1KB，则转化成B size = limit.toFixed(2) + "B" }else if(limit < 0.1 * 1...
2021-08-17 09:46:42
899
原创 js字符串数组互转
字符串转数组字符串方法说明split() 方法将字符串转换成一个数组扩展运算符[…]es6里面的扩展运算符Array.from()方法es6 Array.from()方法split() 方法console.log("abc".split('')); // ["a","b","c"]扩展运算符[…] console.log([..."abc"]); // ["a","b","c"]Array.from()方法console.log(Array.fr
2021-08-13 17:50:33
1019
原创 js字符串大小写转换
js字符串大小写转换语法全部转换成大写全部转换成小写语法toLowerCase() 和 toUpperCase() 方法可以改变大小写;全部转换成大写console.log('Interface'.toUpperCase()); // INTERFACE全部转换成小写console.log('Interface'.toLowerCase()); // interface...
2021-08-13 16:46:19
3101
原创 centos安装Docker
centos安装Docker1.下载关于Docker的依赖环境2.设置一下下载Docker的镜像源3.安装Docker4. 启动，并设置为开机自动启动，测试1.下载关于Docker的依赖环境 yum -y install yum-utils device-mapper-persistent-data lvm22.设置一下下载Docker的镜像源yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos
2021-08-06 14:52:34
63
原创 安装docker
一、安装Docker1、yum 包更新到最新yum update2、安装需要的软件包， yum-util 提供yum-config-manager功能，另外两个是devicemapper驱动依赖的yum install -y yum-utils device-mapper-persistent-data lvm23、 设置yum源yum-config-manager --add-rep...
2021-08-02 15:46:11
58
原创 docker安装Jenkins
前言有人问，为什么要用Jenkins？我说下我以前开发的痛点，在一些中小型企业，每次开发一个项目完成后，需要打包部署，可能没有专门的运维人员，只能开发人员去把项目打成一个war包，可能这个项目已经上线了，需要把服务关，在部署到服务器上，将项目启动起来，这个时候可能某个用户正在操作某些功能上的东西，如果你隔三差五的部署一下，这样的话对用户的体验也不好，自己也是烦的很，总是打包拖到服务器上。希望小型...
2021-08-01 13:20:12
125
原创 docker安装mysql
查找Mysql的可用镜像docker search mysql图例：image.png拉取Mysql5.7镜像docker pull mysql:5.7查看docker 镜像内是否存在Mysql5.7docker images启动mysql，--name 是名字随意，后面有启动的mysql密码docker run -d --name mysql -p 3306:3306...
2021-07-31 21:31:50
40
原创 centos安装docker
使用存储库安装在新主机上首次安装 Docker Engine 之前，您需要设置 Docker 存储库。之后，您可以从存储库安装和更新 Docker。设置存储库安装yum-utils包(提供yum-config-manager 实用程序)并设置稳定存储库。sudo yum install -y yum-utilssudo yum-config-manager \ --add-rep...
2021-07-31 21:07:00
175
原创 egg-sequelize增删改查操作笔记
安装egg-sequelizenpm install egg-sequelize mysql2 --save // 下载mysql驱动插件npm install sequelize-cli --save-dev // 下载sequelize管理工具引入sequelize在 config/plugin.js 中引入 egg-sequelize 插件'use strict';/** @t...
2021-07-18 16:48:32
541
原创 2021-07-16
keep-alive 使用指南需要使用的页面在路由文件里的 mate 标里加上keepAliveh 和oldKeepAlive两个值；如下：//流水线 { path: "/overview/tenant_manage/cicd/assemblyline", name: "assemblyline", component: () => import("@/vie...
2021-07-16 11:44:08
109
1
原创 node JavaScript 前端雪花算法 可以用于唯一ID 订单，用户ID
flake-idgenFlake ID 生成器在分布式环境中生成 k 序、无冲突的 ID。安装npm install --save flake-idgen| Timestamp | Datacenter | Worker | Counter | Flake ID || 0x8c20543b0 | 00000b | 00000b | 0x000 | 0x02308150ec000000 |...
2021-07-13 15:26:13
2975
原创 Vue刷新页面的三种方式
我们在写项目的时候，经常会遇到，用户执行完某个动作，改变了某些状态，需要重新刷新页面，以此来重新渲染页面。如：用户登录成功、增加、删除、更新等。原始方法：location.reload();vue自带的路由跳转：this.$router.go(0);用过的人都知道，前两者都是强制刷新页面，会出现短暂的闪烁，用户体验效果不好。所以，我们选择第三种方式：首先在App里面写下如下...
2021-05-27 09:57:41
332
原创 vue2-ace-editor的使用
不废话直接上干货vue2-ace-editor安装npm install --save-dev vue2-ace-editor子组件<template> <div class="echart-pie-wrap"> <div class="myEditorTop">{{ title }} [读/写]</div> ...
2021-04-21 23:00:51
1597
1
原创 vue echarts之option
vue echarts之option介绍option属性类型功能说明titleObject标题组件，包含主标题和副标题。legendObject图例组件gridObject直角坐标系内绘图网格，单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。可以在网格上绘制折线图，柱状图，散点图（气泡图）。xAxisObject直角坐标系 grid 中的 x 轴，一般情况下单个 grid 组件最多只能放上下两个 x 轴，多于两个 x 轴需要通过
2021-04-19 23:40:17
1734
原创 vue高级进阶( 三 ) 组件高级用法及最佳实践
世界上有太多孤独的人害怕先踏出第一步。 ---绿皮书书接上回，上篇介绍了vue组件通信比较有代表性的几种方法，本篇主要讲述一下组件的高级用法和最佳实践，争取用最少的篇幅占领高地！(多说一句，后续这个系列会有vue最佳实践和源码解读，我总有办法能让大家看懂，所以点赞关注，不迷路啊，小老弟本篇主要内容递归组件动态组件异步组件内联模板 inline-template的使用全局组...
2021-02-22 10:19:34
852
原创 vue高级进阶( 二 ) 8种组件通信详解
猛兽总是独行，牛羊才成群结队。 -------鲁迅vue组件通信的重要性无需多言。。。但是你肯定没有全部掌握，所以这第二篇文章应运而生props和$emitprops父传子，$emit子传父，看下边代码，清澈的像少女的眼眸。。。emmmVue.component('child',{ data(){ return { ...
2021-02-20 18:05:50
381
原创 vue高级进阶( 一 ) 组件精髓概述
vue高级进阶( 一 ) 组件精髓概述系列前言这个系列可能会分为几部分：基础以及高级用法总结一些比较有代表性的实战源码解析(一定是用最粗俗，不对，是最通俗的语言讲解，这个我可以保证)总之一定对得起高级进阶这几个字。。。组件分类vue组件主要包含：由vue-router产生的页面，可以称之为路由组件独立基础组件：例如Date和input这之类的可以全局复用的基础组件业...
2021-02-20 18:02:37
373
原创 export，export default，import和module.exports， exports，require使用方法
阮一峰 ECMAScript 6module.exports 和 exports是属于CommonJS模块规范，对应---> require属于CommonJS模块规范export 和 export default是属于ES6语法，对应---> import属于ES6语法module.exports和exports导出：module.exports 或 exports导入：r...
2021-01-31 15:30:21
401
原创 2020-10-14
blur() { let _textarea2 = this.textarea2.replace(/\s*/g, ""); // 去除空格 // 构建函数字符串，供eval解析 let fun_str = "(" + _textarea2 + ")"; let result; try { result = eval(fun_str); } catch (err)...
2020-10-14 15:21:51
40
原创 Vue3.x 的生命周期和钩子函数
Vue3 版本的生命周期和 Vue2 比有了些变化，所以我先站在一个初学者的角度(没有学过 Vue2 版本的新手)，从新讲一下 Vue3.x 的生命周期，等你完全理解之后，我们再来和 Vue2.x 的生命周期作一个对比。什么是生命周期Vue 是组件化编程，从一个组件诞生到消亡，会经历很多过程，这些过程就叫做生命周期。来个比喻，生命周期和人从出生到入土是一样的。有少年时期、有青年时期、有中...
2020-10-09 22:49:54
732
原创 setup+reactive+toRefs实现红浪漫选美女
<template><div> <img alt="Vue logo" src="../assets/logo.png" /> <div> <h2>欢迎光临红浪漫洗浴中心</h2> <div>请选择一位美女为你服务</div> </div> <div&...
2020-10-09 22:42:58
283
原创 第01节：React课程前言
学习的是最新的React16.8版本进行讲解，我相信很多人应该也会使用ReactReact简介首先不能否认React.js是全球最火的前端框架(Facebook推出的前端框架)，国内的一二线互联网公司大部分都在使用React进行开发，比如阿里、美团、百度、去哪儿、网易 、知乎这样的一线互联网公司都把React作为前端主要技术栈。React的社区也是非常强大的,随着React的普及也衍生出了更...
2020-09-21 22:29:10
59
原创 vue防按钮重复点击(指令实现)
快速点击按钮会重复多次调用接口，防止出现这样的情况全局定义，方便调用新建`plugins.js````export default { install (Vue) { // 防重复点击(指令实现) Vue.directive('preventReClick', { inserted (el, binding) { el.addEventListener('cl...
2020-09-15 00:18:37
456
原创 新对象和旧对象对比，如果旧对象包含老对象变量，则改变老对象的值
新对象和旧对象对比，如果旧对象包含老对象变量，则改变老对象的值var table1 = { name: "张三", age: 18, config: { a: 1 }, config1: [1, 222222, 2, 3] }; var table2 = { page:1, na...
2020-09-13 22:40:28
329
原创 基于vue Ant-Design 的表单设计器，快速开发
基于vue Ant-Design 的表单设计器，快速开发https://gitee.com/kcz66/k-form-design/表单设计器 k-form-designimage简介参考项目vue-form-making，基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能...
2020-09-04 08:45:35
3740
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人