m0_50125215的博客

解析get请求中url拼接的参数

获取本地JSON文件请求报404错误,原因是vue-cli3.0之后创建的项目静态资源都放在了根目录下的public目录下，因此需要将json文件建在public目录下即可。

js 递归实现筛选出两个（树状数组）中相同的数据

分析 null 和 undefined 的区别

【iconfont】字体图标使用<!-- 这个css是我引用阿里的一些字体图标，请戳： https://www.iconfont.cn/ --><link rel="stylesheet" href="http://at.alicdn.com/t/font_1117508_wxidm5ry7od.css"><!-- 消息外层容器，因为消息提醒基本上是全局的，所以这里用id，所有的弹出消息都是需要插入到这个容器里边的 --><div id="message-

<script> // 模拟购物车列表数据 const cartList = [ { goods_id: 11, goods_name: '商品1' }, { goods_id: 33, goods_name: '商品3' }, { goods_id: 22, goods_name: '商品2' }, { goods_id: 44, goods_name: '商品4' }, { goods_id: 66, goods_n

<script> // ### every 每一项 // ```js // const 布尔值 = arr.every(item => 条件); // ``` // MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/every // 注意点：

借用构造函数实现继承function Parent1(){ this.name ="parent1"}function Child1(){Parent1.call(this); this.type ="child1";}缺点：Child1无法继承Parent1的原型对象，并没有真正的实现继承（部分继承）借用原型链实现继承function Parent2(){ this.name ="parent2"; this.play = [1,2,3];}funct

判断一个对象是否为空{}1、根据 for…in 遍历对象，如果存在返回 true，否则返回 falsefor ( let i in obj) { return true;}return false2、利用JSON 自带的 JSON.stringify() 方法来判断。（大概意思就是专为字符串‘{}’，来判断）if (JSON.stringify(obj) === '{}') { return true;}return false;3、利用ES6中Object.keys(

初始化本地仓库进入到项目目录中，运行git init 在根目录下面新建一个 .gitignore/.hbuilderx/unpackage/.DS_Store运行git status添加文件到暂存区添加文件到暂存区git add .提交本地的文件到仓库中git commit -m "chore:项目库初始化"提交远程仓库提交本地代码到远程仓库cd ygshopgit remote add origin https://gitee.com/thomas.

一些数组的基础知识，感觉很有意思通过typeof是无法判断是对象还是数组的第一：使用instanceof进行判断，A instanceof B即对象A是不是构造函数B构造出来的，是即返回true, 不是即返回false.第二：在typeof上进行enhancement, typeof数组和对象返回都是object, 但是数组的长度为0及0以上的整数，object的长度为undefined.方法三：利用Object.prototype.toString.call()方法将该变量转化为代表其类型的

flex-direction: 调整主轴方向row：主轴方向为水平向右column：主轴方向为竖直向下row-reverse:主轴方向为水平向左column-reverse:主轴方向是竖直向上。justify-content主要用来设置主轴方向的对齐方式flex-start: 弹性盒子元素将向起始位置对齐flex-end: 弹性盒子元素将向结束位置对齐。center: 弹性盒子元素将向行中间位置对齐space-around: 弹性盒子元素会平均地分布在行里space-between:第

闭包 是 一个内层函数中访问其他外层函数的作用域

Model–View–ViewModel （MVVM） 是一个软件架构设计模式，由微软 WPF 和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发，是一种简化用户界面的事件驱动编程方式。由 John Gossman（同样也是 WPF 和 Silverlight 的架构师）于2005年在他的博客上发表MVVM 源自于经典的 Model–View–Controller（MVC）模式 ，MVVM 的出现促进了前端开发与后端业务逻辑的分离，极大地提高了前端开发效率，MVV

在日常开发展示页面，如果一段文本的数量过长，受制于元素宽度的因素，有可能不能完全显示，为了提高用户的使用体验，这个时候就需要我们把溢出的文本显示成省略号1. 单行文本溢出text-overflow：规定当文本溢出时，显示省略符号来代表被修剪的文本white-space：设置文字在一行显示，不能换行overflow：文字长度超出限定宽度，则隐藏超出的内容.ellipsis { white-space: nowrap; text-overflow: ellipsis;

说一下你对http状态码的了解多少？答：1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码2xx （成功）表示成功处理了请求的状态码。常见的2开头的状态码有：200 – 服务器成功返回网页3xx （重定向）表示要完成请求，需要进一步操作。 通常，这些状态代码用来重定向常见的3字开头的状态码有：301 （永久移动） 请求的网页已永久移动到新位置。 服务器返回此响应时，会自动将请求者转到新位置。 302 （临时移动） 服务器目前从不同位置的网页响应请求，但..

铺垫(自学)yarn包管理器(必须)快速、可靠、安全的依赖管理工具。和 npm 类似, 都是包管理工具, 可以用于下载包, 就是比npm快中文官网地址: https://yarn.bootcss.com/下载yarn下载地址: https://yarn.bootcss.com/docs/install/#windows-stablewindows - 软件包(在笔记文件夹里)mac - 通过homebrew安装(看上面地址里)mac如果没安装过homeBrew先运行这个命令/

nodejs写接口知识点新建项目准备准备工作封装访问数据库、修改数据库相关配置启用服务器cors 跨域设置静态资源设置jwt 生成tokentoken 有效性检验错误中间件处理注册路由...

基本步骤在项目中下载安装 npm i jsonwebtoken加载模块 const jwt = require(‘jsonwebtoken’);在用户登陆成功之后，调用 jwt.sign() 方法创建token， 它有如下4个参数：参数1：必填，对象形式；希望在token中保存的数据参数2：必填，字符串形式；加密的钥匙；后续验证token的时候，还需要使用参数3：可选，对象形式；配置项，比如可以配置token的有效期参数4：可选，函数形式；生成token之后的回调生成的token前面，

动态参数 req.paramsnodejs默认提供，无需载入其他中间件使用req.params.id就可以获取到前端传递来的参数。该对象默认为{}app.get("/api/:id",(req,res)=>{ console.log(req.params.id) res.send("发送成功")})地址栏传值http://localhost/api/1123 //api 后面的这个就是动态传递的值// 导包const express = require(

node内置模块 - fs模块

下载安装phpstudy功能：为我们提供mysql数据库https://www.xp.cn/安装下载安装：目录不要有中文启动它启动之后，我们的电脑就变成了数据库服务器下载安装navicat功能：为我们提供连接、操作mysql数据库的功能下载http://www.navicat.com.cn/products#navicat安装双击，一路next使用找到应用程序，点击启动[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VRBxw3OA-162303

全局安装nrm包作用nrm 可以使我们自由的切换第三方包的下载源 , 能为我们提升下载速度操作步骤// 第一步： 全局安装 npm install nrm -g// 第二步：列出所有的源信息// （*）标注的就是当前使用的源nrm ls// 第三步：根据需要切换源 // 例如：指定使用taobao源nrm use taotao// 接下来，正常安装你需要的包如果nrm ls不能用，请看这里：https://blog.csdn.net/LQCV587/article/d

总结:1 能够掌握 Git 中基本命令的使用 ⚫ git init ⚫ git add . ⚫ git commit –m "提交消息" ⚫ git status 和 git status -s2 能够使用 Github 创建和维护远程仓库 ⚫ 能够配置 Github 的 SSH 访问 ⚫ 能够将本地仓库上传到 Github 3 能够掌握 Git 分支的基本使用 ⚫ git checkout -b 新分支名称 ⚫ git push -u origin 新分支名称 ⚫ git che

ES5作用域<!DOCTYPE html><html lang="zh-CN"><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"> <t

JSON对象处理json字符串<script> // JSON对象处理json字符串 let obj = { // 用户输入的信息 username: '天王盖地虎', password: '123456', phone: '13812345678', email: '1234576@qq.com', } /

代码:<!DOCTYPE html><html lang="zh-CN"><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"> <titl

代码区1<!DOCTYPE html><html lang="zh-CN"><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"> <tit

代码区<!DOCTYPE html><html lang="zh-CN"><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"> <titl

测试代码<!DOCTYPE html><html lang="zh-CN"><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"> <ti

art-template是一个简约、超快的模板引擎。中文官网首页为 http://aui.github.io/art-template/zh-cn/index.htmlart-template的使用步骤导入 art-template定义数据定义模板调用 template 函数渲染HTML结构art-template 提供了 {{ }} 这种语法格式，在 {{ }} 内可以进行变量输出，或循环数组等操作<!-- 1.引入模板 --> <script sr

each$.eachforeach

序列化表单(快速获取表单值)// 序列化表单(快速获取表单值) // 核心代码: 序列化表单(原生JS) const fd = new FormData(document.getElementById('form1')); let obj = {}; // 遍历 FormData 对象, 注意参数的顺序 fd.forEach((value, key) => { console.log(key, val

1.客户端与服务器的区别服务器负责存放和对外提供资源的电脑，叫做服务器客户端负责获取和消费资源的电脑，叫做客户端2.Ajax基本概念和作用2.1 什么是Ajax全称是 Asynchronous Javascript And XML（异步 JavaScript 和 XML）在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式，就是Ajax2.2 Ajax作用异步对象XMLHttpRequest，局部更新2.3 了解使用浏览器调试工具查看请求与响应

边框图片组合写法：border-image: url("images/border.jpg") 167/20px round;拆分写法：border-image-source: url("images/border.jpg");border-image-slice: 167 167 167 167;border-image-width: 20px;border-image-repeat: round;解释：边框图片资源地址裁剪尺寸（上 右 下 左）单位默认px，可使用百分百。边

销售进度 (quarter) -饼状图实现步骤：寻找官方的类似示例，给予分析,引入到HTML页面中按照需求来定制它。链接: 环形图.完整js代码// 销售模块 饼形图 半圆形 设置方式(function() { // 1. 实例化对象 var myChart = echarts.init(document.querySelector(".gauge")); // 2. 指定数据和配置 var option = { series: [ {

渠道分布(channel)-雷达图实现步骤：寻找官方的类似示例，给予分析，并引入到HTML页面中按照需求来定制它第一步： 参考类似实例链接: AQI - 雷达图.完整js代码// 销售渠道模块 雷达图(function() { // 1. 实例化对象 var myChart = echarts.init(document.querySelector(".radar")); // 2.指定配置 var option = { tooltip: { sh

销售统计( sales )-线形图实现步骤：寻找官方的类似示例，给予分析, 引入到HTML页面中按照需求来定制它。**第一步：**寻找官方的类似示例，给予分析。官方参考示例：链接: Examples - Apache ECharts.完整js代码// 销售统计模块(function() { // (1)准备数据 var data = { year: [ [24, 40, 101, 134, 90, 230, 210, 230, 120, 230, 210,

用户统计 (users) -柱状图第一步：参考官方示例 + 分析(function () {// 1. 实例化对象var myChart = echarts.init(document.querySelector(".bar"));// 2. 指定配置和数据var option = { // 工具提示 tooltip: { // 触发类型 经过轴触发axis 经过轴触发item trigger: 'axis', // 轴触发提示才有效

ECharts图表实现步骤：从官方示例中找到类似图表，适当修改，引入到HTML页面中。按照产品需求，来定制图表。https://echarts.apache.org/zh/option.html#series-pie.label.edgeDistanceecharts五个步骤 1. 引入库：echarts.min.js 2. 准备有大小的DOM容器（HTML结构） 3. 实例化echarts对象：echarts.init(DOM容器) 4. 配置echarts