JavaScript WebAPI - HTTP 请求

如何实现一个原生 Ajax

在现代框架和第三方库非常繁荣的现状下,使用 jQuery 和 Axios 等等,第三方封装的 Ajax 技术较为普遍。他们的确能比原生的更加好用,但如果只是为了实现 Ajax 而去引入比如 jQuery 这样的库则变成了没有必要性的工作,脱离了使用 Ajax 的初衷。JavaScript 这种早期寄生于浏览器的语言,实现 Ajax 并不复杂,有着标准的Web API规范。XMLHttpRequestXXMLHttpRequest 这个最早只支持 IE 浏览器。不得不说微软早期给互联网做出了不少贡献。现代浏览器基本都...

陈陈菌 写于 2021-09-16

分类: JavaScript 阅读全文

服务端渲染框架 Nuxt.js 的一些坑和使用指南

Nuxt.js 是一款开箱即用的服务端渲染框架,一般在前端框架如 Vue 或 React 项目需要做 SEO 或 提高首屏渲染速度时用到。

快速入门为了快速入门,Nuxt.js团队创建了脚手架工具 create-nuxt-app,可以通过 npm 来下载并全局安装命令行工具。npm install -g create-nuxt-app使用的时候通过 create-nuxt-app [项目名] 创建基本项目通过一些默认选择,默认正常情况下会得到一个这样的目录和文件目录/文件说明components放组件的地方pages放页面的地方static静态资源storeVuex 状态管理nuxt.config.jsnuxt 配置但有些目录仍然需要自行创建,比如 l...

陈陈菌 写于 2021-08-28

分类: Nuxt.js 阅读全文

基于 Nodemailer 实现邮箱服务

Nodemailer 是一个使用 JavaScript 开发,基于 Node.js 的邮箱服务模块, 利用它能快速编写邮箱服务功能。

安装模块前的准备工作这里使用 QQ 邮箱作为 smtp 服务器,在此之前可以先获取自己的QQ邮箱 smtp 服务的授权码安装 Nodemailer 模块npm install nodemailer编写 js 代码发送邮件"use strict";const nodemailer = require("nodemailer");async function main() { let transporter = nodemailer.createTransport({ // 使用qq的smtp服务器 host: "sm...

陈陈菌 写于 2021-08-25

分类: Node.js 阅读全文

JavaScript - prototype 和 __proto__

JS 中的两种原型对象

显式原型当 JavaScript 的 function 在未实例化之前的时候。几乎每个 function 有一个这样的属性:‘prototype’ 暴露出来(也就是原型对象)。当我们通过 浏览器 console.log 打印出来,会得到对象被实例化后所暴露的属性及包括函数。下面以一个 Date 对象和 自己创建的对象为例。Date.prototypeconsole.log(Date.prototype)constructor: ƒ (r,n,o,i,a,u,f) getDate: ƒ getDate() getDa...

陈陈菌 写于 2021-08-18

分类: JavaScript 阅读全文

Part-Blog 博客系统使用文档

一个前后端分离响应式博客系统

Part-Blog 是我的一个正在开发中并且已在自己博客投入使用的项目,采用 Vue.js 为前端框架,使用 Nuxt.js 服务端渲染,后端为 PHP MySQL。但也是我第一次开发博客系统。因为开发有所生疏,可能有着许多未知缺陷的情况,不过博主会一直在将本程序完善当中。 要是想要尝试下的话也是十分欢迎的,但就是需要点麻烦和难度。现博客的前端部分源码已在 GitHub 和 Gitee 上开源,但因为个人安全问题暂不开放后端源码。也就是说仍然需要自行去对接后端 API 和 创建数据库。使用前你需要具备 Vue 和 ...

陈陈菌 写于 2021-08-13

分类: 项目文档 阅读全文

Part-Animator 使用文档

一个轻量级过渡动画库

PartAnimatorPartAnimator 是一个 ‘极简’ 且 ‘灵活’ 的 CSS 过渡动画库,可快速复用于各种 前端 项目中。使用前只需要引入 CSS 文件。然后开始调用你想要的的类样式 ~ ,除了使用原生写法,还可以通过开发框架来调用。当前动画数:41 (将根据个人情况进行更新)快速上手CSS 引入<link rel="stylesheet" href="https://partanimator.glumi.cn/PartAnimator.css">NPM 安...

陈陈菌 写于 2021-08-12

分类: 项目文档 阅读全文

问题解决以及踩坑整理

愿世界没有 bug

adb 连接手机 cannot connect to 192.168.x.xx:5555: 由于目标计算机积极拒绝,无法连接。 (10061)2021-09-04解决办法:1.连接手机 adb shell 进入系统 shell2.设置adb连接端口 setprop service.adb.tcp.port 5555前端项目中使用 @media 媒体查询在移动端失效问题2021-08-12修改 meta 的 viewport 为以下代码即可解决 content="width=device-widt...

陈陈菌 写于 2021-08-11

分类: 问题解决 阅读全文

重拾博客

心情复杂的7月

很久一段时间没有更新自己的博客了,Windows 11 预览版的发布我第一时间开始了体验尝鲜,由于电脑是单系统 (黑苹果) 在某一天。想在另一个盘装 Windows 11 双系统时,一些误操作中我非常意外的把自己的博客程序删了 (并且没有备份) 让我有点不知所措,但居然又不觉得可惜。7月发生了很多事情。和朋友闹翻,电脑重要数据丢失,以及工作面试的不顺,产生的负能量情绪,让我有些轻度抑郁。但无论怎样,生活仍在继续。跌倒之际,应是奋起之时。重启博客博客数据的丢失让我不得不重新建立一个博客。建立一个自己的博客很简单,但建...

陈陈菌 写于 2021-08-01

分类: 随笔 阅读全文

  • What I cannot create,I do not understand - Richard Feynman
  • "凡我不能创造的,我都不能理解。"
    —— 理查德·费曼
  • build-your-own-x
    图片失效了

    通过小程序阅读博客

粤ICP备2021139248号

© https://blog.glumi.cn