随笔分类 - java script
摘要：在项目中运行npm run build报错 bash: /c/Program Files/nodejs/node_global/npm: No such file or directory 因为升级了npm和node,环境变量地址也需要重新配置下 npm不是在/node_global文件里,是在no
阅读全文
摘要：一般的正则是把规则固定写好,如下 const reg = /^(\d+)\.(\d{2})(\d+)*$/ 这是一个匹配2位小数位数的正则, 实际使用中,类似小数位数,密码长度等,可能根据不同场景有变化,所以写成一个变量,使用的时候传入比较方便 正则中使用变量,不能直接用字符串拼接 可以使用正则的构
阅读全文
摘要：在 vue 中,form 表单输入可以通过 v-model 实现双向数据绑定,例如: <input v-model="text" /> {{text}} 在表单中输入时,页面展示的 data-text 也会相应改变 如果是封装的通用输入表单,一般会使用 prop+emit 来实现父子组件数据传递 如
阅读全文
摘要：在项目开发中,有时候提交代码需要leader合并,每一次提交都合并就很麻烦.所以一般都会fork一个私仓,完成一个功能后再发起一个pull request. 把步骤记录下来 这里以我gitee里的项目为例子 1. 首先在Gitee上创建一个项目,为主仓 2.点击右上角的fork,fork一个私仓到自
阅读全文
摘要：需求: 在页面输入label,得到所有匹配的label和对应的父级 原始数据 const a = [ { id: '11', label: 'A系统', children: [ { id: '11-21', label: '二级系统', children: [ { id: '11-21-31', l
阅读全文
摘要：删除ant-design-pro项目中的umi文件提示需要权限,记录下处理方法 1. 文件右键属性 -> 安全 -> 高级 2. 看下所有者是不是 删除时提示的无权限账号,不是的话点击更改, 是的话点击添加. 更改和添加点进去的步骤一致,这里展示添加的步骤 3. 选择主体 -> 点击高级 4. 页面
阅读全文
摘要：React Flow流程组件用起来还是挺简单的,能满足一些基本的流程配置.可以通过自定义配置节点实现不同需求 官网地址: https://reactflow.dev/docs/introduction/ 可以浏览一遍基本API在结合官网给的例子,快速开发.官网给了很多例子,很方便 效果图: 使用:
阅读全文
摘要：根据官方文档的步骤创建项目,报错如下: success Installed "create-vite@2.7.2" with binaries: - create-vite - cvaerror An unexpected error occurred: "EPERM: operation not
阅读全文
摘要：项目是react的,引入了bpmnjs流程引擎,之前好好的,突然一次项目更新后,流程设计页面报错 unhandled error in event listener TypeError: bo.get is not a function unhandled error in event listen
阅读全文
摘要：githup源码: https://github.com/shengbid/vue-demo/tree/master/src/views/Form/ellipsis 效果图: 通用CSS .box { width: 500px; border: 1px solid red; padding: 10p
阅读全文
摘要：之前写了一个关于图片旋转拉伸的实现,最近正好用到这个小功能,看了一下,发现之前写的方法有一些复杂,自己在之前的基础上简化了一下,记录下方法 实现方法一:https://www.cnblogs.com/steamed-twisted-roll/p/13408245.html 效果图 平移部分的代码没啥
阅读全文
摘要：之前写了单张图片的移动缩放,用的是原生JS 这篇是在之前的基础上增加了可以放多张图片,可以单独宽度缩放,单独高度缩放的功能 也可以只做单张图片的功能 图片效果: 写法是用jQuery,使用的话需要自己下载jQuery安装包 代码 <!DOCTYPE html> <html lang="en"> <h
阅读全文
摘要：最近修改以前的老项目,不知不觉就把es6语法统统用上,调试的时候是谷歌浏览器,一切正常.(*^▽^*)然鹅,到了IE浏览器发现页面根本出不来,大意了,忘了老代码没有语法转译.o(╥﹏╥)o 于是查了下,用babel转换了一下,基本上没问题了,所以记录一下转换方法 转换需要安装node和git, 应该
阅读全文
摘要：最终效果图: 实现步骤: 一般图表的数据都是由后台返回的,所以这里写了个getData函数,可以在这里获取后台接口数据 type: time时需要的数据是二维数组格式,[[x, y],[x, y]] x为时间 y数值 需要注意的是: 如果某些日期没有数值,也需要把这一项填充,y值为空,不然展示时空数
阅读全文
摘要：checkbox用法 页面写法, 同一个选项里的设置同一个name <div class="li-check"> <input type="checkbox" class="hobby" name="hobby" value="0" checked>篮球 //使用checked可以在页面初始化的时候
阅读全文
摘要：原文链接: https://juejin.im/post/6844904098941108232 这篇是阅读文章,自己在控制台打印,记录一下,方便后期复习 原文写得很好,容易理解,对继承不太清楚的可以看看 // 一,原型链继承 // function Parent () { // this.name
阅读全文
摘要：效果如图,图片可以跟随鼠标移动,旋转,拉伸,代码在谷歌浏览器和IE11验证了,其他浏览器没试过 本博客源码: https://github.com/shengbid/vue-demo 把这个功能放在vue项目里了, 这个项目里会把平时博客写的一些功能的代码都放在里面,有需要可以下载看看,有帮助的话点
阅读全文
摘要：之前项目登录时填写的是验证码,后来说要与时俱进,改成滑动图片的方式 这里的背景图和滑块是由后台返回的,前端传回移动距离给后端验证,这里我只写前端处理的部分的(毕竟后端的也不懂) 项目源代码,githup地址https://github.com/shengbid/vue-demo/tree/maste
阅读全文
摘要：执行环境定义了变量或函数有权访问的其他数据,每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中.执行环境分为全局执行环境和局部执行环境,在web浏览器中,全局执行环境默认为window.当代码在环境中执行时,会创建变量对象的一个作用域链 如果用一个矩形来表示特定的执
阅读全文
摘要：使用webpack.DllReferencePlugin打包vue报错 之后看了官方文档,多写一个context属性,在打包运行就OK了 生成DLL文件的配置文件 webpack.vendor.config.js const path = require('path') const webpack
阅读全文