zyzhan

转载 elementUI中 el-tabs 标签管理右键菜单（elementui表格右键菜单）

【代码】elementUI中 el-tabs 标签管理右键菜单（elementui表格右键菜单）

原创 npm/yarn/pnpm/nvm下载源设置

【代码】npm/yarn/pnpm/nvm下载源设置。

原创 vue3 Uncaught ReferenceError: Buffer is not defined

【代码】vue3 Uncaught ReferenceError: Buffer is not defined。

原创 blockly

学习自定义块视频学习:https://developers.google.com/blockly/guides/create-custom-blocks/blockly-developer-tools?hl=zh-cn自定义地址:https://blockly-demo.appspot.com/static/demos/blockfactory/index.html?hl=zh-cn#24y7vk

转载 linux 设置go程序开机启动

编写启动脚本,路径 cd /etc/init.d/名称 eg: test。使用chmod 777 名称 脚本文件和授权文件有执行权限。查询服务列表确认添加成功 chkconfig --list。服务添加到服务列表 chkconfig --add 名称。采用chkconfig 方式设置程序开机启动。启动服务 service 名称 start。开启服务 chkconfig 名称 on。重启服务器程序即可开机启动。

原创 修改GO的默认开发模式

cannot find package "." in:,改下方法

原创 js 下载不弹框的解决方法

window.open && location.href 都可以实现下载的功能，但是需要跳转到新的页面。

原创 sql+go+vue+android

PPT 内容 整理

原创 前后端培训

培训材料

原创 vue3 自定义水印指令

通过添加自定义指定来实现方便的添加文字/图片 水印

原创 sql 上一篇下一篇

简化的上一篇下一篇sql

原创 后台接口说明

用户登陆 POST /login对应数据表 USERjson参数{"user":string,"password":string,}返回结果{ "expire": "2022-04-10T11:33:40+08:00", "ip": "123456", "msg": "ok", "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJJUCI6IiIsIlBBU1NXT1JEIjoiMTIzNDU2Ii

原创 css 实现四个角加粗

CSS 实现四角加粗 <div class="border_style"> <div class="main"> <span></span> <span></span> <span></span> <span></span>

原创 vuex四种状态一个模块三种调用方法,数据持久化

基础语法import { createApp } from 'vue'import { createStore } from 'vuex'// 创建一个新的 store 实例const store = createStore({ state () { return { count: 0 } }, mutations: { increment (state) { state.count++ // 改变状态里的变量值,只能通过这

原创 eslint 初始化

具体解释https://www.jianshu.com/p/48a7a6e766c4我的选择? How would you like to use ESLint? // 你想怎样使用eslint - To check syntax, find problems, and enforce code style // 检查语法、发现问题并执行代码样式? What type of modules does your project use? // 您的项目使用什么类型的模块? - JavaSc

转载 flex布局示例

eg:1<div class="container"> <div class="item"> </div></div>.container{ width: 300px; height: 300px; background-color: skyblue; display: flex; justify-content: center; // 横向居中 align-items: center; // 垂直居中}.item{

原创 VUE 当前页获取来源路由地址

获取来源路由export default { data() { return { targetPath: "" } }, beforeRouteEnter (to, from, next) { // 此处无法通过 this 访问当前实例 next(vm=> { // 此处可通过 `vm` 访问当前组件实例 vm.targetPath = from.path; }) }}...

原创 antd-vue checkbox全选与反选

<div> <div style="border-bottom: 1px solid #E9E9E9;margin-bottom: 4px"> <a-checkbox :indeterminate="indeterminate" name="checkAll" :checked="checkAll" @change="onCheckAllChange"> 全选 </a-checkbox.

原创 Vue的路由对象

1、路由对象含义一个路由对象（route object）表示当前激活的路由的状态信息，包含了当前URL解析得到的信息，还有URL匹配到的路由记录（route records）。路由对象是不可变的，每次成功的导航都会产生一个新的对象。2、 路由对象的使用（慢慢熟悉）在组件内，即this.$route;在$route观察者回调内；router.match(location)的返回值;导航守卫的参数： router.beforeEach((to, from, next

原创 树菜单递归

id 自增IDpe: 上级IDtitle: 栏目名称let jn = [ { id: 1, pe: 0, title: "1" }, { id: 2, pe: 0, title: "2" }, { id: 3, pe: 1, title: "3" }, { id: 4, pe: 2, title: "4" }, { id: 5, pe: 1, title: "5" }, { id: 6, pe: 0, title: "6" }, ];this.treeDa.

转载 vue3中 watch、watchEffect区别

1、watch是惰性执行，也就是只有监听的值发生变化的时候才会执行，但是watchEffect不同，每次代码加载watchEffect都会执行（忽略watch第三个参数的配置，如果修改配置项也可以实现立即执行）2、watch需要传递监听的对象，watchEffect不需要3、watch只能监听响应式数据：ref定义的属性和reactive定义的对象，如果直接监听reactive定义对象中的属性是不允许的，除非使用函数转换一下4、watchEffect如果监听reactive定义的对象是不起作用的，只.

原创 店端业绩报告 售后

descriptionsItem: [ { title: "本月服务满足率", value: "0台", kpiCode: "C0207021" }, { title: "来厂台次", value: "0台", kpiCode: "B0302001" }, { title: "事故车台次", value: "0台", kpiCode: "B0302121" }, { title: "售后业务综合产值", value: "0台", kpiCo..

原创 店端业绩报告分车型

descriptionsItem: [ { title: "本月盈亏保本台次", value: "0台", kpiCode: "C0208001" }, { title: "终端实绩全国标杆值", value: "0台", kpiCode: "C0208001" }, { title: "本月终端实绩", value: "0台", kpiCode: "A0302001" }, { title: "提车实绩全国标杆值", value: "0台".

原创 店端业绩报告 分通道

descriptionsItem: [ { title: "本月盈亏保本台次", value: "0台", kpiCode: "C0208001" }, { title: "终端实绩全国标杆值", value: "0台", kpiCode: "C0208001" }, { title: "本月终端实绩", value: "0台", kpiCode: "A0302001" }, { title: "提车实绩全国标杆值", value: "0台".

转载 cordova开发环境搭建

最近我在尝试了解跨平台技术的发展，首先则是想到了cordova。本文简单记录下cordova环境搭建的过程。安装cordova首先是要npm全局安装cordovanpm install -g cordova创建应用安装的cordova类似于create-react-app这种脚手架，可以通过命令行直接创建应用cordova create myapp添加平台支持cordova可以支持ios, android, web三端。cordova platform add ioscordova p

原创 WEBSTORM 自动保存匹配 prettier

原创 使用nvm 管理 nodejs npm 版本

macOS系统和windows系统安装nodejs，部分linux可以参考macOS的安装方式。LUNIX 安装nvmnvm是nodejs的版本管理工具，可以快速切换更新nodejs版本windows系统使用nvm-windows。curl下载：curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bashwget下载：wget -qO- https://raw.githubusercontent

原创 Lodash 总结

数组数组创建随机创建数组 range_.range([start=0], end, [step=1]) let arr = _.range(24) console.log(arr) // [0, 1, 2, 3, ... , 23]创建相同元素数组 fill_.fill(array, value, [start=0], [end=array.length]) let arr = _.fill(Array(5), 100) conso

原创 underscore 小结

遍历each // 数组拆分 _.each([1, 2, 3], function (num,key) { console.log(num) // 1 2 3 console.log("key:"+key) // 0 1 2 }); // 对象拆分 注意,KEY VALUE 是倒的 let obj = {one: 1, two: 2, three: 3} _.each(obj, (c,key)=>{ console.log

原创 巧用 ES6，轻松优化 Vue 代码

简写方法定义// Without shorthand（没有简写）{ methods: { getValue: function() { // ... } }, computed: { halfValue: function() { // ... } }, created: function() { // ... }}// With ES6 shorthand（使用ES6简写）{ methods: { getValue() { // ... }

原创 向一个对象数组里面添加新的属性

向一个对象数组里面添加新的属性通过MAP 增加var arry= [{a:11,b:22,c:33,d:44},{a:11,b:0,c:0,d:44},{a:11,b:22,c:99,d:99}];var arry2=[];arry.map(((item, index)=> {arry2.push(Object.assign({},item,{mess1:item.c,mess2:item.d}))}))console.log(arry2);返回[{a:11,b:22,c:33,d

原创 nuxt.js 部署 vue应用到服务端过程

环境宝塔nginx+mysql+pm2建立站点通过宝塔面板直接新建立网站上传文件.nuxtstaticnuxt.config.jspackage.json启动程序进入上传文件的目录，运行npm install 安装package里的依赖在文件目录中，运行npm start 检测是否可以正常启动通过 PM2 启动不通过菜单 添加，在终端中直接执行，注意应在上传文件目录中执行pm2 start npm --name "my-nuxt" -- r

原创 CentOS centos 7.0+开放特定端口

使用命令 lsb_release -a 查看linux发行版本 lsb_release -a输入命令 firewall-cmd --state 查看防火墙的状态firewall-cmd --statenot running 关闭running 开启开启防火墙systemctl start firewalld.service重启systemctl restart firewalld.service开启8080端口firewall-cmd --zone=public --add-p

原创 angular-cli 总结

NPM 版本要求 $ node -v $ npm -v其中 Node 版本需要 6.9.0+，NPM 需要 3.0.0+。#安装安装如果之前安装了，升级到最新版本： $ npm uninstall -g @angular/cli$ npm cache clean$ npm install -g @angular/cli@latest#创建应用创建应用新建项目前，可以设置新项目下载 NPM 包的 registry 来提高下载速度，这里设置成 cnpm。ng

原创 对JSON对象按指定字段进行分组

对JSON对象按指定字段进行分组 groupBy(list, keyGetter) { const map = new Map(); list.forEach((item) => { const key = keyGetter(item); const collection = map.get(key); if (!collection) { map.set(key, [item]); } else {

原创 GOLAND 交叉编译LUNIX包

RUN KINDwindows下是filelunix 下要选packagerun after buildwindows下可运行后构建lunix 没办法运行后构建，所以 不能勾选Envionmentwindows下 自带了系统变量 所以 这里空白不用填写lunix下增加2个用户环境变量 即可...

原创 GOLAND之配置项目包

基本配置如下图use GOPATH that`s defined in system envionment使用系统环境中定义的GOPATHIndex entire GOPATH索引整个GOPATH意思就是global GOPATH　和　project GOPAAH都会使用个人推荐用这个，这样可以把项目放在不同的目录中，以求清爽，注意目录结构一定要放在src下 ｄ:/gonewWOrk/src/没有加载的插件包会下在　ｄ:/gonewWork/src/github.com/中为了防止串

原创 flutter 打包APK

android 项目形式打开应用app/manifets/AndroidManifes.xmlandroid:label="实训监控"```app/res/mipmapic_launcher.png (xhdpi) 只留这个启动图标就可以了签名生成 key菜单 build - Generate Signed Bundie or APKapknextcreate new先选择路径到安卓根目录然后 填写相关需要点击 取消生成签名/android/key.properti

原创 Windows 开机自启动 Java 服务

编写 xx.batstart javaw -jar C:\Path\to\jarfile\test.jar将bat文件移动C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp双击测试下是否可以正常启动，启动成功 即可

原创 Prettier格式化配置

HTML/CSS/JS/LESS 文件的 prettier 格式化规则{ // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor