- 博客(140)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 erpnext实践笔记
环境：Ubuntu server 22.04 LTS版本：ERPNEXT V15tips：1.安装print_designer时报错解决。
2024-03-05 11:17:59
414
1
原创 宝塔+docker+jenkins部署vue项目----笔记版
宝塔+docker+jenkins部署vue项目（保姆级教程）https://blog.csdn.net/weixin_47284756/article/details/129339940。1.我使用的是gitee，所以需要在jenkins中安装gitee插件。配置gitee，其他默认配置就行。基于上述教程，不同的地方。
2023-12-02 15:39:17
769
原创 vue3中的beforeEach里面的next函数---刷新页面导致白页
首先描述一下我的问题：我是用beforeEach路由守卫来动态生成 路由，当我刷新页面首次访问动态路由时，会发生白页。但是第二次，通过左侧导航 or 更改url路由链接去访问动态路由，就会正常显示。但如果再次 刷新页面，又会出现白页。最开始的代码是这样写的：router.beforeEach((to, from, next) => { let hasRoutes = store.state.hasRoutes if (!hasRoutes) { // 如果还没有动态绑定路由，那么就
2022-04-23 21:04:10
9832
4
原创 vue3的beforeEach和vue2的beforeEach里面的异步请求的区别
问题描述：在一个项目中，我想根据用户的权限不同，所看到的菜单是不同的。这样就产生了一个需求：根据用户权限，请求接口生成动态菜单。由于菜单的不一样，所以我希望每个用户的路由也是不一样的。所以路由也需要动态生成。那么我就想到了用 router.beforeEach来请求接口获取用户菜单，从而可以生成动态路由。并把此时获取到的用户菜单存入store中，方便生成动态菜单。过程大概如下：...
2022-04-22 17:09:10
2733
2
原创 @element-plus/icons-vue使用过程中，结合el-icon使用svg图标不生效，但单独使用svg图标生效
我的情况：在main.js 中使用了全局注册icon在页面中使用图标时，发现：结合el-icon使用svg图标不生效，但单独使用svg图标生效（在main.js中全局注册了图标之后，再到页面中使用就不需要再次引入了，直接使用就行）解决办法：更新 element-plus的版本。我之前的版本是1.0.2。更新到2.1.9版本就ok了！真的困扰了好久，搜了好多百度。。。哎。硬是没想到就是版本的问题...
2022-04-12 23:13:01
1631
原创 vue3+vite 按需自动引入element plus报错(按照官方方法配置失败:Failed to resolve import “element-plus“)
参考文章：https://www.cnblogs.com/cokolxvd/p/15661086.html按需自动引入elementUI 首先需要插件unplugin-vue-components 和 unplugin-auto-importnpm i unplugin-vue-components unplugin-auto-import根据elementUI plus 官网说明快速开始.需要在vite.config.js中加入如下代码复制代码// vite.config.tsimp
2022-03-15 17:19:44
16128
2
原创 three.js中的ThreeBSP.js的代码
在网上找了好多ThreeBSP的代码，都基本不能用了。这份代码配three.js r121版本能用。// Generated by CoffeeScript 1.6.3(function() { var BACK, COPLANAR, EPSILON, FRONT, SPANNING, returning, __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
2022-03-09 19:13:06
658
2
原创 vue响应式系统的依赖收集追踪原理
vue响应式系统的依赖收集追踪原理最近在学习《剖析 Vue.js 内部运行机制》这本小册，本篇文章就“vue响应式系统的依赖收集追踪原理”这一小节，写一写自己的理解+注释，对小册进行二次输出。为什么要依赖收集？在上一篇 “vue响应式系统的基本原理”文章中，我们写了如下代码，对数据进行响应式管理。其中在set函数里面，当数据有更新，我们就直接调用了cb函数更新视图，这样有些许不妥。小册作者用了两个例子来说明。例子1：视图上不需要用的数据更新了，显然调用cb函数更新视图是不正确的我们现在有这
2022-01-07 18:05:21
1159
2
原创 vue响应式系统的基本原理
vue响应式系统的基本原理我们使用vue时，对数据进行操作，就能影响对应的视图。那么这种机制是怎么实现的呢？思考一下，是不是就好像我们对数据的操作 被“某人”监视了？一旦我们对数据进行了更改，“某人”就能感应到，并帮我们更新视图那么这个“某人”到底是谁呢？其实它很普通，就是我们基础里面有学过的 Object.defineProperty，使用它来对数据进行一下加工，就能实现当数据被读时，执行“读”的回调函数；数据被写时，执行“写”的回调函数。接下来，我们将简单回顾该方法的使用，再用几个实战小
2021-12-27 15:34:45
1688
原创 前端工作环境-mac
记录一下前端工作环境需要配置的东西，新入职就忘了要安装哪些东西了。vscode/webstorm，安装vscode常用插件chrome 浏览器node环境 https://nodejs.org/zh-cn/download/，这一步也会安装npm安装 git 工具安装 cnpm，sudo npm install -g cnpm --registry=https://registry.npm.taobao.org安装vue-cli sudo cnpm install -g @vue/
2021-11-11 16:45:23
559
原创 vue基础---尚硅谷学习笔记
vue基础初识Vue：Vue模板语法有2大类：数据绑定data与el的2种写法MVVM模型数据代理事件的基本使用：Vue中的事件修饰符：键盘事件计算属性：监视属性watch：深度监视：监视属性简写computed和watch之间的区别：绑定样式：条件渲染：v-for指令:面试题：react、vue中的key有什么作用？（key的内部原理）Vue监视数据的原理：收集表单数据：过滤器：内置指令自定义指令生命周期：非单文件组件几个注意点：关于VueComponent：一个重要的内置关系初识Vue： 1.想让
2021-10-14 11:22:06
1170
原创 vue脚手架--尚硅谷学习笔记
vue脚手架笔记脚手架文件结构关于不同版本的Vuevue.config.js配置文件ref属性props配置项mixin(混入)插件scoped样式总结TodoList案例webStorage组件的自定义事件全局事件总线（GlobalEventBus）消息订阅与发布（pubsub）nextTickVue封装的过度与动画vue脚手架配置代理方法一方法二插槽Vuex1.概念2.何时使用？3.搭建vuex环境4.基本使用5.getters的使用6.四个map方法的使用7.模块化+命名空间路由1.基本使用2.几个注
2021-10-13 21:31:38
427
原创 前端面试题
组件之间如何通信？组件间通信可以通过props、传递回调函数、context、redux等形式进行组件之间通讯react/vue中的key有什么作用？（key的内部原理是什么？）1）简单来说，key是虚拟DOM对象的标识，在更新显示时，key起着极其重要的作用。2）详细来说，当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟DOM】，随后React进行【新虚拟DOM】与【旧虚拟DOM】的diff比较，比较规则如下： a. 旧虚拟DOM中找到了与新虚拟DOM相同的key： （
2021-08-08 21:25:02
506
原创 react学习笔记---React扩展
1. setStatesetState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])------函数式的setSta
2021-05-25 22:24:26
238
原创 react学习笔记---redux
redux01-redux精简版---redux原理图如下：02-redux完整版03-redux异步action版04-react-redux基本使用05-react-redux的优化06-react-redux数据共享版07-react-redux开发者工具的使用08-react-redux最终版01-redux精简版—redux原理图如下：redux精简版总结（1）去除Count组件自身的状态（2）src下建立-src-redux-store.js-count_reduce
2021-05-25 21:59:20
221
原创 react学习笔记---react脚手架
react脚手架01-react脚手架02-创建项目并启动03-react脚手架项目结构04-功能界面的组件化编码流程（通用）一、todoList案例相关知识点配置代理react脚手架配置代理总结二、github搜索案例相关知识点01-react脚手架1.xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目1.包含了所有需要的配置（语法检查、jsx编译、devServer…）2.下载好了所有相关的依赖3.可以直接运行一个简单效果2.react提供了一个用于创建react项目的脚
2021-05-25 18:26:10
428
1
原创 react学习笔记---react基础
初始：为什么选择React？组件化的开发构思，项目便于维护只需关注业务逻辑，高效快速更新DOM海量的周边生态，友好的开发环境01-hello_react<body> <!-- 准备好一个“容器” --> <div id="test"></div> <!-- 最先引入react核心库 --> <script type="text/javascript" src="../js/re
2021-05-24 22:22:14
261
原创 前端js面试题2---手写call，apply
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-04-09 20:54:44
142
原创 前端js面试题1---手撕new操作符
部分参考链接: 重学 JS 系列：聊聊 new 操作符.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=
2021-04-09 13:35:38
267
原创 仿网易云PC端项目-vue
项目GitHub地址： wangyiMusicPlayer.wangyiMusicPlayer——这是一个仿网易云PC端的的项目（vue）项目简介：本项目使用的后端接口{接口文档已放在项目中，自行下载使用}前端采用技术：1.vue-cli,vue-router,element-ui,axios请求,父子组件传值2.路由跳转（携带参数）：具体体现在各个页面的跳转3.组件从本身跳转到本身（携带参数）：具体体现在mv详情页中(mv.vue) 点击 推荐mv项目效果图：发现音乐推荐歌单
2021-02-25 15:07:55
4595
5
原创 别踩白块 复盘笔记
别踩白块 复盘笔记index.htmlindex.cssindex.jsindex.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>别踩白块</title> <link rel="stylesheet" type="text/css" href="css/index.css"/> </head> <bo
2021-02-02 23:09:21
180
转载 CSS中的flex布局
目录1、flex 布局的概念2、容器的属性2.1、flex-direction（设置子元素的排列方向）2.2、flex-wrap属性（设置是否换行）2.3、flex-flow 属性（flex-direction和flex-wrap的结合）2.4、justify-content属性（设置子元素在横轴上的排列） 2.5、align-items属性（设置子元素在纵轴上的排列）2.6、align-content属性（设置每行子元素之间的排列方式） 3、子元素的属性 3.1、order
2021-01-28 15:50:02
316
转载 hash_map、unordered_map和map的效率、区别和分析
hash_map、unordered_map和map的效率、区别和分析 hash_map、unordered_map和map的效率、区别和分析 一、前言二、三者的实现区别maphash_map和unordered_map 三、三者查询效率高低时间效率三者使用选择例题：编译器报错解决方法 一、前言 最近在做题的时候遇到了，就分享一下自己的心得。 hash_map、unordered_map和map的区别其实和hash_set、unordered_set和set的区别是一样的，本博客就只讲m
2021-01-27 10:49:08
1333
原创 js基础复习笔记
---于2021/1/26整理js基础复习笔记 1.变量及数据类型2.运算符3.函数函数声明与创建函数的2种定义方式调用函数的3种方法回调函数2种匿名函数内置功能函数4.数组数组概念数组的创建方式数组的修改 以及 for in 和 for of对象的创建访问对象修改、删除对象属性5.获取元素及事件6.元素内容的操作删除内容元素内容的移动元素内容的交换7.元素样式的操作操作元素尺寸...
2021-01-26 22:23:24
484
原创 网页版“别踩白块”实战笔记
事件对象• 什么是事件对象？• 就是当你触发了一个事件以后，对该事件的一些描述信息• 例如： ° 你触发一个点击事件的时候，你点在哪个位置了，坐标是多少 ° 你触发一个键盘事件的时候，你按的是哪个按钮• 每一个事件都会有一个对应的对象来描述这些信息，我们就把这个对象叫做 事件对象• 浏览器给了我们一个 黑盒子，叫做 window.event ，就是对事件信息的所有描述• 这个玩意很好用，但是一般来说，好用的东西就会有 兼容性问题 ，在 IE低版本里面这个东西好用，但是在 高版本IE 和
2021-01-25 23:23:19
489
原创 新大陆物联网技能赛C#篇(二)---- 新建新大陆项目以及使用模拟器上传并获取数据 （文末还有一些资料链接，自取）
新建新大陆项目新增传感器上传传感器数据若硬件选手还没有做好硬件上传数据时，可以通过模拟器来上传数据，或者调试项目。下面是如何创建项目，并使用模拟器上传数据，仅为一个例子，可根据自己需要更改。然后回到开发者中心，查看项目就有数据了。即完成数据上传工作。学会看API库比如，我们现在要获取设备的最新数据，即去查看设备API下的 “批量查询设备最新数据”用API在线调试工具 去尝试获取返回数值。打开你之前做好的登陆工程，创建DeviceDatas类。
2021-01-09 16:48:49
4607
2
原创 新大陆物联网技能赛C#篇(一)---- 新建一个C#工程以及创建登陆界面
有道云笔记链接: 新建一个C#工程以及创建登陆界面.新建一个C#工程以及创建登陆界面一、创建一个C#工程出现如图界面：二、设计登陆窗体界面1.把选择的控件拖入窗体中，参考如下：2.修改控件显示的文字内容，以label3为例：3.继续修改控件的text属性，从而变成下图：4.窗体创建好了，接下来需要编写逻辑代码。这时，你需要注册一个新大陆物联网的用户账号：（已有，可跳过这一部分）。三、编写登陆界面的逻辑代码1.导入新大陆的两个引用包：2.右键单击，添加引用：
2021-01-09 16:38:16
1311
原创 力扣初级算法----完整手写题解
力扣初级算法----完整手写题解数组1.删除排序数组中的重复项2.买卖股票的最佳时机 II3.旋转数组4.存在重复元素5.只出现一次的数字6.两个数组的交集 II7.加一8.移动零9.两数之和10.有效的数独11.旋转图像字符串1.反转字符串2.整数反转3.字符串中的第一个唯一字符4.有效的字母异位词5.验证回文串6.字符串转换整数 (atoi)7.实现 strStr()8.外观数列9.最长公共前缀链表1.删除链表中的节点2.删除链表的倒数第N个节点3.反转链表4.合并两个有序链表5.回文链表6.环形链表树
2021-01-09 15:26:07
1137
2
原创 css层叠样式表基础学习笔记--第十二章 我要自学网首页实战
第十二章 我要自学网首页实战12-01 页面分析12-02 工作准备12-03 搜索区块页面结构12-04 导航条布局12-05 幻灯片布局12-06 公告栏布局12-07 远程培训班布局12-08 最新课程区块结构12-09 热门推荐结构12-10 课程分类结构12-11 名师简介区块结构12-12 页面尾部区块结构12-13 左侧快速跳转区块结构12-14 右侧微信区块结构12-01 页面分析<!DOCTYPE html><html> <head> <
2020-11-29 21:21:02
287
原创 Linux下TCP、UDP网络编程框架
TCP网络编程框架3、字节序转换函数。#include <arpa/inet.h>uint32_t htonl(uint32_t hostlong); /*主机字节序到网络字节序的长整型转换*/uint16_t htons(uint16_t hostshort); /*主机字节序到网络字节序的短整型转换*/uint32_t ntohl(uint32_t netlong); /*网络字节序到主机字节序的长整型转换*/uint16_t ntohs
2020-11-27 21:08:11
684
原创 css层叠样式表基础学习笔记--第十一章 浮动与定位
第十一章 浮动与定位11-01 浮动初始11-02 浮动元素浮特点11-03 浮动元素浮特点11-04 文字环绕效果11-05 浮动布局商品列表11-06 浮动元素动特点11-07 父元素高度塌陷11-08 防止高度塌陷111-09 防止高度塌陷211-10 定位初识11-11 相对定位11-12 绝对定位11-13 定位偏移量11-14 层级11-15 移入切换11-16 固定定位11-17 固定定位示例11-01 浮动初始<!DOCTYPE html><html> <
2020-11-06 17:52:56
188
原创 lc 删除链表中的节点
题目很简单！！就是理解题意有点，emmmmm.就想着没传入head链表怎么个删除法，都不能知道被删除元素前面的指针，所以就不能通过更改next指针来删除。只能通过把被删除节点后面的元素往前移动，并删除最后一个节点即可。/** * Definition for singly-linked list. * struct ListNode { * int val; * struct ListNode *next; * }; */void deleteNode(st.
2020-11-03 14:10:39
137
原创 css层叠样式表基础学习笔记--第十章 列表、表格、鼠标、滤镜
第十章 列表、表格、鼠标、滤镜10-01 列表属性10-02 表格属性10-03 鼠标样式10-04 高斯模糊和饱和度10-05 灰度和对比度10-06 透明度设置10-01 列表属性<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>列表属性</title> <style type="text/css"> ul{ /*lis
2020-10-26 20:48:22
110
原创 css层叠样式表基础学习笔记--第九章 盒子模型
第九章 盒子模型9-01 盒子模型初识9-02 外边距设置9-03 外边距简写9-04 外边距踩坑19-05 外边距踩坑29-06 内边距9-07 内边距和边框踩坑9-08 内边距和边框踩坑9-09 溢出隐藏9-10 元素居中及样式重置9-01 盒子模型初识<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>盒子模型初识</title> </hea
2020-10-23 16:56:21
154
原创 css层叠样式表基础学习笔记--第八章 边框属性
第八章 边框属性8-01 边框设置8-02 边框宽度和边框颜色8-03 边框样式8-04 边框方向8-05 边框设置8-01 边框设置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>边框设置</title> <style type="text/css"> div{ width: 200px;height: 100px;li
2020-10-16 16:30:59
188
1
原创 css层叠样式表基础学习笔记--第七章 背景属性
第七章 背景属性7-01 背景颜色7-02 背景图片7-03 背景重复7-04 背景尺寸17-05 背景尺寸27-06 背景定位17-07 背景定位27-01 背景颜色<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>背景颜色</title> <style type="text/css"> div{ width: 220px
2020-08-29 20:43:30
174
原创 css层叠样式表基础学习笔记--第六章 css必学基础
第六章 css必学基础6-01 元素宽高特点16-02 元素宽高特点26-01 元素宽高特点1<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>元素宽高特点1</title> <style type="text/css"> *{padding: 0;margin: 0;}
2020-08-26 19:05:45
139
原创 css层叠样式表基础学习笔记--第五章 文本属性
第五章 文本属性5-01 字间距5-02 行高5-03 首行缩进5-04 水平排列方式5-01 字间距<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>字间距</title> <style type="text/css"> div{ /*letter-spacing: 10px;*/ letter-spaci
2020-08-24 18:35:26
148
stm32学习过程之实战工程.rar
2020-06-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人