炒米粉真好吃-CSDN博客

原创关于服务端渲染/预渲染/数据直出/页面直出的学习总结

一、普通页面众所周知，当用户输入url到浏览器展示页面会经历以下流程：浏览器找服务器拿静态页面（HTML）浏览器找服务器（也可以是CDN）拿CSS浏览器找服务器（也可以是CDN）拿JS执行JS，请求数据就是在这一步拿请求到的数据渲染页面。显而易见，页面最终渲染出来之前需要经过多次请求，且直到拿到数据页面才能最终渲染完成。此外，如果采用了vue/react等mvvm框架，由于使用了virtual dom的缘故，html是靠js生成的，于是在获取到所有js并加载完成之前，页面都无法展示，这也就造

2021-03-24 11:04:17 1162 1

原创关于Node环境下的事件循环

一、Node事件循环的几个阶段与浏览器环境下的事件循环不同，Node环境下的事件循环分为几个阶段：timers：这个阶段执行定时器（setTimeout和setInterval）的callback。pending I/O callbacks：这个阶段会执行一些系统操作的回调，比如TCP错误；注意：虽然名字带I/O，但是I/O事件的回调并不在这个阶段。idle、prepare：这两个阶段仅供Node内部使用。poll：也称轮询阶段，I/O事件将在这个阶段执行。node将会在此处阻塞。check：

2021-02-19 14:01:43 218

原创 NodeJS入门——模块

写在前面众所周知，node应用是由模块组成的；而nodejs的模块分为三大类——全局模块、系统模块和自定义模块。NodeJS遵循CommonJS模块规范，翻译成人话就是：模块必须用module.exports导出（暴露）想要被外界获取的内容（比如变量或函数，当然其他的比如class之类的也是可以的）；必须通过require() 来导入其他模块导出的内容。CommonJS模块有以下特点：所有代码都运行在自己的模块作用域中，不会污染全局作用域。模块加载的顺序取决于它们在代码中出现的顺序。模块

2020-11-25 00:13:51 130

原创【教程】在uni-app上使用vuex

安装uni-app中内置了vuex，因此我们不需要任何的安装操作，即可直接使用。路径我推荐在根目录上创建store.js，当然你要是想创建在其他目录下，比如放置在store文件夹的index.js目录也是可以的，在main.js中引用记得写好相应的路径就行。像这样store.js就像在普通的vue项目中使用vuex一样，在uni-app环境中使用vuex也需要以下几个步骤引入vue和vueximport Vue from "vue"import Vuex from "vuex"Vue.

2020-10-14 17:16:40 1670

原创手撕代码之手写Promise

<!DOCTYPE html><html><head> <title>手写Promise</title></head><body></body><script type="text/javascript"> class MyPromise{ constructor(executor){ this.status = "pending";//当前状态 this.res =

2020-08-05 00:02:13 235

原创 Promise.all()、Promise.race()和Promise.finally()

Promise.all()Promise.all接收一个可迭代对象（比如数组），并返回一个Promise对象。当可迭代对象中的所有Promise都fulfilled后，就能在.then()中调用它们的结果。如果有一个或多个Promise对象rejected，就会可以在.catch()中得到第一个rejected的结果。举个例子：var p1 = Promise.resolve(3);var p2 = 1337;var p3 = new Promise((resolve, reject) =>

2020-08-01 22:15:08 1430

原创浅显易懂有栗子的：JavaScript中常用的数组方法

写在前面本篇仅举出数组方法中较为常用的那部分，如有遗漏，欢迎在评论区中指出，我会及时补充~split()作用：将字符串对象分割，并把分割后的各个字符装入数组中。参数：第一个参数传入字符串或正则表达式，这个参数会作为分隔符来分割字符串。这个参数是必需的。第二个参数传入一个数字，这个参数指定了数组的最大长度。这个参数是不必需的。举个栗子：let str = "我吃炒米粉";let arr = str.split(" ",3);console.log(arr);//["

2020-06-21 17:29:18 135

原创前端面试复习之CSS：选择器

写在前面可能有人看了文章会说：“你写的这篇文章也太没有深度了，怎么可能会有面试问这么简单的内容啊blablabla……”在这我想说，是有些简单的内容面试官可能确实不会问，但是这些知识却是你在前端开发中经常用到的，在这里复习一下当然是有益无害的，并且内容再简单，也有可能会有某个面试官提到。假设有一万个人看到了这篇文章，有一百个人对这篇文章有印象，有一个人在面试中被问到了我所写的内容，那这篇文章就是有意义的。标签选择器标签选择器就是用标签名称作为选择器。举个栗子：<!DOCTYPE html&

2020-05-10 14:04:05 551

原创轻松上手ES6之Promise

Promise的基础知识Promise是什么？Promise是为了解决异步编程中事件模型和回调模式的不足而产生的一种解决方案，在语法上来说，Promise是一个对象（object）。下图中的promiseABC是我创建的一个promise。Promise的生命周期每个Promise都有它们相应的生命周期，Promise的生命周期刚开始处于进行中（pending），此时Promise的 ...

2020-05-05 01:37:09 304

原创 ES6里的类（Class）不会用？看完这篇你就会了！

写在前面本篇文章旨在让读者快速入门ES6中关于类的相关运用，关于在ES5中如何实现近类结构等问题不在此过多讲解。默认读者掌握关于面向对象的基本知识，并了解其他面向对象语言中的类的概念。类的声明基本语法要声明一个类，首先打出class关键字，然后是类的名字，后面的部分跟声明一个对象类似，但是并不需要用逗号隔开各个部分。举个栗子：class FoodClass{ //构造函...

2020-05-04 15:01:21 385

原创 AJAX入门？有这一篇就够了！

AJAX是什么英文全称 Asynchronous JavaScript & XML是一种web开发的技术，而不是新的编程语言异步发送&请求数据不需要重新刷新当前页面虽然名字里有XML，但现在传送数据大多用JSON格式AJAX工作流程这是我在网上找到的一张图，能比较简洁明了地说明AJAX的工作流程，首先是客户端用JS调用AJAX的对应方法，然后会通过XMLHttp...

2020-05-02 15:22:31 2917 2

原创深入理解ES6之let与const

为什么ES6不鼓励用var声明变量了在函数作用域或全局作用域中通过关键字var声明的变量，无论实际上是在哪里声明的，都会被当成是在当前作用域顶部声明的变量。举个栗子：function getValue(condition){ if(condition){ var value = "blue"; return value; } else{ return null; }...

2020-04-28 21:33:55 267

原创 Git的常用命令入门以及使用示例

**先用一张Git常用命令速查表来镇楼，实际上git的常用操作通过这张图就已经能覆盖日常所需了，下面就通过实示例代码的方式来展示这些命令具体该如何使用**git clone克隆/下载最常用的git操作之一，示例：git clone https://gitee.com/ChaoMiFen/fried_rice_noodles.git实例里用的是https的形式如果绑定了ssh公钥，...

2020-04-23 00:20:15 306

原创 Windows下git的配置

Windows下git的配置本人用的是win10，操作如下：此电脑→属性→高级系统设置→环境变量选中Path后点击编辑→新建再把你的git安装目录下的bin路径给复制进去就可以了验证git是否配置成功打开cmd，输入git --version（注意’git’后有一个空格，version前是两个’-’）如果能正确输出你安装的git版本号就代表配置成功了...

2020-04-19 20:18:53 219

weixin_39342847的博客