m0_52775179的博客

原创 JS 当前日期减一天

【代码】JS 当前日期减一天。

原创 vue和node使用websocket实现数据推送，实时聊天

需求：node做后端根据，连接数据库，数据库的字段改变后，前端不用刷新页面也能更新到数据，前端也可以发送消息给后端，后端接受后把前端消息做处理再推送给前端展示。

原创 Vue2.0+webpack 引入字体文件（eot，ttf，woff）

如果 Vue2.0+webpack3.6引入字体文件（eot，ttf，woff）路径报错。将font.css 路径修改为。

原创 数组对象 如果id值相同，id下的data数组，合并在一起

【代码】数组对象 如果id值相同，id下的data数组，合并在一起。

原创 el-radio单选框，取消选中

（黑色，白色），每种颜色选择后均支持取消选中，可是el-radio标签不支持取消选中。但是用第一个方法会导致样式错乱，需要在css中加入。方法2:换checkbox，设置max=1即可。1.背景：在公司开发需求中有一个选择颜色的。

原创 Vue CLI 2.x搭建vue(目录最全分析)

ps：require/export是一种nodeJs(commonJs规范)的依赖注入的方法，import/export是ES6语法，用于引入模块，在nodeJs中使用的ES6语法最终会使用babel工具（babel-loader）转化为ES5。：浏览器解析的兼容配置，该文件主要是对预设（presets）和插件（plugins）进行配置，因此不同的转译器作用不同的配置项，大致可分为：语法转义器、补丁转义器、sx和flow插件。： autoprefixer（自动补全css样式的浏览器前缀）；

原创 在Element-ui的table表格中，如何让分页的序号延续上一页的序号

index属性写明了如果设置了。

原创 vue3+ts系列之pinia入门

pinia中定义的方法可以类比为vuex中的mutations、actions，区别在于pinia中没有区分同步和异步;pinia中没有模块化的概念，每个ts文件都为一个全局仓库，不同于vuex仅有一个仓库;pinia中定义的数据（如ref）可以类比为vuex中的state;pinia中定义的计算属性可以类比为vuex中的getters;相对于vuex的各种繁琐的api，pinia用法更简便。

原创 vite + vue3 + pinia 中 No matching export in “node_modules/_vue-demi@0.14.5@vue-demi/lib/index.mjs“

原因：这个项目中的pinia是我自己下载的 下载时直接就下载了默认版本的pinia 此时这个版本的pinia跟vite不兼容 就会出现这个问题。下载低版本的pinia 我推荐2.0.35。问题：在启动项目时 cmd出现了这个问题。解决： 重新下载一个 低版本的pinia。

原创 vite使用mock插件的配置(vite-plugin-mock)

3、在根目录创建一个mock文件，下面再细分各种文件，例如创建一个index.ts。2、在.viteMock文件里面（此处文件是自行创建的）

原创 vue3 ts 安装。mock。解决if (!require.cache) { ^ReferenceError: require is not defined}报错

【代码】vue3 ts 安装。mock。解决if (!require.cache) { ^ReferenceError: require is not defined}报错。

原创 在 vue 项目中 mock 的基本使用方法

（'name|rule': value ） 属性名 name 、生成规则 rule、属性值 value。例如：'name|1-10':1 会产生一个1-10之间的整数，详细规则参见官方文档。rurl： 可选，表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。template：可选，表示数据模板，可以是对象或字符串。数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值。function(options)：可选，表示用于生成响应数据的函数。

原创 React 钩子函数 （hook）

react (hook)

原创 React 从 0 到 1 搭建项目

input type="password" className="form-control" id="exampleInputPassword1" placeholder="输入密码">3.AOP 面向切面编程(vue.js react ,提供一种生命周期,这些函数就称之为钩子函数,钩子函数的作用就是为了扩充产品的能力,vue暴露钩子函数开放接口给用户,用户可以使用,然后去特定的执行)react-hooks hooks称为钩子,钩子函数是一种编程的思想,我们称之为 面向切面编程。

原创 webstorm 配置连接Linux环境的docker服务

可以看到docker.service的路径：/usr/lib/systemd/system/docker.service。2）输入命令【systemctl status docker.service】， 查询docker服务。的默认端口【2375端口】，运行命令【netstat -nlpt】如上图，没有2375端口，那么，就需要配置2375端口。3）编辑docker.service文件，添加在ExecStart行后面追加以下内容。2、Linux环境中，重启docker服务。2）重启docker服务。

原创 element的el-table组件表头文字折行显示

【代码】element的el-table组件表头文字折行显示。

原创 element-ui el-upload 上传 进度状态展示 进度条

setTimeout( () => {this.progressFlag = false}, 1000) // 一秒后关闭进度条。// 动态获取文件上传进度。progressFlag: false, // 关闭进度条。loadProgress: 0, // 动态显示进度条。的时候想要展示文件上传进度（百分比）。-- 进度条 -->

原创 vue elementUI el-tree的样式,修改鼠标点击时点击后的颜色

【代码】vue elementUI el-tree的样式,修改鼠标点击时点击后的颜色。

原创 【js】敏感信息脱敏处理

原创 数字转千分位（万，亿）

原创 element-ui中el-cascader级联选择器多选判断是否是全选

给定如多级级联选择器，如果只选中第三级，则展示第三级，如果全选第一级或者第二级则只展示第一级或者第二级。(一级选项如果全部选中的话，只用获取一级选项的值就行了，如果没有全部选中 ,再获取二级选项的值)父节点选中，那么所有子孙节点必然是选中的，则反推出：如果节点有父节点且父节点被选中了，那么这个节点就不是我们所需要的，所以可以使用filter过滤。这里需要用到el-cascader的getCheckedNodes方法。

原创 element-ui中el-select和el-tree结合使用，没值回显时，滚动条位置总在底部

officeTreeData: [], // 业务部门tree数据。editCheckCode: '',//选择的id。//el-options是关键。总结： 添加value属性是关键。

原创 el-tree模糊搜索

if(!level = 1level++== -1)watch(){

原创 采用 D3 v5 js 画思维导图

提示:

原创 Vue 父子传值第二次不更新的问题

这时候只需要在this.$nextTick下调用一下子组件里面的方法，this.$refs.xxx.子组件方法（）第二次父子传值props的值不更新，然后就会每次更新了。

原创 cannot read property ‘xxxx‘ of undefined

cc of undeifnd

原创 Linux下安装Maven3.6.3

maven 3.6.3

原创 echarts统计图保存成图片,兼容IE

echarts

原创 vue3和ts的使用

vue3 ts

原创 vue3 基本使用

vue3

转载 vs Code 使用git git的使用方法

git 使用方法

原创 执行nginx命令提示找不到命令怎么解决

执行nginx命令提示找不到命令

转载 vue-cli3搭建项目之webpack配置

vue-cli3搭建项目之webpack配置

原创 js 数组方法

js 数组方法

转载 linux服务器快速卸载安装node环境(简单上手)

linux服务器快速卸载安装node

原创 vue3 axios封装

vue3 axios 封装

原创 sass基本语法

sass基本语法

原创 Centos7防火墙开放端口基本命令

Centos7防火墙开放端口基本命令

原创 el-table树形表格的多选框

el-table树形表格的多选框

原创 详解基于vue，vue-router, vuex以及addRoutes进行权限控制

详解基于vue，vue-router, vuex以及addRoutes进行权限控制