鸭绒的博客

这意味着不能在类的实例化对象中直接访问该属性或方法，也不能通过类的实例化对象的引用访问。这意味着可以在类的实例化对象中直接访问该属性或方法，也可以通过子类的实例化对象的引用访问。受保护的属性和方法通常用于定义类的内部状态，只允许类的子类访问。在前端开发中，public、private和protected是一些关键字，用于定义类中的属性和方法的访问权限。这意味着可以在类的实例化对象中直接访问该属性或方法，也可以通过类的实例化对象的引用访问。public：public是默认的访问修饰符，表示属性或方法可以在。

虽然正向代理服务器和反向代理服务器所处的位置都是客户端和真实服务器之间，所做的事情也都是把客户端的请求转发给服务器，再把服务器的响应转发给客户端，但是二者之间还是有一定的差异的。提高访问速度：通常代理服务器都设置一个较大的硬盘缓冲区，会将部分请求的响应保存到缓冲区中，当其他用户再访问相同的信息时， 则直接由缓冲区中取出信息，传给用户，以提高访问速度。而在反向代理中，客户端不知道真正的服务器是谁，以为自己访问的就是真实的服务器。这种代理其实在生活中是比较常见的，比如访问外国网站技术，其用到的就是代理技术。

111

微前端架构具备以下几个核心价值：技术栈无关。主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署。微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级。在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重构的手段和策略独立运行时。每个微应用之间状态隔离，运行时状态不共享中心化路由。主应用统一注册子应用，统一管理各个子应用的路由一致的开发体验。 开发者在微前端下开发子应用，和平时开发其它 Web 应用没有太大区

第一步：安装 django-cors-headers pip install django-cors-headers 第二步：在seetings.py添加配置INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages',

项目结构，创建了app项目：把app项目中的migrations目录下的除了__init__.py文件其它都删掉。原有数据表：把带有app前缀的表格都删掉，注意：如果你的应用名是xxx，那么前缀则为xxx然后执行下面命令：app是自己的项目名称，注意要替换python manage.py makemigrationspython manage.py migrate --fake app zeropython manage.py migrate app然后刷新数据库表，则重新创建成

说明：利用ElementUI的Form表单组件实现登录、注册功能，当chooseItem == 0时是登录模块，否则是注册模块，同时也给表单项添加了校验规则。示例代码：<template><el-form v-if="chooseItem == 0" :model="loginForm" :rules="loginRules" ref="loginForm" siz

文章目录1. 路由介绍2. 路由的使用3. 路由的执行过程4. 编程式导航React路由学习目标：能够说出react路由的作用能够掌握react-router-dom的使用能够使用编程式导航跳转路由能够知道react路由的匹配模式1. 路由介绍现代的前端应用大多数是SPA（单页面应用），也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由应运而生。前端路由功能：让用户从一个视图(页面)导航到

1. setState()的说明setState()是异步更新数据的class App extends React.Component { state = { count:1 } handleClick = ()=>{ this.setState({ count:this.state.count + 1 }) console.log(this.state.count) // 1 } render(){ return ( <span>

一、为什么需要 WebSocket？初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？答案很简单，因为 HTTP 协议有一个缺陷：通信只能由客户端发起。举例来说，我们想了解今天的天气，只能是客户端向服务器发出请求，服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。这种单向请求的特点，注定了如果服务器有连续的状态变化，客户端要获知就非常麻烦。我们只能使用"轮询"：每隔一段时候，就发出一个询问，了解服务器有没

背景：在开发中，我们经常会在搜索框中使用防抖或节流进行优化，因此为了方便，今天我们自定义一个(v-throttle)指令。自定义指令语法：可参考官方文档1.在项目的utils目录下定义util.js模块(通常该模块放一些通用的工具方法)：export const throttle = (callback, delay) => { let timer = null return (e) => { if (!timer) { timer = setTimeout.

问题描述：用ElementUI开发后台，使用Table组件时，表头与内容不对齐解决方法：在App.vue组件中添加如下代码：<style>.el-table th.gutter { display: table-cell !important;}</style>示例：

问题描述：借助官网的示例，但展开项中是一个表格，当点击展开项时会发起一个网络请求去获取表格数据，表格的数据应该是一个数组类型：<template> <el-table :data="tableData" element-loading-text="Loading" style="width:90%;min-height:600px" border fit :st

1.rem单位rem与em的区别：rem是一个相对单位，相对于html的字体大小em是一个相对单位，相对于当前元素或父元素的字体大小rem相对于em的优势：rem的参考系是唯一的html标签，如果整个页面很多地方使用rem进行布局，只需要在不同屏幕下修改html的字体大小，那么整个页面都会同步变化。而em的参考系过多，不好统一处理。2. 媒体查询上面我们知道在不同屏幕大小情况下，可以通过控制html的字体大小来控制页面样式，那么我们如何根据不同屏幕的大小来控制html字体的大小呢？媒体查

文章目录1.构建 DOM 树2. 样式计算（Recalculate Style）3. 布局阶段3.1 创建布局树3.2 布局计算4.分层5.图层绘制6. 栅格化（raster）操作7. 合成和显示8.渲染流水线大总结9.相关概念9.1更新了元素的几何属性（重排）9.2 更新元素的绘制属性（重绘）9.3 直接合成阶段在上一篇文章中介绍了【从输入URL到页面展示，这中间发生了什么？】的流程，那导航被提交后又会怎么样呢？就进入了渲染阶段。通常，我们编写好 HTML、CSS、JavaScript 等文件，经过浏

文章目录1. 开篇小结2. 从输入URL到页面展示2.1 用户输入1. 开篇小结“在浏览器里，从输入 URL 到页面展示，这中间发生了什么？ ”这是一道经典的面试题，其中涉及到了网络、操作系统、Web 等一系列的知识。今天我们就一起来探索下这个流程，下图是我梳理出的“从输入 URL 到页面展示完整流程示意图”：从图中可以看出，整个过程需要各个进程之间的配合，所以在开始正式流程之前，我们还是先来快速回顾下浏览器进程、渲染进程和网络进程的主要职责。浏览器进程主要负责用户交互、子进程管理和文件储存等

文章目录1. 类2. 类的相关概念3. ES6中类的用法3.1属性和方法1. 类传统方法中，JavaScript 通过构造函数实现类的概念，通过原型链实现继承。而在 ES6 中，我们终于迎来了 class。其中class的本质：构造函数 + 原型链。2. 类的相关概念虽然 JavaScript 中有类的概念，但是可能大多数 JavaScript 程序员并不是非常熟悉类，这里对类相关的概念做一个简单的介绍。类（Class）：定义了一件事物的抽象特点，包含它的属性和方法对象（Object）：类的实

文章目录1.概念2.Vue2.x数据响应式核心原理3. Vue 3.x数据响应式原理4. 发布/订阅模式4.1 发布/订阅模式在Vue中的应用场景4.2 封装一个简易版的发布/订阅类5.观察者模式5.1 观察者模式在Vue中应用场景5.2 封装一个简易版的观察者类1.概念在学习核心原理前，我们先了解两个概念：数据响应式：数据模型仅仅是普通的JS对象，而我们修改数据时，视图会进行更新，避免了繁琐的DOM操作，提高开发效率。(内部操作DOM，我们只是修改数据)双向数据绑定：数据改变，视图也改变；视图改

1.路由类型Hash模式：丑，无法使用锚点定位。History模式：需要后端配合，IE9不兼容(可使用强制刷新处理IE9不兼容)即可以根据两种模式的特点来进行路由选择。比如：当你的页面需要很多锚点进行定位时< a href="#new_paper" />，点击改链接跳转到页面的新闻部分，那么Hash模式是无法实现的，因为它自身带了#。2.底层原理如果我们去看Vue-Router的底层代码可能会优点晦涩难懂，下面总结以下底层原理，有哪些方式可以触发路由的更新呢？下面这张图一目了然：

数组的去重和扁平化的方法有很多，但实现相同的功能，某些方法有人实现的就很复杂，下面我们来说几个简单的方法。1.数组去重1.1 ES5语法 function unique(arr){ var res = arr.filter((item,index,array)=>{ return array.indexOf(item) === index }) return res } console.log(un.