- 博客(15)
- 收藏
- 关注
原创 业务场景:校验是否存在同一张表下的相同字段(javascript判断object[ ]的数组内的值是否对应相等)
业务场景第一个下拉框是选择类型,第二个下拉框是所有数据库表,第三个下拉框是当前选择的数据库表中对应的字段(与第二个下拉框联动),三个下拉框是一组,可以点添加按钮添加一组下拉框。业务需求如果是2组或者2组以上,需要判断每一组中是否存在同一张表下的相同字段,如果存在择返回false,否则返回true数据模拟const arr = [ { type: 'tableData', value: ['11111', '22222'] }, { type: 'tableData', value
2021-06-24 13:46:38
1460
原创 VScode使用NPM SCRIPTS:vscode侧栏查看package.json中的scripts脚本并运行
安装插件:npm-scripts安装之后,在侧栏可以看到NPM SCRIPTS:此时点击一条命令,如点击serve,会在控制台出现一条命令: auto run serve,并出现报错信息设置Package Manager设置 --> 用户 --> 扩展 --> Npm --> Package Manager --> 设置成npm(默认是auto)完成以上设置后,就可以直接使用侧栏的NPM SCRIPTS启动命令了...
2021-06-07 15:28:23
7407
转载 如何在GitHub上面精准搜索开源项目?
以下内容转自微信公众号:杰哥的IT之旅开源项目的组成部分在讲清楚之前呢,我们先来了解一下一个开源项目有哪些组成部分:name: 项目名description: 项目的简要描述项目的源码README.md: 项目的详细情况的介绍那么除了这些要素之外,项目本身的star数和fork数,也是评判一个开源项目是否火热的标准,这同时也是一个很重要的搜索标准。另外我们也要注意观察这个项目的最近更新日期,因为项目越活跃,那么它的更新日期也更加频繁。以上要素就是我们在进行搜索的时候要注意的一些关键点.
2021-06-05 11:30:11
1459
转载 20个有用的JavaScript单行程序
以下内容来源于微信公众号 # 前端全栈开发者 作者:张张1.随机ID生成当你在进行原型设计并需要唯一的id时,这可以成为你的首选功能。const a=Math.random().toString(36).substring(2);console.log(a)--------------------------xy70uozy33m2.生成范围内的随机数在很多情况下,我们需要在一个范围内生成一个随机数。Math.random函数可以帮助我们生成随机数,然后将其转换为所需的范围。const
2021-04-30 18:34:59
175
原创 前端超好用的vue插件搜集
1.Vue Canvas Poster 自定义生成海报介绍:Vue Canvas Poster 一个通过 css 属性画 canvas 图片的轻量级的 vue 组件。主要特性:绘制文本(换行、超出内容省略号、中划线、下划线、文本加粗、文字缩进)绘制图片(圆角、旋转、边框、模式:类似小程序 image mode)绘制矩形(圆角、旋转、边框)绘制二维码渐变阴影为什么使用 vue-canvas-poster:简单: 使用类css属性的方式生成canvas图。易用: 通过npm安装,简单上手
2021-03-03 17:10:37
610
1
原创 @vue/cli 实现pc端分辨率适配(可用于大屏开发)
参考文章: https://blog.csdn.net/weixin_41257563/article/details/97266234项目框架: 项目是基于vue-cli3生成的工程化项目vue create projectName依赖:1.自适应方案核心: 阿里可伸缩布局方案 lib-flexible2.px转rem:px2rem,它有webpack的loader: px2rem-loader一.安装yarn add lib-flexible -Syarn add px2rem-lo
2021-01-15 23:33:52
1312
原创 vue 实现树状流程图的CUD(新增~修改~删除)
效果图实现原理1.放弃div的flex布局, 利用table可以更好地控制新增子节点的对齐,利用::before和::after实现虚线,不需要多余的div2.使用组件递归,利用子传父emit传值,v−on="emit传值,v-on="emit传值,v−on="listeners"实现跨层级事件监听父组件.vue<template> <div id="app"> <TreeChart :model="tree" @on-add="add" @on-upd
2020-11-26 23:13:13
5623
5
原创 一篇文章带你彻底理解vue @click.native~.prevent~.stop~.self~.once
一.vue @click.nativenative就是把组件变回原生DOM的一种方式,相当于给组件绑定原生事件// 父组件.vue <tree @click.native="clickTree"></tree>// 如果不使用.native,在子组件tree上绑定click是不会执行的,需要在tree.vue中使用$emit传递事件,再在父组件中接收事件// 使用了.native就可以省略子组件传递事件的操作,可以直接在父组件中使用原生事件 clickTree() {
2020-11-19 17:44:52
9877
原创 git 命令(collecting)
一.git remote基本操作使用场景本地项目已经关联了一个远程仓库地址,现需要更换远程仓库地址操作步骤1.git remote 查看远程仓库名称 >> origin2.git remote remove origin 删除本地指定的远程仓库3. git remote add origin [远程仓库http url] 关联新的远程仓库地址4.git remote -v 查看本地添加了哪些远程地址...
2020-11-19 11:00:22
173
原创 根据后端返回列表数据动态生成后台管理系统权限菜单
[ { “parentId”:“0”, “resCode”:“city”, “resId”:“07fe2c8b976047e186bb6bcb8f4d6544”,
2020-11-18 11:22:33
1233
原创 vue 父组件动态给子组件传值,实现一个添加日程弹窗
father.vue<template> <!-- 添加日程 --> <div class="dd schedule"> <h5>添加日程</h5> <el-calendar class="my-calendar"> <template slot="dateCell" slot-scope="{data}"
2020-10-27 14:38:36
313
原创 自定义数字键盘(基于Vue封装)
最近在做一个项目有个需求,点击输入框,自动调起数字键盘。最开始一直尝试设置input的type属性,但都遇到了各种各样的问题:1.type=number,PC和安卓都不能输入非数字字符(注意:安卓仍然可以输入+和-),最大的问题是ios可以切换到非数字键盘,但输入的非数字字符都会自动清空,因此获取不到输入的值,也就没有办法判断输入的值是数字还是非数字2.type=tel,ios不能切换到非数字键盘,看似完美解决问题,但ios数字键盘没有小数点(.),当需要输入金额时就不适用了后来产品提出,为了提高用
2020-07-27 13:03:07
1696
3
原创 图片压缩插件image-compressor.js的使用和解决图片旋转问题(vue)
1.安装yarn add image-compressor.js / npm i image-compressor.js2.引入import ImageCompressor from “image-compressor.js”3.使用语法:new ImageCompressor(file, [options])<input type="file" id="file" accept="image*" />document.getElementById("file").addEven
2020-06-15 17:23:04
6576
1
原创 手写组件递归实现树状表格
vue实现树状表格 功能:大部分的ui框架(element ui、view ui等)都有树状表格,但有时候现有的框架样式并不能满足产品的需求,因此我们就需要手写树状表格。要点:利用vue手写树状表格,主要有2个要点,一是利用组件的递归,实现层级的展示;二是利用js的递归,...
2020-05-05 10:54:11
2595
2
原创 @vue/cli(vue脚手架3)区分打包build文件 测试环境和生产环境
问题:在开发阶段有时候需要build打包上传到uat测试环境(一般是移动端项目)进行测试,当某些功能已经测试完成需要发布到正式环境时,通常需要更改一些配置,比如baseURL,如果每次都手动更改会比较麻烦,因为我们可以通过以下配置来区分。分析:在开发阶段,process.env.NODE_ENV是development,而打包build后,process.env.NODE_ENV是product...
2020-04-27 17:44:04
6010
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人