杜江的博客

环境搭建安装node.js 下载地址: https://nodejs.org/en/ 选择一个10以上的版本即可 安装成功后，输入node -v出现版本号就算安装成功了 安装git bash 下载地址: https://git-scm.com/downloads 安装成功后，在空白处右键出现gitbash就算安装成功了 安装完之后，注册用户名和邮箱 在控制台输入:git config –global user.name dj49846917git config –global user.email 821084785@qq.com 安装hexo 输入命令: npm install -g hexo-cli进行全局安装 安装成功后，输入hexo -v出现版本号就算安装成功了 创建项目 输入命令：hexo init blog 创建github仓库 新建一个github项目，命名为: dj49846917.github.io 创建ssh，便于推送github时不再重复输入账号密码 在控制台输入：ssh-keygen -t rsa ...

butterfly的安装与下载稳定版在你的根目录里： git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 使用主题修改修改根路径下的_config.yml，把主題改為butterfly theme: butterfly 如果你沒有 pug 以及 stylus 的渲染器，請下載安裝： npm install hexo-renderer-pug hexo-renderer-stylus –save or yarn add hexo-renderer-pug hexo-renderer-stylus 使用音乐 输入命令：cnpm install –save hexo-tag-aplayer 在根路径的_config.yml中修改aplayer: meting: true 在你需要引入音乐的页面，---aplayer: true---{% meting ...

mac安装nvm 删除已安装的node环境和全局node模块 // 删除全局 node_modules 目录sudo rm -rf /usr/local/lib/node_modules // 删除 nodesudo rm /usr/local/bin/node // 删除全局 node 模块注册的软链cd /usr/local/bin && ls -l | grep "../lib/node_modules/" | awk '{print $9}'| xargs rm 安装nvm 打开终端输入：git clone https://github.com/nvm-sh/nvm.git 再进入 nvm目录中执行install.sh 等待执行完成 输入：cd nvm （进入nvm目录） 再输入：./install.sh ...

搭建ant-design-pro工程 创建myapp的ant-design-pro工程, 选择ant-design-pro => typescript => simplenpx create-umi myappnpm installnpm run start 在ant-desin-pro中集成bpmnjs 安装bpmnjs及其相关的包 npm install --save bpmn-js@10.3.0 bpmn-js-properties-panel@1.11.2 camunda-bpmn-moddle@7.0.1 初始化配置详细请看这里

记录阿里低代码框架lowcode-engine的学习之路框架相关文档 文档地址：https://lowcode-engine.cn/docV2/intro 开发环境搭建在windows中安装WSL 打开WSL官网：https://docs.microsoft.com/zh-cn/windows/wsl/install 使用手动安装WSL 启用适用于 Linux 的 Windows 子系统 以管理员身份打开 PowerShell（开始菜单右键=>Windows PowerShell<管理员>），并执行命令:dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart 检查运行WSL2的要求 若要更新到 WSL 2，需要运行 Windows 10。 对于 x64 系统：版本 1903 或更高版本，采用内部版本 18362 或更高版本。 对于 ARM64 系统：版本 2004 或更高 ...

环境搭建初始化项目 执行命令 npx create-react-app react-demo-ts --template typescriptcd react-demo-tsnpm start 优化项目结构，优化后的项目结构如下： 安装react-router v6 执行命令：npm install –save react-router-dom@6 在src下新建router/index.jsimport React from 'react';import { Routes, Route } from 'react-router-dom';import Layout from '../layout';import Category from '../views/Category';import Home from '../views/Home';import Login from '../views/Lo ...

Shiro简介什么是shiro Apache Shiro是java的一个安全框架。Shiro可以非常容易的开发出足够好的应用，其不仅可以用在JavaSE环境，也可以用在JavaEE环境。Shiro可以帮助我们完成：认证、授权、加密、会话管理、与web集成、缓存等 Shiro官方网站：https://shiro.apache.org 为什么要学shiro 既然shiro将安全认证相关的功能抽取出来组成一个框架。使用shiro就可以非常快速的完成认证、授权等功能的开发，降低系统成本。（开发和维护） shiro使用广泛，shiro可以运行在web应用，非web应用，集群分布式应用中越来越多的用户开始使用shiro。 基本功能 Authentication 身份认证/登录，验证用户是不是拥有相应的身份 Authorization 授权，即权限授权，验证某个已认证的用户是否拥有某个权限：即判断用不是否能做事情，常见的如：验证某个用户是否拥有某个教师。或者细粒度的验证某个用户对某个资源是否具有某个权限 Session Manager 会话管理，即用户登录后就是一次护花，在没有退出之前， ...

数据结构与算法是什么？ 数据结构：计算机储存、组织数据的方式 算法：一系列解决问题的清晰指令 程序 = 数据结构 + 算法 数据结构为算法提供服务，算法围绕数据结构操作 将要学习的数据结构 栈、队列、链表（有序、串联） 集合、字典（无序） 树、堆、图 将要学习的算法 链表：遍历链表、删除链表节点 树、图：深度/广度优先遍历 数组：冒泡/选择/插入/归并/快速排序、顺序/二分搜索 时间复杂度是什么？ 一个函数，用大O 表示，比如O(1)、O(n)、O(logN)… 定性描述该算法的运行时间 O(1) 代码：let i = 0;i += 1; 解析：每次执行这两行代码的时候，这两行代码永远只执行一次，没有任何循环什么的东西，所以它的时间复杂度是O(1) O(n) 代码：for(let i = 0; i < n; i += 1) { console.log(i)} 解析：因为for循环里面的代码，执行了n次 O(1) + O(n) = O(n) 代码：let i = 0;i += 1;for ...

vue源码学习vue-router部分(3.x部分对应vue2)思考 vue-router是一个插件？ 内部做了什么？ 实现并声明了两个组件router-view、router-link 实现install方法，及this.$router.push() 为什么要将router添加到main.js的配置项中 因为要在vue插件vue-router的install方法中去使用，而VueRouter.install方法是谁在调用呢？是Vue.use在调用，也就是说这个router插件执行的时刻是非常早的，在执行Vue.use(VueRouter)的时候，会调用install,所以他执行的时刻会比创建实例newVueRouter要早，所以在Vue.install方法里面，没有办法拿到vue实例this,所以我们才要把这个router写到main.js的new Vue里面 router-view是如何实现的 dom实现：因为在路由文件里定义了path和component，可以通过js的onHashChange事件，监听当前页的hash地址值，或者history的变化popstate事件， ...

小程序代码规范 书写的class类名用中划线-，不要用驼峰或者下划线_命名 自定义组件的wxss文件中尽量不要使用后代选择器、id选择器、标签选择器、带驼峰或者下划线类名的选择器，最好使用class选择器。 在页面级的wxss文件中，可以使用后代选择器，和class选择器，其他避免使用，以免出现警告 在app.wxss中，不要使用标签选择器，不然也会出现警告 在小程序中使用tabbar 找到app.json，和window，pages属性同级的地方添加tabBar属性{ "pages":[ "pages/index/index", "pages/category/category", "pages/cart/cart", "pages/user/user" ], "tabBar": { "selectedColor&quo ...