- 博客(44)
- 收藏
- 关注
RSS订阅原创 Emmet语法(快速批量生成标签和样式)
目 录一、Emmet语法二、快速生成HTML结构语法三、快速生成CSS样式语法Emmet语法前身是Zen coding，它使用缩写来提高HTML/CSS的编写速度，VScode和Webstorm内部已经集成该语法。1. 生成标签直接输入标签名按tab键即可比如div然后tab键 ,就可以生成 2. 如果想要生成多个相同标签加上*就可以了比如div*8 就可以快速生成8个div3. 如果有父子级关系的标签,可以用>；比如：ul > li 就可以生成：4. 如果有兄弟(同级)关系的标签，.........
2022-06-16 18:07:13
1360
4
原创 Springboot+Vue+Echarts实现51job大数据岗位分析数据大屏
Springboot+Vue+Echarts实现51job大数据岗位分析数据大屏
2022-06-04 21:33:05
534
3
原创 Canvas实现网页星空背景粒子动效跟随光标
目 录1. 设计思路2. 星空背景图片3. 页面代码4. 效果图1. 设计思路1. 利用样式插入星空背景图片；2.设置窗口改变时自动修改画布大小(自适应)；3. 编写随机函数(随机数、随机颜色等)；4. 创建小球的构造函数(坐标、半径、颜色)；5. 绘制小球等；6. 设置小球移动(设置边界，让小球始终保证在画面内)；7. 创建小球实例并存储(小球总个数)；8. 设计鼠标移动绘制线；9. 设计小球与小球之间自动画线；10. 界面不断进行绘制和清.
2022-05-29 23:53:39
2325
1
原创 Webpack基础学习笔记
1. webpack概念webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。 在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。 它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。1.2 webpack 五个核心概念1.2.1 Entry入口(Entry)指示 webpack 以哪个文件为入口起点开始打包，分析构建内部依赖图。1.2.2 Output
2022-05-13 22:52:47
545
原创 Nginx反向代理(解决纯前端项目部署到服务器上无法访问接口数据)
目 录一、安装Nginx1. 下载Nginx安装包2. 上传安装包到Linux环境3. 解压Nginx安装包4. 执行安装5. 启动Nginx服务二、对要部署到服务器上的项目用Nginx进行反向代理①配置反向代理，增加对应的location②启动Nginx服务③访问项目一、安装Nginx建议不要用yum进行安装，因为可能会找不到yum源，会报错找不到nginx安装包！！！1. 下载Nginx安装包可以去下面网盘中找到nginx-1.21.6..
2022-05-09 18:56:15
8946
原创 ECMAScript 6-11新特性(笔记)
目 录一、ES6 新特性1.1 let 关键字1.2const 关键字1.3 变量的解构赋值1.4 模板字符串1.5 简化对象写法1.6 箭头函数1.7rest 参数1.8 spread 扩展运算符1.9 Symbol1.10 迭代器1.11 生成器1.12 Promise1.13 Set1.14 Map1.15 class 类1.16 数值扩展1.17 对象扩展1.18 模块化二、ES7 新特性2.1 Array.p...
2022-05-07 17:45:45
346
原创 自定义Promise(class版本封装)
目 录一、定义整体结构二、Promise构造函数实现三、Promise.then()/catch()的实现四、Promise.resolve()/reject()的实现五、Promise.all/race()的实现六、Promise.resolveDelay()/rejectDelay()的实现七、class版本封装一、定义整体结构function Promise(excutor) { }/*为 promise 指定成功/失败的回调函数函数的返回值是一个新.
2022-05-07 16:23:33
247
原创 Promise 理解与基本使用(笔记)
目 录一、Promise理解二、Promise 的状态改变三、Promise 的基本流程四、Promise 的基本使用（一）基本使用编码流程（二）使用Promise封装基于定时器的异步（三）使用Promise封装ajax异步请五、Promise的作用(为什么要用Promise)（一）指定回调函数的方式更加灵活（二）支持链式调用, 可以解决回调地狱问题六、使用 Promise步骤七、Promise 几个关键问题八、Promise简单使用小案例(抽奖)..
2022-05-07 15:27:44
1197
原创 解决按照Element官网步骤引入组件运行时报错：Error: Cannot find module ‘babel-preset-es2015‘
按照官网步骤修改 .babelrc 文件时，注意：用vue脚手架创建的项目是找不到 .babelrc文件的，这是旧版本的脚手架才有的，新版本在vue脚手架创建的 babel.config.js 文件修改即可。引入官网内容后：module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ["es2015", { "modules": false }] ], plugins: [ [ ..
2022-04-16 15:32:47
3066
原创 新闻管理系统——上传本地数据库到腾讯云服务器
目 录1. 转储sql文件2. 导入sql文件到服务器数据库①新建一个和转储的sql文件同名的数据库②导入sql文件③查看数据3. 连接服务器的数据库①修改application.properties配置文件②开启服务器3306端口4. 访问服务器数据库中的数据1. 转储sql文件在 Navicat 工具中，右键在需要导出的数据库(newsmanagersystem)，选择转储SQL文件。自动生成.sql文件2. 导入sql文件到服务器数.
2022-04-02 17:12:25
1141
原创 新闻管理系统——Springboot项目部署到腾讯云服务器
目 录1. Springboot项目打包方式介绍2. 准备工具3.修改项目配置文件①添加Maven配置生成jar包②配置最后生成的包名③修改maven-resources-plugin的版本(非必需)④修改tomcat服务端口4. 利用Maven工具进行打包①package打包②生成的jar包存放路径③上传jar包到服务器上5. 服务器上部署项目①在服务器上开启8090端口②在服务器上运行SpringBoot项目命令③利用终端实现项目运行6..
2022-04-02 16:10:48
1250
原创 Vue基础知识点(一)
一、Vue运用简单介绍1. 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；2. root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；3. root容器里的代码被称为【Vue模板】；4. Vue实例和容器是一一对应的；5. 真实开发中只有一个Vue实例，并且会配合着组件一起使用；6. {{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；7. 一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新
2022-03-21 15:07:03
201
原创 用脚手架创建一个Vue项目
目 录1、安装node.js2、查看npm3、安装cnpm①新建文件夹②通过淘宝镜像安装相关依赖③显示当前镜像网址④安装cnpm4、安装vue-cli脚手架构建工具①输入命令进行安装②查看是否安装成功：5、用脚手架创建vue项目①初始化项目6、启动项目①进入项目②启动服务③输入ip地址打开项目7、项目文件介绍①目录介绍②生命周期流程图Vue 提供了一个官方的 CLI，为我们快速搭建大型单页应用专门...
2022-03-18 21:00:24
2851
原创 IBM系统分析——类图和序列图各符号代表的意思和适用的场景
目 录一、类图①类图②各种关系的强弱顺序③泛化④实现⑤依赖⑥关联⑦聚合⑧组合二、序列图①生命线②同步消息③异步消息④注释⑤约束⑥组合片段一、类图①类图常用于描述子系统或模块的内部结构。在UML的类图中，常见的有以下几种关系：泛化, 实现, 关联, 聚合, 组合, 依赖。②各种关系的强弱顺序泛化=实现>组合>聚合>关联>依赖③泛化泛化(Generanization)简单的说就是继承关..
2022-03-18 00:16:21
1795
原创 IBM系统分析——对象建模
目 录1. 面向对象七大设计原则①开闭原则②里氏替换原则③单一职责原则④依赖倒置原则⑤接口隔离原则⑥迪米特原则⑦组合聚合复用原则2. 里式替换原则详解①里氏替换原则概念②里氏替换原则的主要作用③错误实例④正确实例3.设计模式①设计模式概念②一个模式有四个基本要素③设计模式的分类4. 创建者模式详解①定义②意图③主要解决的问题④优点⑤缺点⑥使用场景⑦建造者模式的主要角色⑧实例1. 面向对象七大...
2022-03-18 00:16:00
1840
原创 IBM系统分析——架构设计五视图+数据设计
目 录一、架构设计五视图1. 逻辑架构2. 开发架构3. 运行架构4. 物理架构5. 数据架构二、数据设计1. 数据库的逻辑模型2. 数据库的常用模型3. 实现从面对对象模型到表的转换4. 数据库的物理模型一、架构设计五视图1. 逻辑架构逻辑架构关注的是功能，包含用户直接可见的功能，还有系统中隐含的功能。或者更加通俗来描述，逻辑架构更偏向我们日常所理解的“分层”，把一个项目分为“表示层、业务逻辑层、数据访问层”这样经典的“三层架构”。2..
2022-03-17 16:24:27
8001
原创 IBM系统分析——鲁棒图
目 录1. 鲁棒图是什么？2. 鲁棒图可以辅助你完成什么工作？3. 鲁棒图的关键元素是什么？4. 鲁棒图的的语法规则有哪些？1. 鲁棒图是什么？鲁棒图用以回答“每个用例需要哪些对象”的问题。通过鲁棒图可以让设计人员更清晰、全面了解需求。它通常使用在需求分析后及需求设计前做软件架构分析之用，它主要注重于功能需求的设计分析工作。需求规格说明书为其输入信息，设计模型为其输出信息。2. 鲁棒图可以辅助你完成什么工作？（1）与用户讨论、收集需求时一般都使用用例，很少使用鲁棒图.
2022-03-17 16:08:03
916
原创 IBM系统分析——用例建模技术
目 录1.上下文图的作用是什么？能帮助你理解什么？2.用例图各符号代表的意思和使用的场景？①用例图主要用途②用例图的基本元素③用例之间的关系3. 标准的用例规约包括哪些内容？4. 什么样的功能树是一个有意义的功能树？5. 用例是什么？6. 一个用例需要具备的特征：7. 用例适用需求：1.上下文图的作用是什么？能帮助你理解什么？①作用：帮助确定我们产品中交互的角色和系统。上下文图定义了所开发的系统和系统外部实体（如使用人员、硬件设备和其它信息系统...
2022-03-17 15:56:42
962
原创 IBM系统分析——活动图和状态图各符号代表的意思和适用的场景
目 录一、状态图1.状态图概念及适用场景2.状态图的要素3. 状态图实例二、活动图1.活动图概念及适用场景2.活动图的要素3. 活动图实例一、状态图1.状态图概念及适用场景①状态图： 描述状态到状态控制流，常用于动态特性建模。用来描述一个特定的对象所有可能的状态,以及由于各种事件的发生而引起的状态之间的转移和变化。②适用场景：并不是所有的类都需要画状态图，有明确意义的状态，在不同状态下行为有所不同的类才需要画状态图，状态图描述了一个具体对象的...
2022-03-17 15:31:11
3069
原创 IBM系统分析——领域建模
目 录1. 领域建模的关键是什么？2. 领域建模的步骤第一步：根据功能需求，找出业务主流程第二步：细分业务主流程第三步：根据可扩展性，对领域概念进行抽象建模1. 领域建模的关键是什么？（1）领域建模的根本目的是统一认识、减少沟通成本。领域建模一定要找到业务的流程节点，模是业务场景的映射，不懂业务无法建模。领域建模实践的精髓是“业务决定功能，功能决定模型”。（2）领域：是相对于系统而言的，是系统要解决的现实问题。（3）领域模型是对领域内的概念类或现实世界中对象的可视化.
2022-03-17 15:18:55
3538
原创 Vue实现生成二维码
目 录①首先创建一个vue项目②引入qrcodejs2③封装组件1. 创建Vue文件2. 定义template模板3. 引入QRCode包4. 进行封装5. css控制样式④启动项目1. 在终端输入启动项目命令2.在浏览器中输入访问地址3. 访问生成的二维码4. 扫码进行解析与后端用Java实现生成二维码相比，在前端用Vue生成二维码更加简单、灵活。①首先创建一个vue项目可以用vue-cli脚手架去生成。②引入qrcodejs2..
2022-03-17 14:44:31
20231
6
原创 软件工程理论与实践重点——个人笔记
目 录1、软件工程定义：2、软件工程方法学：3、软件生命周期：4、软件过程模型：5、软件危机产生的原因及典型表现：6、软件的特点：7、基于面向对象的需求分析的步骤及其制品(需求规格说明书)：8、需求分析：9、需求工程任务(what to do):10、设计(how to do)：11、基于面向对象的设计的步骤及其制品：12、类的设计：13、类的设计的步骤及其制品：14、子系统及其接口设计：15、部件设计(给出系统非功能需求的详细设计方案)：1.
2022-03-17 11:43:18
1311
原创 Java实现生成二维码(含logo)
Java实现生成二维码(含logo)包含了：创建项目并配置Maven和添加依赖、谷歌帮助类、工具类、主类、运行生成二维码。
2022-03-17 00:29:02
2991
原创 计算机网络——配置静态路由
计算机网络实验配置静态路由，在R1、R2、R3路由器上输入配置静态路由命令，实现PC1、PC2和PC3之间能相互ping通。
2022-03-16 21:43:57
17345
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人