- 博客(151)
- 资源 (1)
- 收藏
- 关注
原创 分享一个自研小程序:穿搭style
一款关于穿搭的微信小程序:有海报轮播图、分类swiper、搜索功能、人工智能api图像识别、评论、收藏模块、分享海报、上传图片,天气模块。Tips: 这是我大三的时候拿去参加省比赛的项目,当时技术有限,所以我是推荐作为入门项目学习沟通,大佬就可以绕开啦,技术含量不高哈,只是给入门同学一个借鉴思路。详细的开源仓库:GitHub因为这个小程序没有后端参与,所以数据是存储在小程序的云开发端,其使用教程在穿搭style云函数配置教程.md 文档里面...
2022-05-26 12:10:58 752 1
原创 关于HTML中上传图片
关于HTML中上传图片值得注意的是:当一个表单里面包含这个上传元素的时候,表单的enctype必须指定为multipart/form-data,method必须指定为post,浏览器才会认识并正确执行。但是还有一点,浏览器只允许用户点击<input type="file">来选择本地文件,用JavaScript对<input type="file">的value赋值是没...
2018-10-14 10:06:16 46549 5
原创 如何自己实现一个丝滑的流程图绘制工具(九) 自定义连接线
但是有个需要注意的是,你吧线改变了两端,虽然创建线的时候的两头节点看不到,但是本质存在会影响画其他节点。所以我连接线创建的两个虚拟节点类型是不同的。这样遍历画布上的节点就可以找到多余的两个点,删掉。创建一个线的dom节点,监听鼠标的移动和放下,使线跟随鼠标移动。在画布区域松开鼠标后,创建两个很小的节点并连接起来。产品又有更近的想法了,bpmn-js的连接线你用的时候是看不到的,也就是你从左侧点击连接线的没有线随鼠标移动.这样就是一个假象,一根线放在画布上,可以改变连接线的两端。
2023-11-10 13:44:59 227
原创 如何自己实现一个丝滑的流程图绘制工具(七)bpmn-js 批量删除、复制节点
希望实现批量删除和复制节点,因为bpmn-js是canvas画的,所以不能像平时页面上的复制一样直接选择范围,会变成移动画布。因为bpmn-js对鼠标直接选取范围进行了拦截。所以我加了一个辅助按键进行选择。绘制一个选择的效果框,这样才可以看出来选的节点有哪些。上面的选中范围框效果也是用canvas画出来的。
2023-08-30 14:43:35 401
原创 如何自己实现一个丝滑的流程图绘制工具(一)vue如何使用
、他的流程图是涉及到业务的,比如开始事件、结束事件等。接下来看看在vue项目中我们如何使用bpmn-js。3、可以实现一个完整的流程事件,并进行模拟。对比下来我还是选择了。引入npm 相关的包。
2023-08-24 15:20:07 977
原创 element-ui-table的表格树形结构的选择功能不能选中children
项目的table表做的树形数据展示,但是又需要支持多选操作,发现elemen-ui的多选,只选中父级,不包括 children。点击父级的时候判定有没有孩子,有的话遍历选中孩子,并且要给已选值变量进行添加,取消的时候还要从已选值中删除。
2022-09-27 21:30:20 1096 3
原创 从零开始到完整的React后台管理项目开发路程(第四节)
原生的localStroge兼容性不够,所以引入store库来存。这里有个关于路由导航的渲染方法,我一共尝试了两种方法写,其中有个天气模块,需要先去申请。如何维持登陆、免登陆。
2022-08-15 17:25:14 384
原创 从零开始到完整的React后台管理项目开发路程(关于路由导航栏的渲染方式)
React用的是jsx风格的代码语言,所以写的的时候可以直接生成带html标签的数组因为侧边路由配置不止一个,所以最好的方法是配置路由地址文件,然后去遍历渲染其实就是递归的思路去生成数组。......
2022-08-15 15:52:33 563
原创 table表实现拖拽交换列表顺序
当表格列表的数据涉及到排序或者优先级时,这个功能就很关键了,直接拖拽交换顺序比上下点击移动更友好。关键的是引入npm install --save sortablejs。
2022-08-12 15:47:11 751 1
原创 MACBOOK M1芯片上安装mongdb遇到的问题,以及安装教程
M1芯片上安装mongodb的时候,当brew services start启动成功后是显示正常的,但是brew services list 的时候status是error的
2022-08-05 13:34:52 1228
原创 IntersectionObserver API实现场景
1. 图片懒加载——当图片滚动到可见时才进行加载2. 内容无限滚动——也就是用户滚动到接近内容底部时直接加载更多,而无需用户操作翻页,给用户一种网页可以无限滚动的错觉3. 检测广告的曝光情况——为了计算广告收益,需要知道广告元素的曝光情况4. 在用户看见某个区域时执行任务或播放动画.....................
2022-08-02 16:27:26 283
原创 前端必备数据结构:(栈)大数相加
一、题目来源:leetCode 415. 字符串相加题目描述:给定两个字符串形式的非负整数 num1 和num2 ,计算它们的和并同样以字符串形式返回。你不能使用任何內建的用于处理大整数的库(比如 BigInteger), 也不能直接将输入的字符串转换为整数形式。............
2022-06-04 16:03:54 79
原创 前端必备数据结构:(DFS)括号生成
一、题目来源:leetCode 22. 括号生成题目描述:数字 n 代表生成括号的对数,请你设计一个函数,用于能够生成所有可能的并且 有效的 括号组合。示例 1:输入:n = 3输出:["((()))","(()())","(())()","()(())","()()()"]示例 2:输入:n = 1输出:["()"]解题思路:利用括号的一对的原则,多少个左括号就必须有多少个右括号,停下来的判定是字符串的长度等于括号数*2 var generateParenthesis = fun
2022-04-11 15:50:16 564
原创 前端必备数据结构:(链表)判定回文链表
一、题目来源:leetCode 234. 回文链表题目描述:给你一个单链表的头节点 head ,请你判断该链表是否为回文链表。如果是,返回 true ;否则,返回 false 。示例 1:输入:head = [1,2,2,1]输出:true示例 2:输入:head = [1,2]输出:false解题思路:利用栈的先进后出原理。将链表对半,左半部分推入栈中,再出栈和右半部分进行对比,相同则是回文链表。var isPalindrome = function(head) {
2022-04-06 22:39:32 563
原创 前端必备数据结构:归并排序
按照分治法的思想,先拆分后合并。其时间复杂度是 nlogn,属于稳定排序function get() { var str = [1,3,4,2] sort(str)}function sort(arr) { let len = arr.length if(len == 1) return arr var temp = Math.floor((0+len)/2) var str1 = arr.slice(0, temp) var str2 = arr.slice(temp) retu
2022-03-30 19:45:25 513
原创 前端必备数据结构:(栈)删除字符串中的所有相邻重复项
题目来源:leetCode 剑指 Offer II 095. 最长公共子序列题目描述 :给定两个字符串 text1 和 text2,返回这两个字符串的最长 公共子序列 的长度。如果不存在 公共子序列 ,返回 0 。一个字符串的 子序列 是指这样一个新的字符串:它是由原字符串在不改变字符的相对顺序的情况下删除某些字符(也可以不删除任何字符)后组成的新字符串。例如,“ace” 是 “abcde” 的子序列,但 “aec” 不是 “abcde” 的子序列。两个字符串的 公共子序列 是这两个字符串所共同
2022-03-30 15:19:49 525
原创 前端必备数据结构:(动态规划)最长不含重复字符的子字符串
题目来源:剑指 Offer 48. 最长不含重复字符的子字符串题目描述 :请从字符串中找出一个最长的不包含重复字符的子字符串,计算该最长子字符串的长度。示例1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc",所以其长度为 3。示例2:输入: "pwwkew"输出: 3解释: 因为无重复字符的最长子串是 "wke",所以其长度为 3。 请注意,你的答案必须是 子串 的长度,"pwke" 是一个子序列,不是子串。/** * @para
2022-03-29 11:34:15 102
原创 前端必备数据结构:(二叉树)二叉树的层序遍历
一、题目来源:102. 二叉树的层序遍历二叉树的遍历一共有四种方式前序遍历中序遍历后序遍历层次遍历题目描述:示例 1:输入:root = [3,9,20,null,null,15,7]输出:[[3],[9,20],[15,7]]示例2输入:root = [1]输出:[[1]]解题思路层次遍历的意思就是每一层从左往右遍历。累加起来的遍历数据就是输出结果。所以定义一个数组存每一层的节点值。并存每一层节点,作为每一次循环的根节点。遍历结束的依据就是这一层没有节点。
2022-03-24 15:09:00 253
原创 前端必备数据结构:(动态规划)最长的递增子序列
一、题目来源:300. 最长递增子序列题目描述:给你一个整数数组 nums ,找到其中最长严格递增子序列的长度。子序列 是由数组派生而来的序列,删除(或不删除)数组中的元素而不改变其余元素的顺序。例如,[3,6,2,7] 是数组 [0,3,1,6,2,2,7] 的子序列。示例 1:输入:nums = [10,9,2,5,3,7,101,18]输出:4解释:最长递增子序列是 [2,3,7,101],因此长度为 4 。示例2输入:nums = [0,1,0,3,2,3]输出:4解题
2022-03-18 16:04:46 623
原创 前端必备数据结构:(深度优先搜索)路经总和Ⅱ
一、题目来源:113. 路径总和 II题目描述:给你二叉树的根节点 root 和一个整数目标和 targetSum ,找出所有 从根节点到叶子节点 路径总和等于给定目标和的路径。叶子节点 是指没有子节点的节点。示例 1:输入:root = [5,4,8,11,null,13,4,7,2,null,null,5,1], targetSum = 22输出:[[5,4,11,2],[5,8,4,5]]示例2输入:root = [1,2,3], targetSum = 5输出:[]
2022-03-02 10:59:02 219
原创 前端必备数据结构:(深度优先搜索)路经总和
一、题目来源:112. 路径总和题目描述:给你二叉树的根节点 root 和一个表示目标和的整数 targetSum 。判断该树中是否存在 根节点到叶子节点 的路径,这条路径上所有节点值相加等于目标和 targetSum 。如果存在,返回 true ;否则,返回 false 。叶子节点 是指没有子节点的节点。示例 1:输入:root = [5,4,8,11,null,13,4,7,2,null,null,null,1], targetSum = 22输出:true解释:等于目标和的根节点到叶节
2022-03-01 21:24:37 271
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人