- 博客(26)
- 收藏
- 关注
RSS订阅原创 后台管理系统项目(element-ui+vue2+koa+mongoDB)
后台管理系统总结1.主要功能1.1前端部分：使用element-ui设计登陆页面和个人页面使用vue添加每个页面中各个钩子逻辑配置路由使用axios封装自定义http请求（拦截器）1.2后台部分编写文章、评论、粉丝、上传下载、用户等接口，并对各个接口进行分层。使用koa-multer实现图片上传功能2.技术选型2.1前台部分插件：wangeditor（富文本编辑器）过程：配置路由及每个路由下的内容、页面绘制、业务逻辑书写2.2后台部分插件：koa（后端服务）、koa-view
2021-11-08 14:58:24
803
原创 fiddler抓包（1）-基础概念
fiddler简介fiddler是位于客户端和服务器之间的一个代理。fiddler在测试中的使用场景：接口调试和测试，没有接口文档时。线上调试。发现bug判断前后端的bugmock测试弱网测试安装和测试fiddlersetup、证书生成器（生成fiddler证书，可以让fiddler抓取到https协议的报文）Accept–Encoding:会进行gzip压缩（gzip encoding）菜单栏简介（必须掌握）menu：file、edit、rules、tools、view、he
2021-11-05 00:41:33
235
原创 element-ui+vue-router:实现导航栏跳转路由
在实际开发中我们常常遇到在单页面中点击导航栏菜单中的某一选项卡，页面中的某个部分出现相关的信息，也就是使用导航栏进行路由跳转。如下图所示（在线格式转换）。### 示例<el-menu :default-openeds="['1', '3']" :default-active="this.$route.path" router > <div class="icon"> <i class="el-icon-im
2021-10-27 01:48:39
15406
1
原创 js算法-数组中重复元素按照从大到小的排序输出
算法题：给你一个数组，按照数组元素重复元素从大到小顺序依次输出（重复元素相同按照先出现的排在前面）示例：数组：[5,19,19,12,19,19,15,5,12,5,12,12,15]结果：[19,12,5,15]分析：原数组中元素值为5有3个，值为19有4个，值为12有4个，值为15有2个，重复元素个数相同按照先出现的排在前面，19排在12前面，结果为[ 19, 12, 5, 15 ]最近遇到一道算法题：发现网上没有相关的js解法。1.解法一：对象存储值和数量var foo = func
2021-10-25 17:12:35
907
原创 工具git-克隆其他分支
在开发过程中，常常会出现从远程仓库拉取代码。而往往一个大的项目，具有多个分支，我们不一定需要拉取主分支（master），而是拉取其他的开发分支。方法1假设分支名为（feature）使用Git下载指定分支命令为：git clone -b 分支名仓库地址使用Git下载feature分支代码，使用命令：git clone -b feature https://github.com/HeDanhenshuai/jianshu-server.git方法2假设分支名为（feature）首先fork到
2021-10-23 20:58:51
2935
1
原创 数据结构与算法-生成链表本地环境及合并两个有序链表
数据结构与算法-链表1.建立链表在做链表相关的leetcode算法题中，会发现没有本地环境，如何搭建链表的本地环境（JavaScript）。有两种方式：1.对象；2.构造函数加原型来创建对象首先建立链表，其包括每个节点及每个节点的val和next。//创建两个链表：1->2->4, 1->3->4//方法1：对象var l1 = { val: 1, next: { val: 2, next: { val: 4, next:
2021-09-23 23:28:28
91
原创 数据结构与算法-二叉树
数据结构与算法-二叉树及二叉搜索树1.建立二叉树在做二叉树的leetcode算法题中，会发现没有本地环境，如何搭建二叉树的本地环境（JavaScript）。首先建立Tree，在其中定义节点构造方法以及生成树的函数方法。function Tree() { let Node = function (val) { this.val = val; this.left = null; this.right = null; } Tree.p
2021-09-18 22:26:11
93
原创 react学习笔记-手风琴效果
React学习笔记-下拉列表（手风琴效果）文章目录React学习笔记-下拉列表（手风琴效果）1.环境安装2.代码3.效果如下1.环境安装安装nodejs，输入node -v检查是否安装成功。再在项目目录中打开cmd，安装react脚手架工具npm i create-react-app,目录结构如下├─public ├─index.html├─src ├─App.js ├─data.js ├─dl.js ├─index.css ├─index.js2.代码//App.jsimp
2021-09-13 21:22:43
570
原创 nvm介绍及常用命令
nvm介绍及常用命令1.为什么使用nvm？nvm是一个管理nodejs版本的工具。在实际的开发中，有些项目的开发依赖需要低版本的nodejs运行环境，此时我们就需要使用nvm来降低nodejs版本。2.nvm常见命令nvm list //查看已安装的nodejs版本nvm on // 启用node.js版本管理nvm off // 禁用node.js版本管理(不卸载任何东西)nvm install <version> // 安装node.js的命名
2021-09-12 09:30:53
7078
原创 js常见问题总结--数字输出格式
js常见问题总结–数字输出格式为X.X(无需四舍五入)开发或者字符串的算法题中经常会遇到按照要求对数字输出显示要求：对数字进行输出，格式为X.X（无需四舍五入，小数点后没有数字补零）1.三种方式// var average=3 2.875//都适用res = Math.floor(10*average)/10;print(res.toFixed(1)); //3.0//3不适用let ans = res / sum;ans = "" + ans;ans = ans.split(
2021-09-02 16:56:31
346
原创 js常见问题--深浅拷贝
js常见问题总结-引用数据类型的深浅拷贝文章目录js常见问题总结-引用数据类型的深浅拷贝1.数组对象的浅拷贝2.数组对象如何实现深拷贝？3.关于es6展开运算符的问题？1.数组对象的浅拷贝复杂数据类型名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值，简单数据类型一经声明键值都存储在栈内存中。由此引出复杂数据类型的深拷贝与浅拷贝。var nums = [2,6,4,8,10,9,15]var numShallowCopy=nums.sort((a,b)=>a-b
2021-08-31 23:34:57
128
原创 js常见问题-节点中property和attribute的区别
JS中attribute和property的区别文章目录JS中attribute和property的区别1.attribute和property介绍2.attribute和property的取值和赋值3. 更改property和attribute其中一个值，会出现什么结果?property是DOM中的属性，是JavaScript里的对象；attribute是HTML标签上的特性，它的值只能够是字符串；1.attribute和property介绍<!DOCTYPE html><
2021-08-24 23:38:15
178
原创 前端常见效果-圆形进度条
圆形进度条<!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-08-23 19:33:49
588
原创 js常见问题总结-this的指向问题
this的指向问题文章目录this的指向问题1.初识call、apply2.this指向被不经意改变的场景3.call和apply其他使用1.初识call、apply使用apply或call调用，两种方法均会改变this的指向。每个函数都包含两个非继承而来的方法：call()方法和apply()方法。apply ：第一个参数：函数体内this的指向，第二个参数：接收一个集合对象（数组和类数组）call：第一个参数L函数体内的this指向，第二个参数往后是依次传入的参数//例一function
2021-08-23 18:37:05
60
原创 js常见问题总结-regularExpression
1.RegExp 对象属性1.JavaScript RegExp g 修饰符<html><body><script type="text/javascript">var str="Is this all there is?";var patt1=/is/g;document.write(str.match(patt1));</script></body></html>2.JavaScript RegExp i
2021-08-23 18:35:19
176
原创 js常见问题总结-DOM节点增删改查
DOM节点的增删改查文章目录DOM节点的增删改查1.查找节点2.增加节点2.1 创建节点createElement()：创建一个dom节点2.2 父节点插入子节点2.3 同级插入节点3.修改节点3.1 替换节点3.2 clone节点4.删除节点4.1删除节点5.常见操作实现问题综合案例1.查找节点getElementById()getElementsByClassName()getElementsByTagName()querySelector()querySelectorAll()firs
2021-08-23 18:27:26
143
原创 js常见问题总结-currying
currying技术柯里化：把接受多个参数的函数变成接收一个参数。并返回余下参数且返回结果的新函数文章目录currying技术1.currying好处1.1 参数复用1.2 提前确认1.3 延迟运行2.通用封装方法3.curry的性能4.经典面试题1.currying好处1.1 参数复用// 正常正则验证字符串 reg.test(txt)// 函数封装后function check(reg, txt) { return reg.test(txt)}check(/\d+/g, 't
2021-08-23 18:01:05
135
原创 js常见问题总结-阻塞渲染
阻塞渲染问题文章目录阻塞渲染问题1.测试2.head中css是否阻塞DOM渲染？3.body中的css是否阻塞DOM渲染？4.js会阻塞DOM解析和渲染吗?5.css会阻塞js的执行？6.JS 是否会触发页面渲染？7.如何引用script来缓解DOM渲染阻塞?8.一个问题：内联式script标签应该放到body标签之前或者之后是否可行？9.总结浏览器渲染机制：解析DOM生成DOM Tree，解析CSS生成CSSOM Tree，两者结合生成render tree渲染树，最后浏览器根据渲染树渲染至页面。1
2021-08-23 17:57:05
1279
1
原创 点击切换
点击切换功能在实际应用中，点击或者移入某一元素上，弹出下拉菜单或者页面，是网页设计的常见操作。下面我们实现一种点击菜单实现菜单切换，使用js提供三种方式实现该功能。1.使用html设计基本结构<body><h2>多Tab点击切换</h2><ul id="tab"> <li id="tab1" value="1">10元套餐</li> <li id="tab2" value="2">30元套餐</l
2021-01-25 16:40:29
633
4
原创 使用html+css+js制作小米首页
文章目录使用html+css+js制作小米首页1.html制作小米官网页面结构（`index.html`）2.使用css设置公共样式（`base.css`）3.使用css设置页面元素样式（`index.css`）4.使用js实现切换轮播图效果（`pic_switch.js`）使用html+css+js制作小米首页其中index.html是小米官网页面的基本结构font-awesome是图标样式base.css是公共样式index.css是页面中元素的样式pic_switch.js是实现切换轮
2020-12-29 19:10:22
6237
7
原创 python-for-data-analysis_2nd 第七章 数据清洗和准备
文章目录第七章 数据清洗和准备7.1处理缺失数据1.常用方法2.滤除缺失数据（**Filling In Missing Data**）3.填充缺失数据（**Filling In Missing Data**）7.2 数据转换（**Data Transformation**）1.移除重复数据（**Removing Duplicates**）2.利⽤函数或映射进⾏数据转换(**Transforming Data Using a Function or Mapping**)3.替换值(**Replacing Va
2020-09-23 23:05:23
286
原创 python数据结构与算法分析-第一章
文章目录推荐两本口碑爆棚的Python算法&数据结构书。第一章：导论1.3 计算机科学1.3.1编程1.3.2为何学习数据结构及抽象数据类型1.3.3 为何学习算法1.4 python基础1.4.1 数据1.4.2 输入与输出1.4.3 控制结构1.4.4 异常处理1.4.5定义函数1.4.6python面向对象编程：定义类推荐两本口碑爆棚的Python算法&数据结构书。1. 算法图解2.Problem Solving with Algorithms and Data Stru
2020-09-15 00:14:23
624
1
原创 python-for-data-analysis_2nd 第九章 绘图和可视化
文章目录第九章 绘图和可视化9.1matplotlib API⼊⻔导入matplotlib操作Figure和Subplot调整subplot周围的间距颜⾊、标记和线型刻度、标签图例注解（Annotation）、subplot上绘图图表文件保存matplotlib配置9.2 使⽤pandas和seaborn绘图Series.plot方法的参数DataFrame.plot方法的参数Line PlotsBar PlotsStacking bar chartHistograms and Density Plots
2020-09-09 23:59:11
230
原创 python-for-data-analysis_2nd 第五章 pandas入门
第五章 pandas入门pandas数据结构介绍SeriesSeries类似于⼀维数组的对象。仅由⼀组数据即可产⽣最简单的Series。主要是Series 的values和index属性获取其数组表示形式和索引对象。与普通NumPy数组相⽐，你可以通过索引的⽅式选取Series中的单个或⼀组值。在用numpy做操作的时候，可以保留索引值。Series是索引值到数据值的一个映射，它由⼀组数据（各种NumPy数据类型）以及⼀组与之相关的数据标签（即索引）组成。字典可创建Series。修改键值（传入
2020-09-07 17:33:49
295
原创 如何编写.md格式文件？
文章目录如何编写.md格式文件？1.标题2.字体3.插入图片操作4.不带快捷键Markdown书写操作5.Markdown拓展功能6.主题替换如何编写.md格式文件？md即markdown，百度的解释：Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。不管怎么说，大家跟着用就对了！***软件：Typora***1.标题（1）方式1：ctrl+ 0 正文字体ctrl+ 1、ctrl+2……ctrl+6 依次是一级、二级……
2020-08-31 23:14:09
12109
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人