自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 JavaScript手写(持续更新)

类型判断主要是利用 Object.prototype.toString.call() ,其中toString方法返回反映这个对象的字符串。如果此方法在自定义对象中未被覆盖,toString() 返回 “[object type]”,其中 type 是对象的类型。以下代码说明了这一点:var o = new Object();o.toString(); // returns [object Object]具体查看:https://developer.mozilla.org/zh-CN/docs

2022-03-22 10:02:07 1352

原创 JavaScript六种继承方式的递进推演

原型链继承、构造函数继承、组合式继承、原型式继承、寄生式继承、寄生组合式继承

2022-03-22 09:52:13 331

原创 ElementUI + express实现头像上传及后台图片保存

ElementUI + express实现头像上传及后台图片保存记录大创项目中的解决方式。只说明基本的实现方法,不代表实际代码。如果你需要在后台保存头像图片的话。当然也可以直接使用base64格式保存头像,虽然有一些缺陷,这样后台就不需要保存图片了,直接保存base64的文本就行。文章仅是自己个人在项目中的总结,如有不妥和遗漏还请多多指教。1. 前端部分先照搬elementUI的官方文档,再删删补补一下(样式部分暂且省略):<!-- 设定的属性在官方文档里都有说明,就不再赘述 --&g

2021-06-06 01:45:27 2175

原创 axios学习笔记

Vue2.x学习笔记。原视频教程:最全最新Vue、Vuejs教程,从入门到精通_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliaxios网络模块的选择Vue中发送网络请求有非常多的方式, 那么, 在开发中, 如何选择呢?选择1:ajax传统的Ajax是基于XMLHttpRequest(XHR)为什么不用它呢?非常好解释:配置和调用方式等非常混乱编码起来看起来就非常蛋疼所以真实开发中很少直接使用, 而是使用jQuery-Ajax选择2:jquery-ajax它相对.

2021-05-17 11:40:32 183

原创 Vue学习笔记(5)(Vuex)

Vue2.x学习笔记。原视频教程:最全最新Vue、Vuejs教程,从入门到精通_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliVuex认识Vuex官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用 集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。.

2021-05-17 11:38:40 261

原创 Vue学习笔记(4)(Vue-router)

Vue2.x学习笔记。原视频教程:最全最新Vue、Vuejs教程,从入门到精通_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliVue-router0. 认识路由什么是路由?路由是一个网络工程里面的术语。路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动。— 维基百科现实生活中的路由器提供了两种机制: 路由和转送。路由是决定数据包从来源到目的地的路径。转送将输入端的数据转移到合适的输出端。路由中有一个非常重要的概念叫路由表。路由表本质上就是.

2021-05-17 11:37:10 220

原创 Vue学习笔记(3)(Vue CLI)

Vue2.x学习笔记。原视频教程:最全最新Vue、Vuejs教程,从入门到精通_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliVue CLI0. 什么是vue-cli如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作,那无以效率比较低效,所以通常我们会使用一些脚手架工具来帮助完成这些事情。CLI是什么意思?CLI是Com.

2021-05-17 11:23:46 128

原创 Vue学习笔记(2)(组件化开发)

Vue2.x学习笔记。原视频教程:最全最新Vue、Vuejs教程,从入门到精通_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili第一部分:认识Vue、Vue基本语法。# 组件化1. 什么是组件化?组件化是Vue.js中的重要思想它提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。任何的应用都会被抽象成一颗组件树。组件化思想的应用:有了组件化的思想,我们在之后的开发中就要充分的利用它。尽可能的将页面拆分成一个个小的、可复用的组件。这.

2021-05-17 11:09:14 288

原创 Vue学习笔记(1)(认识Vue、基础语法)

Vue2.x学习笔记。原视频教程:最全最新Vue、Vuejs教程,从入门到精通_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili第一部分:认识Vue、Vue基本语法。邂逅Vue.js简单认识VueVue是一个渐进式的框架,什么是渐进式的呢?渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex,也可以满足你各种各样的需求。Vu.

2021-05-17 11:03:04 158

原创 Express使用nodemailer完成邮箱验证功能详细流程(含封装,可作自定义模块)

Express使用nodemailer完成邮箱验证功能详细流程(含封装,可作自定义模块)记录大创项目中,在express中使用第三方模块nodemailer完成邮箱验证功能,含客户端请求验证邮件和服务端发送验证码和判断验证码。1. 安装和引入模块安装:npm i nodemailer --save引入:我们先新建一个 mail.js 文件作为包含发送邮件功能的模块。/* mail.js文件,发送邮件模块*/const nodemailer = require('nodemailer')

2021-03-24 21:48:01 1838 2

原创 express使用JWT和httpOnly cookie进行安全验证

express使用JWT和httpOnly cookie进行身份验证对大创项目中使用JWT作为身份验证的总结。一般情况使用JWT作为身份验证的方式可以直接参考这篇文章:Node.js 使用 express-jwt 解析 JWT 。这里主要针对httpOnly类型的cookie进行代码调整。1. 安装和引入需要使用的模块:express-jwt ,用于解析token; jsonwebtoken ,用于生成token ; cookie-parser,用于解析cookie(据说express已经内置,

2021-03-01 23:41:59 835 3

原创 JQ中使用FormData+Ajax发送请求及使用express接收处理FormData数据

JQ中使用FormData+Ajax发送请求及使用express接收处理FormData数据最近写大创项目的时候,要做登录功能,考虑到之后还需要上传头像图片,因此决定使用FormData发送表单请求。项目中用的是JQ封装的ajax,配合FormData使用的时候出现了一些问题。首先这里就不再说明FormData的作用和用法,如果不清楚的可以看看这篇文章:FormData对象的使用。1. 可能出现的问题JQ中初始化FormData对象在JQ中,如果想使用一个已经存在的表单初始化FormDat

2021-02-26 13:28:41 930

原创 《JavaScript高级程序设计》笔记 - Map与Object的差异与选择

Map与Object的差异与选择ES6以前,我们可以使用Object方便高效地完成“键/值”式的存储,但是这种实现并非没有问题。因此,TC39委员会专门为“键/值”存储定义了一个规范,即Map。它是一种新的集合类型,为这门语言带来了真正地键/值存储机制。Object和Map的细微语法差异1. 键的数据类型与Object只能使用数值、字符串或符号作为键不同,Map可以使用任何JS的数据类型作为键。Map内部使用严格对象相等的标准来检查键的匹配性。当然,与Object类似,映射的值是没有限制的。2

2021-02-22 18:23:50 304

原创 《JavaScript高级程序设计(第四版)》红宝书学习笔记(第五章:基本引用类型,原始值包装类型,单例内置对象)

第五章:基本引用类型引用值(或者对象)是某个特定引用类型的实例。新对象通过使用new操作符后跟一个构造函数(constructor)来创建。5.1 Date这里不对Date进行详细深入,仅基于书本列出一些常用方法。更多方法和用法请参考:https://www.runoob.com/jsref/jsref-obj-date.html。1)基于其他其他日期和时间创建日期对象:Date.parse 和 Date.UTCDate.now 返回表示方法执行日期和时间的毫秒数。2)继承的方法:

2021-02-08 20:55:42 419

原创 AJAX学习笔记(基本使用,请求参数传递,获取服务端响应,错误处理,低版本IE浏览器缓存问题及解决)

1. Ajax实现步骤创建ajax对象let xhr = new XMLHttpRequest();告诉ajax请求地址及请求方式xhr.open('get','http://www.example.com');发送请求xhr.send();获取服务器端与客户端的响应数据xhr.onload = ()=>{ console.log(xrh.responseText)}服务器端响应的数据格式真实项目中,服务器端大多数情况下会以JSON对象作为响

2021-02-05 17:06:31 334

原创 Express学习笔记(基本使用,中间件,模块化路由,请求处理)

express笔记这里不再提及express的定义或者作用等。1.安装使用 npm install express (--save) 进行安装2.基本使用1)开启服务器const express= require('express');const app = express();app.listen(3000);2)接收get请求send()方法:send方法内部会检测响应内容的类型send方法会自动设置http状态码send方法会帮我们自动设置响应的内容类型及编码a

2021-02-05 17:03:12 333

原创 《JavaScript高级程序设计(第四版)》红宝书学习笔记(2)(第四章:变量、作用域与内存)

个人对第四版红宝书的学习笔记。不适合小白阅读。这是part2。(记 * 的表示是ES6新增的知识点,记 ` 表示包含新知识点)第四章:变量、作用域与内存4.1 原始值与引用值ECMAScript变量可以包含两种不同类型的数据:原始值和引用值。原始值(primitive value)就是最简单的数据,引用值(reference value)则是由多个值构成的对象。在把一个值赋给变量时,JavaScript引擎必须确定这个值是原始值还是引用值。上一章讨论了6种原始值:Undefined、Nu.

2021-01-22 21:05:21 400 8

转载 JavaScript数据结构与算法(2)(集合、字典、哈希表、二叉树、图)(ES6)

注意:原教学视频:JavaScript(ES6)数据结构和算法 | JavaScript数据结构与算法 (都是CoderWhy老师的教学)原作者(笔记)链接:JavaScript 数据结构与算法 | JavaScript数据结构与算法博客目录PS:本文仅在学习过程中,对两篇笔记进行整合及总结(包含少量补充),以作学习之用。侵权立删。Part2: 集合、字典、哈希表、树、二叉树、二叉搜索树(红黑树这里不作整合,因为我也还没看懂)、图。集合几乎每种编程语言中,都有集合结构。集合比较常见的.

2021-01-21 15:59:34 438

转载 JavaScript数据结构与算法(1)(数组、栈、队列、链表)(ES6)

注意:原教学视频:JavaScript(ES6)数据结构和算法 | JavaScript数据结构与算法 (都是CoderWhy老师的教学)原作者(笔记)链接:JavaScript 数据结构与算法 | JavaScript数据结构与算法博客目录PS:本文仅在学习过程中,对两篇笔记进行整合及总结(包含少量补充),以作学习之用。侵权立删。Part1: 数组、栈、队列、优先队列、单向链表、双向链表。前言1. 什么是数据结构?数据结构就是在计算机中,存储和组织数据的方式。解决问题方法的效率.

2021-01-21 15:56:10 404

原创 《JavaScript高级程序设计(第四版)》红宝书学习笔记(1)

个人对第四版红宝书的学习笔记。不适合小白阅读。这是part1,包含原书第二章(HTML中的Javascript)和第三章(语言基础)。(目录中记 * 的表示是ES6新增的知识点,记 ` 表示包含新知识点)第二章:HTML中的Javascript2.1 <script>元素<script>标签的八个属性async:可选。表示应该立即开始下载脚本,但不能阻止其它页面动作,比如下载资源或等待其他脚本加载。使用该属性可以异步执行脚本。只对外部脚本文件有效。char.

2021-01-21 15:34:18 981

原创 gulp学习笔记,基本使用流程,基本函数,使用监听、插件

学习gulp的简单笔记。原教学视频:https://www.bilibili.com/video/BV1NE411T7Z2?p=396。gulp基本使用流程初始化项目目录:cnpm init //如果出错改为npm指令安装到项目文件夹:cnpm install gulp@3.9.1 --save-devcnpm i gulp-scss gulp-minify-css gulp-rename -D //一次下载多个第三方插件创建一个gulpfile.js文件.

2021-01-01 00:05:47 302

原创 关于hexo更新到GitHub后博客内容未变问题

关于更新到GitHub后博客内容未变问题网站修改和更新文章后,在本地用 hexo s 部署到了GitHub后却发现自己的博客网站内容没有变化。找了一中午终于找到了原因所在。最开始更新完毕确认检查后,使用 hexo d 已经部署到了github,自己在github上也看到确实已经更新到了仓库,但是博客内容却一直没变。百度了下说是会有一段时间的延迟。但是等了一个晚上发现内容还是没有更新。于是又看了下GitHub的仓库,在右侧边栏发现了这个东西:都知道github-pages是GitHub自带生成静态

2020-12-31 23:57:51 6946 4

空空如也

空空如也

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

TA关注的人

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