前端
ajax跨域的解决办法_前端跨域解决方案
大家好，又见面了，我是你们的朋友全栈君。 什么是AJAX？ AJAX 是无需刷新页面就能够从服务器去的数据的一种方法，负责Ajax运作的核心对象是XMLHttpRequest(XHR)对象。同源策略是对XHR的一个主要约束，它为通信设置了“相同的域、相同的端口、相同的协议”这一限制。 试图访问上述限制之外的资源都会引发安全错误，除非采用被认可的跨域解决方案。这个方案叫做CORS（Cross
日期 2023-06-12 10:48:40
作为一个菜鸟前端开发，面了20+公司之后整理的面试题
应该在 React 组件的何处发起 Ajax 请求在 React 组件中，应该在 componentDidMount 中发起网络请求。这个方法会在组件第一次“挂载”(被添加到 DOM)时执行，在组件的生命周期中仅会执行一次。更重要的是，你不能保证在组件挂载之前 Ajax 请求已经完成，如果是这样，也就意味着你将尝试在一个未挂载的组件上调用 setState，这将不起作用。在 componentDi
日期 2023-06-12 10:48:40大厂前端面试考什么?
插入排序--时间复杂度 n^2题目描述:实现一个插入排序实现代码如下:function insertSort(arr) { for (let i = 1; i < arr.length; i++) { let j = i; let target = arr[j]; while (j > 0 && arr[j - 1] > target)
日期 2023-06-12 10:48:40
小前端读源码 - React16.7.0(五)
接着一篇说道整个App以及内部子组件都已经渲染成了Fiber树，那么接下来就会看看如何将Fiber树渲染为真实的DOM节点。completeUnitOfWorkfunction completeUnitOfWork(workInProgress) { // Attempt to complete the current unit of work, then move to the // n
日期 2023-06-12 10:48:40小前端读源码 - React16.7.0(合成事件)
。在上一篇文章中，我们说到了setState的过程。但是在阅读的过程中，发现setState的很多东西是依赖着合成事件去对我们的事件做一个分发处理和批量更新的。所以这篇文章就是以搞懂合成事件为目的对源码进行阅读的。Lam：小前端读源码 - React16.7.0(深入了解setState)官方对合成事件的一些说明：SyntheticEvent – Reacthttps://reactjs.org/
日期 2023-06-12 10:48:40小前端进腾讯啦！
如果大家有看到我上一篇文章，就知道从2020年的年头到年中，我一直在面试者阿里的各种岗位，但是结果都是很无奈，下面的链接，有兴趣的可以看看。https://zhuanlan.zhihu.com/p/223459952从我开始做前端的时候，我就发誓我必须要进BAT，作为一个只是普通大专毕业的我，也没有大厂的工作背景，其实对于30岁甚至35岁之后的发展，个人感觉是很受限制的，所以进入BAT是我一开始的
日期 2023-06-12 10:48:40
Python-drf前戏38.3-前端Vue03
-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)G
日期 2023-06-12 10:48:40Python-drf前戏38.1-前端Vue01
-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)G
日期 2023-06-12 10:48:4012·灵魂前端工程师养成-CSS定位
CSS定位介绍层叠上下文 z-index-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstac
日期 2023-06-12 10:48:4026·灵魂前端工程师养成-排序算法
算法入门 排序算法升级-选择排序的循环 排序算法升级-快速排序 排序算法升级-归并排序 排序算法升级-计数排序 -曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有
日期 2023-06-12 10:48:4024·灵魂前端工程师养成-JS实践(会动的代码：画太极)
让代码动起来开始画太极优化太极使用parcel部署代码-曾老湿, 江湖人称曾老大 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Sa
日期 2023-06-12 10:48:4038·灵魂前端工程师养成-[项目]让皮卡丘动起来
项目初始化 添加滚动字幕 添加CSS内容和样式 优化代码 增加暂停、快速、慢速等按钮 代码重构 完整代码 -曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云
日期 2023-06-12 10:48:40前端开发经验总结_前端开发实训总结报告
一、前端开发经验总结开发前与产品经理/UI对接需要注意：配色，字体，弹框/消息提示，响应式操作，设备屏幕比例，间距，是否多个主题，icon或者svg图标给出方式，图片大小，表格表单等等组件，页面注释便于理解和记录。最好有设计规范先出来再开始设计。开发前与后端对接需要注意：是否具有需求文档，返回的状态处理，容错处理，接口提交类型（get、post等）能否统一设置，参数类型设置，能否合理安排工期，能否
日期 2023-06-12 10:48:40web前端网页设计制作_网页制作教程
简易旅游网，静态网页制作页面效果代码如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE
日期 2023-06-12 10:48:40html5 空格_打前端代码用一堆空格符
大家好，又见面了，我是你们的朋友全栈君。 html5中的空格符 1，Html中空格  不断行的空白（1个字符宽度）  半个空白（1个字符宽度）  一个空白（2个字符宽度）  窄空白（小于1个字符宽度） 2，Css 的方式空格 CSS中当 w
日期 2023-06-12 10:48:402020年前端面试题及答案_结构化面试题库及答案
大家好，又见面了，我是你们的朋友全栈君。 1、javascript基本数据类型？ string、number、null、underfined、boolean object是所有对象的父对象。2、浅谈javascript中变量和函数声明的提升？ 变量和函数声明的提升会被提升到最顶部去执行； 函数的提升高于变量的提升； 如果在函数内部用var声明了与外部相同的变量，则不向下寻找；
日期 2023-06-12 10:48:40
微前端02 : 乾坤的微应用加载流程分析(从微应用的注册到loadApp方法内部实现)
我们在微前端01 : 乾坤的Js隔离机制原理剖析（快照沙箱、两种代理沙箱）一文中提到过，乾坤建立在single-spa的基础上，相对于single-spa，乾坤主要完成了两件事，微应用的加载和资源隔离。本文主要探讨乾坤中微应用的加载过程。乾坤的微应用加载流程主要触发场景包括下面四个：通过registerMicroApps注册微应用通过loadMicroApp手动加载微应用调用start时触发了预加
日期 2023-06-12 10:48:40
96道前端面试题+前端常用算法「建议收藏」
大家好，又见面了，我是你们的朋友全栈君。 这篇文章主要分享一些收集整理的面试题，希望能对大家有所帮助。 字节一面：1，说一下浏览器缓存 2，cookie 与 session 的区别 3，浏览器如何做到 session 的功能的。 4，解释一下：csrf 和 xss 5，怎么防止 csrf 和 xss 6，跨域的处理方案有哪些 7，CORS 是如何做的？ 8，对于 CORS
日期 2023-06-12 10:48:40开箱即用的前端图片压缩方案
大厂技术 坚持周更 精选好文前端实现图片压缩的背景我们都知道在“寸土寸金”的互联网时代, 速度是第一竞争力, 虽然我们的5G发展已经摇摇领先, 但是也经不住用户在一个网页里传很多“巨无霸”图片, 最终导致的结果就是页面“龟速”打开......那么作为技术人, 当然也有一堆的解决方案, 比如:压缩图片再上传将图片上传到图床, 利用图床压缩能力和CDN节点就近分发图片流式加载图片懒加载/ 预加载当
日期 2023-06-12 10:48:40前端性能优化原理与实践
webpack打包在资源请求的过程中，涉及到网络请求的，包括：HTTP、TCP、DNS。其中TCP、DNS前端能做的工作非常有限，因此「优化HTTP」就成为了首要任务。HTTP的优化可以从三个点出发：减少请求次数；减少每次请求的资源大小；减少请求所花费的时间；从前端的角度看，其实就是资源的压缩和合并，还有资源的缓存。这些事情webpack十分适合。webpack性能瓶颈webpack打包有两个瓶颈
日期 2023-06-12 10:48:40前端的设计模式系列-代理模式
代码也写了几年了，设计模式处于看了忘，忘了看的状态，最近对设计模式有了点感觉，索性就再学习总结下吧。大部分讲设计模式的文章都是使用的 Java、C++ 这样的以类为基础的静态类型语言，作为前端开发者，js 这门基于原型的动态语言，函数成为了一等公民，在实现一些设计模式上稍显不同，甚至简单到不像使用了设计模式，有时候也会产生些困惑。下面按照「场景」-「设计模式定义」- 「代码实现」-「总」的顺序来总
日期 2023-06-12 10:48:40前端的设计模式系列-责任链模式
代码也写了几年了，设计模式处于看了忘，忘了看的状态，最近对设计模式有了点感觉，索性就再学习总结下吧。大部分讲设计模式的文章都是使用的 Java、C++ 这样的以类为基础的静态类型语言，作为前端开发者，js 这门基于原型的动态语言，函数成为了一等公民，在实现一些设计模式上稍显不同，甚至简单到不像使用了设计模式，有时候也会产生些困惑。下面按照「场景」-「设计模式定义」- 「代码实现」- 「易混设计模式
日期 2023-06-12 10:48:40前端的设计模式系列-外观(门面)模式
代码也写了几年了，设计模式处于看了忘，忘了看的状态，最近对设计模式有了点感觉，索性就再学习总结下吧。大部分讲设计模式的文章都是使用的 Java、C++ 这样的以类为基础的静态类型语言，作为前端开发者，js 这门基于原型的动态语言，函数成为了一等公民，在实现一些设计模式上稍显不同，甚至简单到不像使用了设计模式，有时候也会产生些困惑。下面按照「场景」-「设计模式定义」- 「代码实现」- 「更多场景」-
日期 2023-06-12 10:48:40答前端早读课专访的提问
答前端早读课专访的提问 由 Ghostzhang 发表于 2015-12-29 22:12 首先感谢情封的礼物。看了之前专访里同学们的评论，有些问题在文中已经有提到了，有些是我博客里已经写过的，有兴趣的同学可以到CSS森林（https://www.cssforest.org）看看。这里回答下最多人点赞的两个问题：Q: Baokun Wang 很好的访谈，我有个问题要请教@Ghostzhang: 在
日期 2023-06-12 10:48:40这些前端新技术你很难再忽视了 —— JSON Schema
什么是 JSON Schema？ 答：一言以蔽之：JSON Schema 之于 JSON ，就像 TypeScript 之于 JavaScript我们知道，JSON 作为主要的前后端交互格式，已经称霸多年了，json 的本质就是对象，它足够轻量、简单、易读，但是它也存在它的问题。即：没有格式校验比方说：一段 JSON 代码如下{ number:10, street_name:
日期 2023-06-12 10:48:40tauri学习(3)-前端调用Rust代码
接上节继续，今天研究tauri中，前端如何调用Rust代码。一、无返回值&无传参main.rs中加1个hello方法：然后在main方法中，参考下图暴露hello1:Rust代码准备好之后，前端（假设是react框架）就能调用了：import { invoke } from "@tauri-apps/api/tauri"复制先引入invoke方法，然后在需要的地方：运行
日期 2023-06-12 10:48:40基于qiankun微前端实战 + 部署笔记
基于qiankun微前端实战 + 部署笔记因业务需要，以下文字纯个人qiankun实战学习笔记，不谈原理只记操作过程，内容难免有纰漏部分，敬请不吝赐教批评指正。1目标场景2预备知识点已对 qiankun 微前端有了初步认识熟悉 react、vue了解 github、docker、jenkins、nginx3技术栈基座使用 create-react-app初始化项目安装 "qiankun&
日期 2023-06-12 10:48:40极致的微前端框架，成本低、速度快、原生隔离、功能强
◆ 一、开源项目简介无界微前端是一款基于 Web Components + iframe 微前端框架，具备成本低、速度快、原生隔离、功能强等一系列优点。◆ 二、开源协议使用MIT开源协议◆ 三、界面展示◆ 四、功能概述背景微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核
日期 2023-06-12 10:48:40前端基础知识1
大家好，又见面了，我是你们的朋友全栈君。 'use strict' var name = 'Jay' var person ={ name : 'Wang', pro:{ name:'Michael', getName:function(){
日期 2023-06-12 10:48:40JDBC查询MySQL日期没有时分秒，只有年月日问题以及前端时间处理库。
首先看图：我们发现，JDBC查询出来是只有年月日的。此时，应该是有两种方法解决的，一种是格式化时间，以YYYY-MM-DD hh:mm:ss格式。还有就是我使用的这种(如果要求非常精确的时间，还是找找工具类或者依赖包吧)。getTimestamp方法的时间格式默认就是时分秒毫秒的格式，但是它有些许缺陷，就是他的时间未来日期很短，好像只能最大时间限制到未来十几年左右。然后就是，不同时区的时间也是不同
日期 2023-06-12 10:48:40前端高频面试题（附答案）
说一下HTTP 3.0HTTP/3基于UDP协议实现了类似于TCP的多路复用数据流、传输可靠性等功能，这套功能被称为QUIC协议。 流量控制、传输可靠性功能：QUIC在UDP的基础上增加了一层来保证数据传输可靠性，它提供了数据包重传、拥塞控制、以及其他一些TCP中的特性。集成TLS加密功能：目前QUIC使用TLS1.3，减少了握手所花费的RTT数。多路复用：同一物理连接上可以有多个独立的逻辑数据流
日期 2023-06-12 10:48:40