- 博客(33)
- 收藏
- 关注
RSS订阅
原创 git分支管理，及命令使用
Git鼓励大量使用分支：查看分支：git branch创建分支：git branch 切换分支：git checkout 或者git switch 创建+切换分支：git checkout -b 或者git switch -c 合并某分支到当前分支：git merge 删除分支：git branch -d 为了方便操作，Git专门提供了一个cherry-pick命令，让我们能复制一...
2019-09-18 16:03:45
313
原创 jenkins+gitlab+nginx自动化部署和反向代理配置采坑
先说Jenkins，安装就不说了，网上一大推，这里贴一个地址：https://jenkins.io/zh/安装成功后首页面类似这样的：开始新建一个jenkins任务：输入一个任务名称，前端我们统一都是XXX-WEB新建项目后点击确认进入项目配置界面：这里选择丢弃旧有项目接着下一步源码管理：公司集成的是gitlab，这里就选择用gitlab地址Credentials这里的配置需要...
2019-09-11 10:39:58
1072
原创 keep-alive不能缓存多层级路由菜单问题
这出现的原因是多级路由导致的，就是router-view嵌套 在层级不同的router-view中切换tag会出现缓存数据失效的问题。目前keep-alive可以有效缓存一级，二级的路由菜单，3级以上菜单并不能做到缓存，这里提供一个解决方案：在cachedViews中手动加上一级菜单和三级菜单之间，缺失的二级菜单的名字，这样二级菜单下的组件就会缓存了实列代码如下：const _import...
2019-08-30 17:04:56
13363
13
原创 vuex管理系统数据字典
import {getRecord} from '@/api/data-base/dict'const dictDatas = { state:{ dt_stock_type:[],//库存类型 dt_batch_rule_diff:[],//批次规则区分 dt_account_field:[],//记账字段 dt_rul...
2019-06-25 12:39:36
5993
1
原创 element-tree获取选中和半选中状态的数据
<el-tree :data="data" :props="defaultProps" show-checkbox node-key="rowId" ref="tree" @check-change="handleCheckChange"></el-tree>//获取选中和半选中状态下的数据handleCheckChange() { return this.$re...
2019-06-25 12:26:23
10436
4
原创 vue3项目中动态加载字体，并解决字体图标显示异常问题
getStyleSheets.ts文件代码。setIconfont.ts文件代码。awesome.vue，测试页面。
2024-02-26 17:45:46
513
原创 vue项目打包及部署（无后端）
vue项目打包本地部署（无后端）1.拿到build后的文件dist2.在dist同级目录下新建app.js文件3.安装expressnpm install express --save4.app.js内容如下var express = require('express')var http = require('http')var app = express()app.use(express.static('./dist'))app.use(function (req, res, ne
2021-05-15 13:46:55
606
原创 开机自动启动脚本并全屏打开指定网站
适用环境windows10chrome 谷歌浏览器建立bat脚本文件1.::开始执行指令@echo off //打开cmd 进入到 D:\test 文件夹下(注意文件名为英文) &&执行指令 node app.js1.加入启动项在运行中执行shell:startup 将脚本文件丢入到该目录下::开始执行指令@echo off::打开cmd 进入到 D:\test 文件夹下(注意文件名为英文) &&执行指令 node app.jsstart
2021-05-15 13:33:23
4518
原创 express+vue前后端分离使用socket.io通信全流程
因为之前项目涉及到消息推送，所以对实时通信感兴趣，能在实际应用场景中玩出不少花样。这里给大家说一下全流程，使用socket.io通信分为俩部分服务器端服务端基于node使用express框架```javascript在这里插入代码片...
2020-12-16 18:00:47
1596
2
原创 动态设置src路径
<img :src="logo" class="sidebar-logo" v-if="logo" />data() { return { logo: require('@/assets/dt_logo.png') } }如上动态设置图片的路径需要使用require()，不然只能写上固定路径如下<img src="@/assets/dt_logo.png" class="sidebar-logo" />原因
2020-08-05 14:26:25
2031
原创 vue集成three.js加载外部模型
版本号：vue:2.6.10vue-cli3.xthree.js:0.115.0引入方式：import * as THREE from 'three'import Stats from 'stats.js'import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'import { STLLoader } from 'three/examples/jsm/loaders/STLLoader'import { Orbi
2020-05-13 09:39:44
5823
原创 MySQL和Navicat for MySQL的那些事
1.分别下载Navicat for MySQL和MySQL数据库2.下载的MySQL数据库现在直接解压就可以直接使用了以管理员方式打开命令行工具 切换到mysql的解压目录mysqld -installmysqld --initialize-insecure --user=mysql输入后mysql.8.0.17.winx64目录下生成data文件停止MYSQL服务：net st...
2019-10-09 10:36:45
678
原创 vs code代码格式化配置
vetur+eslint+prettier格式化配置{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 4, // #每次保存的时候自动格式化 "editor.formatOnSave": ...
2019-09-28 13:36:16
3111
原创 element-ui中表头与内容边框错位问题
解决方法一：在APP.vue中的style标签内加上，注意是全局样式body .el-table th.gutter{ display: table-cell!important;}解决方法二：这个版本亲测有用，删掉当前的版本，下载没这个bug的版本npm uninstall element-uinpm install element-ui@^2.9.1...
2019-09-24 17:21:48
1847
原创 开发环境、生产环境、测试环境的基本理解和区别
开发环境：开发环境是程序猿们专门用于开发的服务器，配置可以比较随意，为了开发调试方便，一般打开全部错误报告。测试环境：一般是克隆一份生产环境的配置，一个程序在测试环境工作不正常，那么肯定不能把它发布到生产机上。生产环境：是值正式提供对外服务的，一般会关掉错误报告，打开错误日志。三个环境也可以说是系统开发的三个阶段：开发->测试->上线，其中生产环境也就是通常说的真实环境。因为我...
2019-09-18 11:08:45
7910
原创 非常健全的vs code 快捷方式
非常全的VsCode快捷键按 Press功能 FunctionCtrl + Shift + P，F1显示命令面板 Show Command PaletteCtrl + P快速打开 Quick OpenCtrl + Shift + N新窗口/实例 New window/instanceCtrl + Shift + W关闭窗口/实例 Close wind...
2019-09-04 14:28:25
1587
原创 图片上传组件
图片上传组件element-ui<template> <div> <el-upload class="avatar-uploader" :headers="myHeader" action="" :http-request="upLoad" ...
2019-08-26 13:50:44
1333
原创 vue中keep-alive缓存路由/组件
keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 相似，keep-alive是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。<keep-alive include="test-keep-alive"> <!-- 将缓...
2019-08-26 13:49:22
3805
原创 javascript的加密解密
有些时候需要在前端将密码进行加密以防拦截，那就需要保证前端和后端的加解密需要统一。这里给大家简单演示AES在JavaScript前端加密解密我们使用crypto-js插件npm install crypto-jsimport CryptoJS from 'crypto-js/crypto-js'const key = "qwwe%^*yhu8976)("; //十六位十六进制数作为密钥...
2019-08-21 10:09:08
973
原创 js常用方法封装
//日期格式化function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) } let o = { 'M+': date.getMonth() +...
2019-08-12 16:37:30
503
1
转载 jenkins+gitlab自动化编译部署方案探索及服务端编译webpack实战
一. 背景之前我们的开发流程为在本地进行webpack打包编译，然后svn提交源代码和编译后的代码。同时每次提交前也会从svn更新源代码和编译后的代码。这样做有几个缺点：svn 更新和提交编译后的代码造成大量冲突文件由于我们使用非覆盖式发布的命名方式，在经过小组多人多次优化提交测试之后，在整理需要发布的文件列表时，很容易遗漏一些文件在涉及到多人开发同一功能时容易产生代码被覆盖、...
2019-08-09 17:41:17
614
原创 在Vue-cli项目中动态生成二维码
1、引入qrcode--------npm install qrcode2、在main.js中引入import QRCode from ‘qrcode’ //定义生成二维码组件3、在需要使用到生成二维码的组件中引入import QRCode from ‘qrcode’ //引入生成二维码组件4、在HTML中定义生成的位置，注意添加样式<template> ...
2019-08-09 17:22:05
566
原创 HTTP协议
一、HTTP简介1.http协议介绍HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。HTTP是基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）HTTP协议通常承载于TCP协议之上，有时也承载于TLS或SSL协议层之上，这个时候，就成了我们常说的H...
2019-08-09 10:17:01
100
原创 JavaScript中执行环境和栈
在这篇文章中，我会深入理解JavaScript最根本的组成之一 : “执行环境(执行上下文)”。文章结束后，你应该对解释器试图做什么，为什么一些函数／变量在未声明时就可以调用并且他们的值是如何确定的有一个清晰的认识。什么是执行环境(执行上下文)当代码在JavaScript中运行的时候，代码在环境中被执行是非常重要的，它会被评估为以下之一类型来运行：全局代码：默认环境，你的代码第一时间在这儿运...
2019-08-09 09:46:41
117
转载 详解JavaScript中的Event Loop（事件循环）机制
前言我们都知道，javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务。而非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任务，如I/O事件）的时候，主线程会挂起（pending）这个任务，然后在异步任务返回结果的时候再...
2019-08-09 09:41:31
250
原创 vuex store里面state对象可以获取到，对象里的属性为空问题
在store里面存的state如下const state={ dt_org_data:{//测试类型 url:'/iwms/warehouses/rules', arg:{key:'screenGroupNum',value:'llrk001'}, options:[] } }通过action异步获取值，mutations修...
2019-08-08 11:38:24
11218
1
原创 vue项目，Loading chunk xxx failed 问题，以及Uncaught SyntaxError: Unexpected token <
vue-cli.30中module.exports = { // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。 // 如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.my-app.com/my-app/， // 则设置 pu...
2019-07-16 10:06:26
2614
原创 vue-cli3.0配置
vue.config.js配置'use strict'const path = require('path')const defaultSettings = require('./src/settings.js')function resolve(dir) { return path.join(__dirname, dir)}const name = defaultSett...
2019-06-25 12:55:41
862
原创 下拉树组件
<!-- 树状选择器 --><template> <el-popover ref="popover" placement="bottom-start" trigger="click" @show="onShowPopover" @hide="onHidePopover"> <el-tree ...
2019-06-25 12:30:35
427
原创 关系数据映射树结构数据，弱递归
//关系数据转化成树结构数据export function tree(data) { let map = {}; let val = []; //生成数据对象集合 data.forEach(it=>{ map[it.rowId] = it; }) //生成结果集 data.forEach(it=>{ ...
2019-06-25 12:11:59
280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人