发与少年-CSDN博客

总结:扁平数组转树形数组,最重要的是梳理出数据之间的层级关系,比如顶层的pid为空字符串,子级的pid为父级的id参考代码1：filter 方法const data = [ { id: '01', name: '张大大', pid: '', job: '项目经理' }, { id: '02', name: '小亮', pid: '01', job: '产品leader' }, { id: '03', name: '小美', pid: '01', job: 'UIleader'

2021-11-01 21:31:23 568 1

原创 Vue最重要的准备工作-Vue脚手架配置

目录:1.准备工作2. vscode-插件补充3.脚手架-介绍4.脚手架-创建项目-启动服务5.脚手架-目录分析6.脚手架-代码和结构分析7.脚手架-自定义配置8.脚手架-eslint了解9.脚手架-单vue文件10.脚手架-清理欢迎界面1.准备工作必须安装:vue-devtools谷歌浏览器的插件 - 学习, 调试vue必备之利器 - 官方提供的呦1.安装过程:2.运行服务器:3. 浏览器查看效果:2. v..

2021-09-24 23:47:48 169

原创 webpack完整配置文档

1.webpack介绍1.1 现代 javascript 应用程序的静态模块打包器 (module bundler)静态: 文件资源1.2 除了合并代码, 还可以翻译和压缩代码 less/sass -> cssless/sass -> csshtml/css/js -> 压缩合并2.使用webpack前准备工作2.1 webpack依赖Node环境2.2 npm或yarn等模块管理工具node.js官网地址:Node.jsyarn官网:Ya

2021-09-24 22:55:59 689

原创 cookie和session及token三者中,为什么选择token

前言:为什么会用到token,因为cookie和session一些自身的缺点,限制了一些功能的实现,比如:cookie：优点是节省服务器空间，缺点不安全。不要保存敏感信息。session：优点是安全，缺点需要服务器空间(服务器重启，则数据丢失)，是一种最常见的解决方案。而这个时候,我们用token就能更好简介:token的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。JWT（json web token）的原理是，服务器认证以后，生成一个 JSON 对象

2021-09-19 21:42:07 1156

原创前端程序员如何在node.js环境中操作MySQL

声明：本文只作学习研究，禁止用于非法用途，否则后果自负，如有侵权，请告知删除，谢谢！前言:前端程序员如何连接后端数据库MySQL,并进行操作目录:1.启动数据库2.安装包3.使用步骤4. 模块化封装1.启动数据库前面写过一篇关于MySQL的相关的详细介绍和安装使用方法,有兴趣的小伙伴可以去看一下:MySQL数据库基础操作_卷发头的鲁智深的博客-CSDN博客2.安装包mysql模块是一个第三方模块，专门用来操作MySQL数据库。...

2021-09-19 21:20:34 406

原创 MySQL数据库基础操作

声明：本文只作学习研究，禁止用于非法用途，否则后果自负，如有侵权，请告知删除，谢谢！前言:数据库有关系型数据库与非关系型两大阵营,今天重点来介绍一下关系型数据库的老大哥MySQL目录:1. 数据库简介2.MySQL简介3.下载安装phpstudy4. 创建数据库5.操作数据库1. 数据库简介1.1什么是数据库英文： database 保存和管理数据的仓库就是数据库。什么是数据？文件，图片，视频，订单，.

2021-09-17 23:30:36 534

原创写大事件项目的get,post类型的接口

1.准备工作:npm下载相关包1.1初始化npm得到package.json文件 (不初始化也可以之前初始化的文件获得package.json文件)npm init --yes1.2 express包 npm iexpress1.3multer 包npm i multer2.创建server文件:在同级文件夹下创建server文件(文件名可以自定义)3.登录接口部分3.1 登录接口代码const express = require('e...

2021-09-16 14:10:18 412 2

原创前端程序员必看的网站&专属前端程序员的“hao123“

*推荐的网址：1、W3C : http://www.w3school.com.cn/H5/C3最常用的网站之一,很多ES6新增的方法2、微软的必应：https://www.bing.com/微软旗下的一个程序技术社区,查询资料,学习都是非常方便3、MDN: https://developer.mozilla.org/zh-CN/js很多很多dom方法模糊的时候必来的一个网站4、掘金社区：https://juejin.im/掘金社区是一个比较新一点的技术论坛,程序员..

2021-09-16 00:56:01 5047 6

原创 js中数组(Array)最常用的API方法,reduce介绍

原生数组中有很多dom方法,以下我们来列举一些:1.find :用处查找首次满足条件的值,并返回,没有则返回undefinedlet arr = [2, 4, 6, 9, 7, 8].find(function (item, index, o) { // console.log( item, index, o ); return item > 3; }); console.log(arr)打印结果:2.map :用于遍历数组的每个元素执行.

2021-09-14 22:22:38 913

原创 nodejs环境中写一个get类型的接口

1.要求:利用（Math.random()>0.5）返回数据结果不一样,分别是:1.1 有50%机会返回如下数据:[ { "data": "恭喜你,注册360,JD,mi,qq,taobao...域名成功" }, { "message": "请求成功" }, { "code": "200" }]1.2 有50%的机会返回如下数据:[ { "data": "注册失败了" }, { "message": ".

2021-09-14 19:36:18 207

原创 nodejs搭建web静态资源服务器

1.准备文件2.代码执行阶段// 1.引入模块const http = require('http')const path = require('path')const fs = require('fs')// '策略模式'const obj = { ".png": "image/png", ".jpg": "image/jpg", ".html": "text/html;charset=utf8", ".js": "application/javascript;c

2021-09-14 01:32:55 302

原创全局安装i5ting_toc 包,高效快捷将md文档转html文件页面

简介:i5ting_toc 是一个可以把 md 文档转为 html 页面的小工具。官方文档地址为：i5ting_toc - npm1.安装在任意终端窗口输入下面命令,全局安装i5ting_toc包npm i i5ting_toc -g当安装成功后如图:2.查看可以输入npm root -g 查看安装路径3.使用转换md文件的步骤：3.1.在要转换的markdown文件所在的目录，打开终端3.2.执行i5ting_toc -f 要转换文件名.md指令..

2021-09-12 18:32:23 279

原创全局安装nodemon包(节点监视器)

nodemon 是一个工具，它通过在检测到目录中的文件更改时自动重新启动节点应用程序来帮助开发基于 node.js 的应用程序。nodemon并没有要求任何对你的代码或开发的方法中的额外变化。nodemon 是node.要使用nodemon，请node在执行脚本时替换命令行上的单词。1.安装在任意位置打开一个小黑窗，输入如下命令之后回车npm install -g nodemon当这个界面就说明安装成功了-g 表示全局安装。它也可以写在nodemon后面。即:n...

2021-09-12 18:00:15 616 1

原创如何在nodejs环境中将a.txt内容,转换为b.json内容

1.准备a.txt文件如图:2.代码实现内容:思路:2.1 读取a.txt文件内容2.2 转为数组格式添加内容,并转为json数据格式(1)将读取的数据字符串格式截取为数组格式,(2)遍历数组,(3)创建对象的name和age属性,(4)将obj添加到数组当中, 并整理格式到newObj当中,(5)转为json文件格式2.3 写入到json文件当中const fs = require('fs') //导入fs模块const path = require

2021-09-12 17:13:06 575

原创 nodejs读写json数据

1.首先准备好json格式的文件,如图:2.再创建一个js文件, 如图:3.分析代码思路 :3.1读取data.json文件3.2将字符串数据转变成数组格式,添加完成数据再转回json格式3.3 将json格式的数据写入json文件当中4.代码实现:1读取data.json文件// 导入const fs = require('fs')const path = require('path')//1.读取data.json文件fs.readFile(p...

2021-09-12 12:33:45 10833 3

原创 npm常用命令和如何上传和下载包

1.npm是什么?1.1 npm 全称 Node Package Manager(node 包管理器)，它的诞生是为了解决 Node 中第三方包共享的问题。1.2npm 不需要单独安装。在安装Node的时候，会连带一起安装npm。1.3npm -v检查安装的情况。详情可参见官网2.当我们谈到npm时，我们在说两个东西:2.1 命令行工具。这个工具在安装node时，已经自动安装过了。2.2 npm网站。这是一个第三方模块的"不花钱的超市"，我们可以自由地下载，上传模块。...

2021-09-11 21:08:22 1608

原创字符串操作的API都有哪些?

1.split :分隔字符串称为数组语法:letre=str.split('')2.toLowerCase：把字母转成小写语法: let re = str.toLowerCase()3.toUpperCase：把字母转成大写letre=str.toUpperCase()4.截取字符串:(1).substring: 字符串.substring(start,end)注意：开始索引值位置上的字符能够取到，结束位置上的字符取不到,如果只有一个参数，那么从起始位置截取到...

2021-09-10 20:49:03 376

原创 Windows10和vscode最常用的快捷键

计算机当中的快捷键有很多,今天来总结一下:Windows10当中的快捷键:1.Ctrl + C:复制2.Ctrl + V:粘贴3.Alt + Tab :切换窗口4.Ctrl + X :剪切5.F2:快速重命名6.Alt + F4:快速关闭当前页面7.Ctrl +A :全选8.Ctrl + Shift + N :快速创建文件夹9.Ctrl + Z :撤销最近上一部操作10:Ctrl + W :关闭活动窗口11.Ctrl + Tab :在选项卡上向前移动...

2021-09-10 20:26:11 231

原创最常用的终端命令,你真的了解吗?

计算机终端当中有很多命令语句,今天来总结一下最常用的一些有哪些在终端最常用的一些命令:首先1.我们可以用window键 + r 键打开终端窗口输入cmd,2.在文件夹路径的地方点击输入cmd,可以打开终端窗口命令:1.清屏: cls 或者 clear2.显示当前文件夹下的内容 :dir / ls3.进入到上一级目录 : cd ..(cd空格..)4.进入到指定目录: cd 目录名5.停止node程序 : ctrl+c6.自动补全:tab7.调出历史命令:上下.

2021-09-10 20:04:37 2315

空空如也

空空如也