樱木のじしん-CSDN博客

原创业务场景：校验是否存在同一张表下的相同字段（javascript判断object[ ]的数组内的值是否对应相等）

业务场景第一个下拉框是选择类型，第二个下拉框是所有数据库表，第三个下拉框是当前选择的数据库表中对应的字段（与第二个下拉框联动），三个下拉框是一组，可以点添加按钮添加一组下拉框。业务需求如果是2组或者2组以上，需要判断每一组中是否存在同一张表下的相同字段，如果存在择返回false，否则返回true数据模拟const arr = [ { type: 'tableData', value: ['11111', '22222'] }, { type: 'tableData', value

2021-06-24 13:46:38 1467

原创 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 7497

转载如何在GitHub上面精准搜索开源项目？

以下内容转自微信公众号：杰哥的IT之旅开源项目的组成部分在讲清楚之前呢，我们先来了解一下一个开源项目有哪些组成部分：name: 项目名description: 项目的简要描述项目的源码README.md: 项目的详细情况的介绍那么除了这些要素之外，项目本身的star数和fork数，也是评判一个开源项目是否火热的标准，这同时也是一个很重要的搜索标准。另外我们也要注意观察这个项目的最近更新日期，因为项目越活跃，那么它的更新日期也更加频繁。以上要素就是我们在进行搜索的时候要注意的一些关键点.

2021-06-05 11:30:11 1462

转载 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 181

原创前端超好用的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 619 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 1315

原创 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 5649 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 10080

原创 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 176

原创根据后端返回列表数据动态生成后台管理系统权限菜单

[ { “parentId”:“0”, “resCode”:“city”, “resId”:“07fe2c8b976047e186bb6bcb8f4d6544”,

2020-11-18 11:22:33 1241

原创 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 320

原创自定义数字键盘（基于Vue封装）

最近在做一个项目有个需求，点击输入框，自动调起数字键盘。最开始一直尝试设置input的type属性，但都遇到了各种各样的问题：1.type=number，PC和安卓都不能输入非数字字符（注意：安卓仍然可以输入+和-），最大的问题是ios可以切换到非数字键盘，但输入的非数字字符都会自动清空，因此获取不到输入的值，也就没有办法判断输入的值是数字还是非数字2.type=tel，ios不能切换到非数字键盘，看似完美解决问题，但ios数字键盘没有小数点(.)，当需要输入金额时就不适用了后来产品提出，为了提高用

2020-07-27 13:03:07 1720 3

L_Sarah的博客