![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
星月I随心
这个作者很懒,什么都没留下…
展开
-
VUEX学习笔记
1、state定义变量(可以动态创建)state: { tradecfgTree: getStore({ name: "tradecfgTree" }) || [] },2、mutations 给state赋值setTradeCfgTree(state, data) { state.tradecfgTree = data.res; }3、actions 异步方法调用api获取数据然后通过mutations赋值async getTradeCod..原创 2021-12-10 10:40:51 · 836 阅读 · 0 评论 -
处理:end value has mixed support, consider using flex-end instead
提示:end value has mixed support, consider using flex-end instead经检查,没有规范的写flex的属性,正确的写法是 flex-end 或 flex-start错误的写法复制代码align-items:end;正确写法是复制代码align-items:flex-end;如出现:start value has mixed support, consider using flex-start instead也是同样的问题,要使转载 2021-10-21 22:45:57 · 15968 阅读 · 3 评论 -
avue 过滤字典中的某些选项
import { getDictionary } from '@/api/system/dictbiz' // 调用字典api接口data() { return { option: { emptyBtn: false, submitBtn: true, menuSpan: 6, submitText: '发送', column: [{ label: "处理结果", ...原创 2021-08-13 19:42:55 · 1110 阅读 · 1 评论 -
微信公众号开发——处理微信浏览器页面样式缓存问题
IOS: 退出微信账号后,重新登陆即可Android:微信浏览器打开网址“http://debugx5.qq.com”(可以电脑生成二维码,然后利用微信扫一扫打开),勾选如下设置:点击“清除”按钮即可。转载 2020-09-10 10:37:16 · 561 阅读 · 1 评论 -
整理一些公共cdn库
七牛云:点击前往BootCDN:点击前往cdnjs:点击前往(使用CF,可能国内有些地区无法访问)原创 2020-08-07 11:32:53 · 250 阅读 · 0 评论 -
vue直接访问外部接口设置代理,解决跨域(vue-cli3.0)
vue-cli3.0搭建的项目,平时访问内部接口配置了拦截器,今天需要调用天气预报的外部接口,发现跨域问题,通过配置代理解决。1、在vue.config.js中配置代理module.exports = { devServer: { proxy: { // 为天气接口配置代理,解决跨域 '/proxy/': { 'target': 'https://www.tianqiapi.com', //天气接口地址 'secure': false,转载 2021-06-02 17:12:56 · 5835 阅读 · 1 评论 -
js实现树级递归,通过js生成tree树形菜单(递归算法)
/** * 数据转换为树形(递归),示例:toTreeByRecursion(source, 'id', 'parentId', null, 'children') * @param {Array} source 数据 * @param {String} idField 标识字段名称 * @param {String} parentIdField 父标识字段名称 * @param {Any} parentIdNoneValue 父级标识空值 * @param {String} children.转载 2021-05-14 10:36:03 · 1540 阅读 · 0 评论 -
线性结构与树形结构相互转换(ES6实现)
前言 当树形结构的层级越来越深时,操作某一节点会变得越来越费劲,维护成本不断增加。所以线性结构与树形的相互转换变得异常重要! 首先,我们约定树形结构如下:node = { id: number, // 数值 parentId: number, // 数值 name: string, children: [] || null, // 用数组的方式保存子节点,适合更多业务场景 } 线性结构:list = [ { id: number, pa.转载 2021-05-13 11:27:31 · 919 阅读 · 0 评论 -
iframe 自适应高度的多种实现方式
iframe高度自适应内容需求:实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象。设置iframe 自适应高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。 如果内容是固定的,那么我们可以通过css来给它直接定义一个高度,同样可以实现上面的需求。当内容是未知或者是变化的时候。这个时候又有几种情况了。一、iframe内容未知,高度可预测这个时候,我们可以给它添加一个默认的css...转载 2021-05-11 11:58:32 · 4515 阅读 · 0 评论 -
树形节点的过滤处理
// nodes就是树形的最原始数据,query就是关键字,最后会返回满足条件的节点数组function filter(nodes, query) { // 条件就是节点的title过滤关键字 let predicate = function (node) { if (node.title.indexOf(query) > -1) { return true; } else { return fa...转载 2021-04-19 16:36:43 · 1258 阅读 · 0 评论 -
ant design vue a-tabs下是树结构的赋值和回显
表单中有tabs、内容是树结构的赋值和回显// 以下是传值时有传父节点halfCheckedKeys<a-form-model-item label="" :wrapper-col="{ span: 22 }"> <a-tabs :tab-position="mode" :activeKey="defaultActiveKey" @change="callback"> <a-tab-pane v-f原创 2021-04-08 23:05:45 · 1851 阅读 · 1 评论 -
ant design of vue 事件添加自定义参数传值
//handleChange的value参数即为默认参数,param为自定义参数<a-select @change="value => handleChange(value, param)" v-model="eqList[index].eqId"> </a-select>// checkedKeys, e 是默认参数,index是自定义参数<a-tree v-model="form.rIds.index" .原创 2021-04-08 14:26:29 · 2413 阅读 · 0 评论 -
js实现身份证精确校验
之前我们前端对身份证的校验,都是用的正则校验legalTex = /^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$/ 但是这个正则的含义仅仅表示身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X这样的校验是不精确的,你随便改个数字,校验都可通过如下是身份证的精确校验方法,百度搜索的话内容都差不多,我对其做了如下封装:1.新建一个js文件,内容如下co.转载 2021-03-30 15:45:59 · 11795 阅读 · 4 评论 -
Win10系统用Robocopy多线程功能加快文件复制
前言:Robocopy(Robust File Copy,强大的文件复制),这是一个内置于Win10中的命令行工具,它提供了更多功能来帮助用户更快地将数据移动到不同的位置。之前小编一直使用 xcopy,在才无意中发现了Robocopy也内置到Win10中了。Robocopy 最为特殊也经常被忽略的是其支持多线程的能力,允许我们同时复制多个文件,而不像在「文件管理器」中复制文件时只能一次一个(移动多个文件时也只是列队之后一个一个移动)。下面小编就为大家介绍在Win10中如何使用Roboc...原创 2021-03-21 01:17:36 · 2025 阅读 · 0 评论 -
js数组与字符串的相互转换方法
1、数组转字符串需要将数组元素用某个字符连接成字符串,示例代码如下:var a, b;a = new Array(0,1,2,3,4);b = a.join("-"); //"0-1-2-3-4"2、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下:var s = "abc,abcd,aaa";ss = s.split(",");// 在每个逗号(,)处进行分解 ["abc", "abcd", "aaa"]var s1 =转载 2021-03-19 15:34:23 · 123 阅读 · 0 评论 -
js提取对象数组中的某一个属性组成新数组
例:arrold = [ {name: "name1", age: "1"}, {name: "name2", age: "2"}, {name: "name3", age: "3"}, {name: "name4", age: "4"}, {name: "name5", age: "5"}, {name: "name6", age: "6"}]arrnew = ["name1","name2","name3","name4","name5","name6"]方法一转载 2021-03-19 09:12:44 · 36367 阅读 · 5 评论 -
树形数据,给每一层添加一个新的属性 key:‘xxx‘
[{"id": 1,"name": "广告销售","depCode": "MI00","fatherId": null,"fatherName": null,"subDepList": [{ "id": 2, "name": "二级部门", "depCode": "MI0001", "fatherId": 1, "fatherName": "广告销售", "subDepList": [{ "id": 3, "nam.转载 2021-03-15 09:02:11 · 4498 阅读 · 5 评论 -
Nginx 在 windows 下的常用命令
Windows下安装 Nginx 推荐使用绿色安装的方式,在 Nginx 官网下载安装包,直接解压压缩文件就可以了。安装成功后,进入 Nginx 文件夹的安装目录,Ctrl + 鼠标右键打开 CMD 或者 Powershell 窗口即可。打开的窗口一般如下图所示:Nginx 的安装目录1. 启动 Nginx执行以下命令,启动成功后打开浏览器输入 127.0.0.1 or localhost 访问# 第一种方法,nginx在前台运行,关闭当前命令行窗口时 nginx 自动关闭PS转载 2021-03-09 14:29:30 · 161 阅读 · 0 评论 -
Win10及Office2019状态查询和问题处理
一、Win10状态查询方法①: 1、在开始菜单栏Windows系统中右键单击命令提示符,选择管理员模式进入 2、复制slmgr.vbs -xpr 到命令行运行方法②: 键盘Win键+R 打开运行,输入 slmgr.vbs -xpr 点确定 永久状态显示如图二、Office2019状态查询:1、在开始菜单栏 ---》 Windows系统 ---》右键单击命令提示符,选择管理员模式进入2、输入命令cd "C:\Progra...转载 2021-03-01 10:15:46 · 8286 阅读 · 3 评论 -
ant-design-vue中实现modal模态框的复用(添加,编辑展示同一个模态框)
用两个button(添加,编辑)按钮展示同一个模态框,并不是什么大问题,问题在于解决这两个模态框得有自己的确定和取消方法父页面完全接管子页面(利于子页面复用)父页面代码:<template> <div> <-- 定义两个按钮,一个添加按钮, 一个编辑按钮 --> <a-button type="primary" @click="showModal">添加</a-button> <a-button ty转载 2021-02-26 15:51:25 · 2240 阅读 · 0 评论 -
vue+iview+less 实现换肤功能
vue+iview+less 实现换肤功能项目搭建用的vue—cli,css框架选择的iview1、首先安装less支持npm install --save-dev less-loader less然后去build文件夹下的webpack.base.conf.js文件中,添加对.less的支持2、准备工作做好了,开始换肤2.1新建一个文件夹styles,在里面新建一个文件theme.less定义一个.theme()方法,写上需要的颜色参数如图:2.2 styles文件转载 2021-01-27 09:23:53 · 480 阅读 · 0 评论 -
iview中tree的自定义样式高亮当前点击项问题
iview的tree功能真的很简陋,提供的API又很少。 如在树的文字边上增加图标的API也没有,只能自己自定义了。自定义后 selected的样式就丢失了,包括api中的选中事件也失效了,需要自己加上。参考了下网上的做法,一般都是自己写一个单击事件,并加上样式。1.Tree标签上增加render属性在Tree标签上 增加render属性,使用的是renderContent()方法<Tree :ref="tree" :data="treeData" :render="renderC.转载 2021-01-27 09:18:40 · 911 阅读 · 0 评论 -
按ID数组过滤对象数组
activeIds = [202,204]serviceList = [{ “ id”:201, “标题”:“ a” }, { “ id”:202, “标题”:“ a” }, { “ id”:203, .转载 2020-12-30 15:46:26 · 2152 阅读 · 0 评论 -
es6 向数组开头添加一个或更多元素
unshift()方法可向数组的开头添加一个或更多元素,并返回新的长度arrayObject.unshift(newelement1,newelement2,newelement3,...,newelementX)this.todos.unshift(newTodo) 等同this.todos=[newTodo,...this.todos]this.todos=[newTodo,...this.todos] 数据放前面this.todos=[...this.todos,newTodo] 数据.转载 2020-11-04 00:53:47 · 5130 阅读 · 0 评论 -
elementUI table 点击编辑按钮进行编辑实现示例
代码(点击查看示例):<!DOCTYPE html><html ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <titl..转载 2020-11-04 00:43:45 · 3212 阅读 · 0 评论 -
vue中引入公共方法并使用
1在utils文件夹中新建utils.js/** * 通用js方法封装处理 * Copyright (c) 2019 ruoyi */const baseURL = process.env.VUE_APP_BASE_API// 日期格式化export function parseTime(time, pattern) { if (arguments.length === 0 || !time) { return null } const format = pattern ||原创 2020-09-25 23:24:06 · 1969 阅读 · 0 评论 -
uinapp 开发笔记
小程序1、 全局安装脚手架 打开cmd 或者vscode调出终端npm install -g @vue/cli2、创建项目,my-project为项目名 (注意选择硬盘位置创建)//dcloudio/uni-preset-vue 表示创建uni-app项目//dcloudio/uni-preset-vue 表示创建uni-app项目vue create -p dcloudio/uni-preset-vue my-project3、若出现如下问题:...原创 2020-09-23 21:27:01 · 1987 阅读 · 0 评论 -
Vue 新手学习笔记:vue-element-admin 之入门开发
说实话都是逼出来的,对于前端没干过ES6都不会的人,vue视频也就看了基础的一些但没办法,接下来做微服务架构,前端就用 vue,这块你负责。。。。说多了都是泪,脚手架框架布了都没看过干就完事,不过好在做好了,这里写下给和我一样苦逼的同学能快点适应入门下,当然一些基础的东西还是要知道的主要分为几个部分 安装 准备工作 mock 假数据页面 axios 连接后台真数据 正式环境部署 前端完整代码 肯定有地方不太对的,麻烦大家指出来下载原创 2020-09-21 00:11:38 · 596 阅读 · 0 评论 -
VS Code Prettier 格式化Vue代码及遇到问题
prettier是一个专业代码格式化工具,支持JS、TS、sass、less、HTML、java、yaml、md、swift等等,主流的语言大多都支持。提供了VS、VSC 、Vim 、Atom、sublime 、WebStorm 等 IDE/编辑器插件,可以很方面安装及使用。下面介绍下 vscode 下的 配合eslint检查 vue代码的相关配置介绍和一些问题。prettier的配置项非常少,可以参加官方文档,不过后面遇到一些问题,后面再说要怎么更改。使用时候遇到的一些问题Q1:包裹文字时候.原创 2020-09-16 20:41:50 · 11314 阅读 · 0 评论 -
常见的vue错误
error Strings must use singlequote quotes 字符串必须使用单引号 error Extra semicolon semi 额外分号半 (;) error Trailing spaces not allowed no-trailing-spaces 不允许有尾随空格没有尾随空格 error Missing space before function parentheses space-before-function-paren 函..原创 2020-09-16 21:02:34 · 1333 阅读 · 0 评论 -
在win10系统下 NodeJs:安装插件‘xxx’后,提示‘xxx’ 不是内部或外部命令也不是可运行的程序或批处理文件
1:首先使用npm、cnpm或者yarn下载所需插件,以nodemon这个插件举例npm install -g nodemon2:命令行查询插件版本信息nodemon --version3:如果提示‘nodemon’ 不是内部或外部命令解决方法找到nodejs下的nodemon插件,复制路径D:\Program Files\nodejs\node_global下面要用到。4:右击--我的电脑--单击属性--高级系统设置--环境变量选中用户变量的path和系统变量的p.原创 2020-09-09 23:53:34 · 501 阅读 · 0 评论 -
第二章、nodejs服务端开发--前准备
nodejs官网ECMAScript 6 入门原创 2020-09-12 00:22:22 · 163 阅读 · 0 评论 -
windows下切换node版本--nvm安装与使用
一、nvm是什么nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。我们可能同时在进行2个项目,而2个不同的项目所使用的node版本又是不一样的,或者是要用更新的node版本进行试验和学习。这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,而nvm就是为解决这个问题而产生的,他可以方便的在同一台设备上进行多个node版本之间切换,而这个正是nvm的价值所在,...原创 2020-09-23 00:12:33 · 284 阅读 · 0 评论