自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(54)
  • 资源 (1)
  • 收藏
  • 关注

原创 【报错】manageUsage:218 [Vue warn]: Invalid default value for prop “currentProject“: Props with type Obj

manageUsage:218 [Vue warn]: Invalid default value for prop "currentProject": Props with type Object/Array must use a factory function to return the default value.found in

2022-09-27 19:49:29 526 1

原创 【报错】TypeError: Invalid attempt to destructure non-iterable instance. In order to be iterable, non-ar

TypeError: Invalid attempt to destructure non-iterable instance.In order to be iterable, non-array objects must have a [Symbol.iterator]() method

2022-09-27 19:39:12 12137

原创 【日常问题】重装软件vscode 建议安装的插件

每次初始化设备的时候,安装vscode 总是东拼西凑的补全要安装的插件。趁今天有时间记录一下,目前都安装了什么插件。检查拼写错误,代码中出现错误的拼写会影响后期维护代码。

2022-09-08 20:07:38 279

原创 【日常问题】chrome开启无痕模式,屏蔽第三方cookie

问题背景:项目的页面(A)被其他企业的页面(B)嵌套使用,当用户使用chrome无痕模式访问 B 页面时,A 页面中用到了 locakStorage, 但是在无痕模式和iframe嵌套双buff 下,cookie 和localStorage被禁用了。

2022-09-08 19:42:59 1763

原创 【Docker】一篇入门基础与镜像原理

Docker是一个开源的应用容器引擎,基于LXC(LinuxContainer)内核虚拟化技术实现,提供一系列更强的功能,比如镜像、Dockerfile等。Docker理念是将应用及依赖包打包到一个可移植的容器,可发布到任意Linux发行版Docker引擎上。使用沙箱机制(对内容进行了独立包装)运行程序,程序之间互相隔离;Docker使用Go语言开发。​Docker采用C/S架构,Dockerdaemon作为服务端接受来自客户端请求,并处理这些请求,比如创建、运行容器等。云计算。......

2022-07-17 16:10:36 944

原创 【React】Mobx

Mobx 一个可以和React 良好配合的集中状态管理工具.

2022-07-17 12:01:31 618

原创 【React】React基础(上)

React hooks(17)React官方文档0 概念补充0.1 纯函数(pure function)给一个函数同样的参数,那么这个函数永远返回同样的值。即React组件输入相同的参数(props),渲染UI应该永远一样。1 Hooks消息处理的一种方法,用来监视指定程序。函数组件中需要处理副作用,可以用钩子把外部代码“钩”进来。hooks 一律使用use前缀命名:useXxx特殊的函数,为函数形式组件(functional component)注入特殊的功能。Hooks 能够解

2022-06-19 17:54:08 544

原创 【Git】git常用命令

git1 git 配置2 常用操作1 git 配置徽标键 + o 打开文件徽标键 + w 关闭git --versionGit 的几个基础配置:melody@MELODYYYANG-MB0 ~ % git config --global user.name "BLUE"melody@MELODYYYANG-MB0 ~ % git config --global user.email "11111@qq.com"melody@MELODYYYANG-MB0 ~ % git config --

2022-05-31 14:11:26 90

原创 【小程序】自定义组件设置样式失效使用外部样式类解决

文章目录1 问题描述2 使用外部样式类1 问题描述在小程序中编写了自定义的组件,用来展示 图片+文字 的效果,但是在第二处展示时,想要修改图片的大小。直接在pageA(调用自定义组件的文件)中为componentB(自定义的组件)添加class失效。2 使用外部样式类外部样式类:自身不去实现这个class类,由使用它的 页面来写。想要实现如下效果:<!--componentB--><view class="show-img"> <image class=

2021-05-18 09:45:18 901

原创 【小程序】音乐播放不能使用本地地址

文章目录1 背景音乐播放的Api2 src 与 title 属性2.1 src2.2 title3 循环播放背景音乐1 背景音乐播放的Apiwx.getBackgroundAudioManager:获取全局唯一的背景音频管理器,小程序切入后台,如果音频处于播放状态,可以继续播放,但是后台状态不能通过调用 API 操纵音频的播放状态。​ 如果要小程序在切入后台后继续播放音频,需要在 app.json 中配置 requireBackgroundModes 属性。{ "pages":["pages

2021-05-15 15:32:35 685

原创 【es6】babel 关于es6文件转码编译为es5文件的配置

文章目录babel开发环境配置babelbabel 是一个JavaScript的编译工具,它可以让高版本的es,转为es5,便于让浏览器识别。babel 的对文件的编译打包仅停留在语法层面上。开发环境配置npm install --save-dev babel-core babel-preset-es2015 babel-preset-latestnpm install -g babel-cli以上是要安装的包,安装的过程中会生成一个package.json配置文件。.babelr

2021-03-20 16:34:49 404

原创 【mysql】数据库基础知识总结

MySQL①所有的数据库名、表名、表字段都区分大小写。1.MySQL连接:MySQL默认启动的端口号为3306。打开控制台会出现“Enter password:”,输入安装时设置的密码。当出现以下界面时,就可以操作数据库了。2.创建并查看数据库创建数据库 create database(数据库名);--------------- create database if not exists(数据库名);查看数据库 show databases;3.删除数据库dr

2021-03-19 20:10:29 426

转载 【JavaScript】作用域链、作用域、执行上下文

文章目录作用域(Scope)1.什么是作用域2.全局作用域和函数作用域3.块级作用域作用域链1.什么是自由变量2.什么是作用域链3.关于自由变量的取值作用域与执行上下文1. 解释阶段:2. 执行阶段:[转载自 浪里行舟](https://blog.fundebug.com/2019/03/15/understand-javascript-scope/)作用域(Scope)1.什么是作用域作用域是在运行时代码中的某些特定部分中变量,函数和对象的可访问性。换句话说,作用域决定了代码区块中变量和其他资源的可

2021-03-17 17:48:21 216 1

原创 【webpack】Error: Cannot find module ‘webpack-cli/bin/config-yargs‘版本不匹配报错

Error: Cannot find module ‘webpack-cli/bin/config-yargs’该错误的产生与 webpack-dev-server 版本不兼容有关初始版本当执行 cnpm run dev,报错通过修改 版本可以解决:cnpm uninstall webpack webpack-cli webpack-dev-servercnpm install webpack@4.41.0 webpack-cli@3.3.9 webpack-dev-server@3.8

2021-03-15 23:11:59 199 1

原创 【JavaScript】网页优化

文章目录1 页面渲染过程1.1 渲染中途遇到 script 的情况1.2 css 应该放在 head 中1.3 建议把 JS 放在 body 最后1.4 img 标签1.5 window.onload 和 DOMContentLoaded2 性能优化2.1 性能优化原则2.2 优化的方式:1 页面渲染过程根据 HTML 代码生成 DOM Tree根据 CSS 代码生成 CSSOM将 DOM Tree 和 CSSOM 整合形成 Render Tree(框架和样式结合)根据 Rende

2021-03-15 21:58:44 291

原创 【javascript】节流、防抖的代码实现

文章目录1 节流2 防抖1 节流节流 throttle:实质上就是将高频触发事件的执行频次降低,也可以理解为稀释。例如:拖拽一个元素时,要随时拿到该元素被拖拽的位置直接用 drag 事件,则会频发触发,很容易导致卡顿节流: 无论拖拽速度多快,都会每隔 100 ms 触发一次// box 就是可拖拽元素( draggable="true")const box = document.getElementById("box")let timer = nullbox.addEventLi

2021-03-15 17:05:50 296 1

原创 【计算机网络】强制缓存与协商缓存

http 缓存为了让页面加载的更快,尽可能减少网络请求的数量和体积。1 强制缓存强制缓存实现的步骤:当客户端需要服务器的资源时,会向服务器发送 http 请求。 服务器在初次接收到客户端正确的请求时,会向客户端返回对应的资源。当服务器认为某种资源是长期不发生改变的时,就会在该请求返回时,设置响应头为cache-control: max-age=31536000,max-age 的内容是以秒为单位的时间值。 浏览器接收了服务端的响应。 浏览器并非初次向服务器发送请求时...

2021-03-13 17:26:52 296

原创 【JavaScript】异步(eventloop、Promise、async/await)

文章目录异步1 event loop(事件循环/事件轮询)1.1 JS 如何执行1.2 event loop 过程1.3 异步基于 `event loop`2 promise 进阶2.1 then 和 catch 改变状态3 async/await3.1 背景3.2 async/await 和 Promise 的关系3.3 异步的本质4 微任务/宏任务4.1 event loop 和 DOM 渲染4.2 微任务和宏任务的根本区别异步1 event loop(事件循环/事件轮询)JS 是单线程

2021-03-13 16:00:44 383

原创 【JavaScript】作用域、深浅拷贝、原型

文章目录JS1.1作用域和闭包、this1.2 值类型和引用类型的区别1.3 typeof 运算符1.4 深拷贝和浅拷贝1.5 变量计算-类型转换1.6 类型判断 -instanceof1.7 原型1.8 手动封装一个 JQueryJS1.1作用域和闭包、this(1)作用域和自由变量作用域就是变量的一个合法使用范围变量可以在自己对应的红框的任何位置使用(2)作用域分为以下几类:1.全局作用域2.函数作用域3.块级作用域(ES6新增)if (true) { let x = 1

2021-03-13 15:15:18 174

原创 【Express】修改留言本

文章目录Express1 Express简述:1.1 需求:1.2 快速上手:1.3 express中使用模板引擎:1.4 基本路由1.5 静态服务:1.6 用express框架完成[留言本](https://blog.csdn.net/Adollar/article/details/112056977):1.8 在express获取表单POST请求体数据:1.9 在 Express 获取表单 GET 请求参数:Express1 Express简述:官网:https://expressjs.com1

2021-01-01 00:05:43 202

原创 【Nodejs】留言板案例

文章目录1 统一处理服务器资源:1.1 关于fs.readdir() 文件目录读取:1.2 模板引擎:1.2.1 在node中使用模板引擎:1.2.2 each :2 留言板:2.1 实现功能:2.2 服务器路径:2.3 实现:2.4 实现效果:3 url 核心模块:1 统一处理服务器资源:var http = require('http');var fs = require('fs');var server = http.createServer();var wwwDir = 'F:/md

2020-12-31 23:59:08 1239

原创 【Nodejs】文件读写服务器模块

文章目录1 Node.js2 文件操作:2.1 读取文件:2.2 写文件:3 创建服务器:3.1 最简单的一个http服务:3.2 改进:4 模块使用操作:4.1 require方法:5 服务器响应:5.1 Content-type5.2 fs与请求相结合:1 Node.js一个JavaScript是无处不在的。凡是能用JavaScript来实现的,最终都会用JavaScript来实现。org(organization):一般技术网站的域名都是org,或者io。Nodejs不是一门语言,也

2020-12-31 23:47:36 337

原创 【python】KNN(K近邻算法)实现及可视化

文章目录KNN(K近邻算法)实现及可视化1 算法描述:2 KNN算法的Python实现:2.1 实践问题背景:2.2 目标:2.3 数据集:2.4 要求:2.5 实施步骤:3 改进:4 截止到3中改进的第二步,代码如下:KNN(K近邻算法)实现及可视化1 算法描述:KNN的工作原理::给定一个已知标签类别的训练数据集,输入没有标签的新数据后,在训练数据集中找到与新数据最邻 近的k个实例,如果这k个实例的多数属于某个类别,那么新数据就属于这个类别。可以简单理解为:由那些离X最 近的k个点来投票

2020-12-31 23:41:33 4471

原创 【Vuex】使用及核心内容

文章目录1 Vuex概述1.1 组件之间共享数据的方式1.2 Vuex是什么1.3 使用Vuex统一管理状态的好处2.Vuex的基本使用3 Vuex 的核心概念3.1核心概念概述3.2 State3.3 Mutation3.4 Action3.5 Getter1 Vuex概述1.1 组件之间共享数据的方式父向子传值:v-bind属性绑定(props)子向父传值:v-on 事件绑定兄弟组件之间共享数据:EventBus($on数据接收方,$emit发送数据的内个组件)以上的三种方式是小范围的数据

2020-11-22 10:39:11 119

转载 【python】下载jupyter

pip更新命令(以下两个都可以):python -m pip install -U --force-reinstall pip或者pip install --user --upgrade pip国内的代理路径:pip install -i https://pypi.douban.com/simple/ jupyter

2020-11-13 11:07:50 884

原创 【vue】props传值、非父组件通信

文章目录1 props传值:1.1 父组件向子组件传值:1.2 在prop中添加参数约束:1 props传值:所有的prop都使得其父子组件之间形成了一个单行下行的数据流,父级prop的更新会向下流动到子组件中,但是反过来则不行。这样会防止子组件意外变更父组件的状态,从而导致你的应用数据难以理解。1.1 父组件向子组件传值:① 先在挂载成功的子组件中,添加props内容props:{ 'named':String, 'blibli':{ type:String, default:"Bworl

2020-11-09 20:37:45 539

原创 【vue】Mockjs模拟数据

文章目录Mockjs模拟数据1 与vue结合的使用步骤1.1 安装依赖1.2 创建模拟文件1.3 请求数据Mockjs模拟数据特性:①可以帮助前端开发人员实现前后端分离测试。②增加测试效果的真实性。③可以模拟的数据类型丰富。诸如:数值、字符串、对象、数组、时间、图片、颜色、文本、姓名、网址域名、地址等。1 与vue结合的使用步骤1.1 安装依赖cnpm install --save-dev mockjs1.2 创建模拟文件在vue的src文件夹下,创建mockjs文件。import M

2020-11-07 21:14:46 128

原创 【vue】创建命令

vuevue是JavaScript框架的一种,将零散的样式、响应操作、单页面进行了“管理”,在增加项目的可读性和处理效率,以及代码的可重用。vue使用的基本配置①vue使用的环境配置。通过node.js下载npm,通过淘宝镜像安装cnpm。②vue的运行环境,即vue的脚手架(vue-cli),在vue-cli中集成了vue.js文件、项目环境、webpack文件。脚手架的安装:使用"cnpm install -g vue-cli“,或者用“cnpm install -g @vue/cli”(最

2020-10-25 21:12:52 211

原创 【ES6】特性合集

ECMAScript第一章 ECMAScript1.1 ECMA介绍ECMA(European Computer Manufactures Association)中文名称为欧洲计算机制造协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994年后该组织改名为ECMA国际。...

2020-10-24 07:47:58 349

原创 [ES7-8]新特性:

ES7新特性:1.ES7新特性:1.1 Array.prototype.includes1.2 指数操作符:2.ES8新特性:2.1 async 和 await2.1.1 async函数2.1.2 await 表达式1.ES7新特性:1.1 Array.prototype.includesincludes 方法用来检测数组中是否包含某个元素,返回布尔类型值。 const mingzhu = ['西游记','红楼梦','三国演义','水浒传']; console.log(mingzhu.includ

2020-10-22 19:52:44 144

原创 【es6】模块化

模块化1 模块化:1.1 模块化的好处:1.2 模块化规范产品:1.3 ES6模块化语法:1.4 ES6模块化代码在项目中的使用方式:1 模块化:模块化是指将一个大的程序文件,拆分成许多个小的文件,然后将小文件组合起来。1.1 模块化的好处:(1)防止命名冲突。不同的模块可以命名重复。(2)便于代码复用。(3)高维护性。代码块之间可以独立维护。1.2 模块化规范产品:ES6之前官方是没有模块化规范的,在此之前使用 的是社区的模块规范化:模块化规范实现规范的产品Commo

2020-10-19 21:35:56 166

原创 【nodejs】multer插件批量上传

multer插件批量上传视频可以选中多个文件,顺序上传,每个文件都有一个上传情况进度条。HTML部分:<body> <div> <div class="uploadvideo"> <span>选择视频文件</span> <input id="videoinfo type="file" multiple accept="video/*"> </div>

2020-10-08 20:28:58 475

原创 【Ajax】原生ajax、jQUery中的ajax、跨域问题

懒加载,即用则加载,不用则不加载。ajax介绍xml介绍http协议ajax发送的请求就是http请求原生、jQuery、fetch、axios、第一章:原生AJAX1.1ajax 简介ajax全称为Asynchronous JavsScript And XML,就是异步的js 和 xml。通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。AJAX不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。应用:百度搜索框关键字的自动补全、邮箱注册时.

2020-10-06 10:41:33 422

原创 【计算机网络】02 物理层(传输媒体、信道复用、传输系统、宽带接入)

2. 物理层2.1物理层的基本概念物理层解决如何在连接各种计算机的传输媒体上传输数据比特流而不是只具体的传输媒体。(不是指具体的传输媒介)物理层的主要任务描述为:确定与传输媒体的接口的一些特性。即:-----机械特性:例如接口形状、大小,引线数目。-----电气特性:例如规定电压范围(-5V到+5V)-----功能特性:例规定-5V表示0,+5v表示1.------过程特性:也称规程特性,规定建立连接时各个相关部件的工作步骤。2.2数据通信的基础知识(通信的目的是传送信息)典型的数据通

2020-10-04 16:48:29 927

原创 【计算机网络】01计算机网络概述

1计算机网络概述1.1因特网的组成因特网(Internet)的核心部分为能够让计算机实现通信的网络。它的边缘部分为接入网络的计算机。1.1.1 边缘之间的通信方式有客户端方式对等连接方式(P2P):每一个服务器既是服务器又是客户机。下载同一个文件的人越多下载的越快。1.1.2 因特网的核心数据交换方式一、电路交换方式(Cricuit Switching)建立连接(申请占用通信证资源)—》通话(一直占用通信资源)-----》释放连接(释放通信资源)电路交换适合于数据量很大是实时性传

2020-09-23 21:12:53 313

原创 网页重置样式表

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//* Document ========================================================================== *//** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font

2020-09-09 21:06:22 849

原创 【jQuery】动画、ajax总结(二)

jq动画方法作用参数show()将隐藏元素显示speed(动画时长)、easing(切换效果,默认为swing。linear)、fn(动画完成时执行的函数)。这些参数都不是必选的hide()隐藏元素speed(动画时长)、easing(切换效果,默认为swing。linear)、fn(动画完成时执行的函数)。这些参数都不是必选的。–––slideDown()将隐藏的匹配元素显示出来,默认形式为从上至下高度逐渐增大直到完全显示speed(动画时长)、e

2020-08-05 08:31:13 289

原创 【jQuery】总结(一)

jQuery优点1.写的少做的多。2.强大的元素选择器,使用的是css1~css3所有的选择器。3.简化了dom操作。4.优化了事件机制。5.封装了ajax。6.插件丰富。jQuery源码的内容包含在一个自执行的函数中。1.常用选择器:在使用jQuery之前需要先关联jQuery封装的js库。1.基础选择器,参数为css的选择器。 console.log($("*")); console.log(($("div"))); console.log(($(".d"

2020-07-23 08:27:29 114

原创 js严格模式的要求

js严格模式可以在函数内部选择进行较为严格的全局和局部的错误条件检测,使用严格模式的好处是可以提早知道代码中存在的错误,及时补货一些可能导致编程错误的行为。关键字(编译指示) 为一个不会赋给任何变量的字符串 “use strict”。这个关键字可以选择放在全局作用域上,来限制整个脚本。也可以只放在某个局部作用域中,限制局部脚本的。(例如:放在一个函数里面) function doSomething(){ "use strict"; //其他代码 }1书写变量的要求:1.变量声明 "u

2020-07-14 18:31:25 236

原创 js事件委托

js事件委托事件委托的原理是事件的冒泡实现。事件冒泡的形式:事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。简而言之,就是由里向外进行冒泡。优点:减少了函数的创建。 在为父元素添加新的子元素事件的时候,子元素能够自动添加事件 ,不用通过获取元素再遍历的方式为新元素添加事件;由于每个方法就相当于是一个对象,如果不使用委托的话,每次添加的新元素产生就会产生新的的对象占用内存。<body><ul id="ulele"&gt

2020-07-13 17:00:31 234

W3C中文手册.zip

类似zeal的离线手册!

2020-05-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除