Vue - 组件化编程 为什么选择组件化编程传统前端编程的问题什么是组件化组件化和模块化的区别认识组件化编程非单文件组件单文件组件Vue脚手架什么是Vue脚手架初始化Vue脚手架分析Vue脚手架架构options.render的作用Vue.config.js的作用深入组件化编程ref属性options.props的作用mixin配置Vue插件scoped样式属性组件间通信策略组件自定义事件全局事件总线消息订阅与发布Vue.p
Promise - then参数回调函数返回值为Promise对象时产生的两次微任务说明 【JS】因两道Promise执行题让我产生自我怀疑,从零手写Promise加深原理理解 - 听风是风 - 博客园 (cnblogs.com)Promise.resolve().then(() => { console.log(0); return Promise.resolve(4);}).then((res) => { console.log(res)})Promise.resolve().then(() => { console.log(1
Promise - (六)关于then参数回调函数的缓存位置理解 题目来源于:【JS】因两道Promise执行题让我产生自我怀疑,从零手写Promise加深原理理解 - 听风是风 - 博客园 (cnblogs.com)const fn = (s) => { new Promise((resolve, reject)=>{ if(typeof s === 'number') { resolve() } else { reject() } }) .then(res => { conso
Vue - 核心 Vue介绍Vue是一种用于构建前端网页的框架。传统前端网页开发中,开发者需要频繁的通过DOM操作来完成网页的构建,这引发了如下几个问题:原生DOM操作是命令式的,即我们需要书写大量代码才能执行原生DOM操作,即使有了jQuery,DOM操作的代码得到简化,但是依旧是命令式;优异的命令式代码往往依赖于开发者使用它的熟练度,以及代码优化的思考深度,所以不同级别的开发者开发出来的命令式代码千差万别,这就产生了代码风格统一和代码性能调优的问题。 不精准的DOM操作会让浏览器进行冗余的网页构建,造成性能
前端网络基础 - Token Session认证机制存在的问题Session是基于Cookie工作的,所以当浏览器禁用cookie,或者发生跨站请求时,Session就无法工作了。 Session如果存储在服务器内存中,则会占用大量服务器内存,并且当项目是分布式部署到多个服务器时,session共享与同步成为一个问题。 Session如果存储的数据库中,则可以解决分布式部署多个服务器间session共享和同步问题,但是如果数据库挂了,则所有分布式服务器的session认证都会失败,所以数据库也要集群部署,这意味着一份se...
前端网络基础 - Session Cookie实现身份认证的简单方案基于Cookie实现在浏览器端保存服务器端生成的用户登录状态,并且浏览器端每次请求服务器都会携带用户登录状态cookie。那么 登录状态cookie 该如何设计呢?首先,cookie需要帮助服务器知道请求者是谁,所以cookie中应该包含登录用户的名字然后,cookie需要包含用户密码,这样才能证明我是我。即:服务器端在首次登录的响应中设置两个响应头Set-Cookie,分别为用户名和密码。Cookie的安全性cookie由于保存在浏...
前端网络基础 - 跨域xhr/fetch 浏览器的同源策略(same-origin policy)同源策略的影响目前所有的浏览器都实现了同源策略,该策略主要影响了不同源浏览器缓存间,不同源网页间,或不同源网页与服务器间三个行为:Cookie、LocalStorage 和 IndexDB 无法读取 DOM 无法获得 AJAX 请求不能发送举例:A网页无法获得B网页缓存在浏览器的Cookie、LocalStorage 和 IndexDB信息,A网页无法获得B网页的DOM对象A网页无法发送AJAX请求到B服务器同..
Linux - 部署node项目 安装Node1、下载linux版本node安装包https://npmmirror.com/mirrors/node/v16.14.0/node-v16.14.0-linux-x64.tar.xz2、利用filezilla将安装包上传至服务器,并解压,解压命令如下tar -xvfnode-v16.14.0-linux-x64.tar.xz3、将node的bin目录配置为系统环境变量找到家目录下的 /home/qfc/.bashrc 文件,并提权打开后修改sud.
前端网络基础 - fetch 目录XMLHttpRequest缺点fetch的优点fetch的请求和响应设计RequestResponsefetch函数的用法XMLHttpRequest缺点浏览器提供了原生的AJAX实现类XMLHttpRequest,基于该类实例,我们可以实现在网页上发送AJAX请求到服务端。但是XMLHttpRequest的设计并不完美,主要体现在以下几个方面:HTTP请求,响应都被耦合在XMLHttpRequest实例上,结构不够简单明了 采用事件回调的方式获取HTTP
前端网络基础 - axios源码分析 前端网络基础 - axios使用_qfc_128220的博客-CSDN博客在上一节中,我们分析了axios的基本使用,其中有很多让人一时无法参悟透奥妙的设计。我们来逐一通过源码解析下。目录axios为什么既可以作为函数发送AJAX,也可以作为对象调用get,post等方法发送AJAX?Axios类axios默认的axios函数和axios.create新建的axios函数的差别在哪?axios拦截器是如何实现的axios执行流程axios取消请求简略版axios实
前端网络基础 - axios使用 基于XMLHttpRequest实现AJAX的步骤非常繁琐,XMLHttpRequest发送一个HTTP请求至少需要经过如下几个步骤:1、创建XMLHttpRequest实例xhr2、调用xhr.open方法,设置HTTP请求方法,HTTP请求URL3、调用xhr.send方法,发送HTTP请求另外,XMLHttpRequest实例接收的HTTP响应通常是异步的,所以需要监听readystatechange事件,获取判断xhr.readyState状态值,当状态值为4时,才表示收到完整的异步
Linux 安装及配置CentOS7 服务器大多部署在Linux操作系统上,而Linux其实指的是内核,而基于Linux内核开发的应用软件才是能用于服务器部署的平台,常用的Linux应用软件有Ubunty,CentOS等,接下来我们介绍下如何在计算机上安装CentOS。CentOS可以直接安装在计算机上,也可以安装在虚拟机上,这里我们介绍下如何在计算机上安装。因为家里有一台闲置的笔记本,配置也比较低,运行win10已经很吃力了,所以将其系统重新安装为CentOS。1、下载CentOS镜像文件Index of /centos/7.
Node.js RESTful API设计规范 Node.js 结合express模块可以用于快速开发一个轻量的,易于扩展的Web服务器。但是由于 Node.js 处理JavaScript程序的线程只有一个v8主线程,所以不适合处理CPU密集型的任务。这导致了 Node.js 作为后端服务器的竞争力降低。但是 Node.js 从其命名就可以看出它的理想是作为网络中的一个“节点",而不是一个"端"。节点更注重的是数据的传递,端注重的是数据的处理。目前,市场对于Node.js的定位更多体现在:开发RESTful API服务器,开发SSR 服务端渲
MongoDB(二)mongoose MongoDB(一)_qfc_128220的博客-CSDN博客上一节介绍了MongoDB的基础用法,我们已经可以在Mongo Shell或者其他可视化数据库软件上通过手动调用命令或方法进行MongoDB数据库操作了。MongoDB数据库驱动但是,在真实系统中,后端服务器需要完成和数据库服务器的数据交互,即后端服务器需要通过后端程序语言来完成数据库的操作,而不是通过人工手动在Mongo Shell或者其他可视化数据库软件上完成。此时,必然涉及到将后端服务器语言转化为MongoDB数据库能识