前端header footer main
前端黑魔法 —— 如何让自己的函数变成 native code
# 前言 熟悉 JS 的都知道，原生函数转成字符串，显示的是 native code： ```javascript alert + '' // "function alert() { [native code] }" ``` 如果用自己的函数对其重写，显示的则是自己的代码： ```javascrip ......
前端黑魔法 —— 隐藏网络请求的调用栈
# 前言 浏览器网络控制台会记录每个请求的调用栈（Initiator/启动器），可协助调试者定位到发起请求的代码位置。 ![](https://img2023.cnblogs.com/blog/273626/202308/273626-20230804174418311-2014689431.png ......
前端面试经典算法题
### 前言 现在面试流行考核算法，做过面试官，也被面试。问算法对面试官来说，是一种解脱，找出了一个看似很高明且能偷懒的办法选择人，避免了不知道问啥的尴尬；被面试者，也找到了一种新的面试八股文，刷就对了；算法题让面试与被面试找到了一种平衡。 在实际的开发中，很多被考核的算法确实没啥卵用，面试者要认真 ......
高级 / 资深前端面试题集锦
以下是一线互联网公司高级前端面试题总结，包括百度、腾讯、网易、字节、知乎、京东、滴滴，小米，感兴趣的欢迎留言交流。 1、请简述Js Bridge 2、请说一下SSR的单机QPS 3、请说一下eggJs的初始化原理 4、前端错误如何捕获，promise的错误是如何捕获的 5、vue的dom diff算 ......
前端面试经典手写题
## 1、手写Promise ``` class Promise2 { state = "pending"; callbacks = []; constructor(fn) { fn(this.resolve.bind(this), this.reject.bind(this)); } resolv ......
前端常用页面适配
1、媒体查询（media ) 通过在CSS文件中使用@media规则来定义媒体查询。 @media screen and (max-width: 768px) { /* 在宽度小于等于768px时应用的CSS样式 */ } @media screen and (min-width: 768px) a ......
前端多人协作之代码规范
# 代码规范 学习自并感谢 Geekers-Admin 和 Hooks-Admin 开源项目的作者 HalseySpicy ## 一、EditorConfig > EditorConfig 用于定义项目中的编辑器配置。可以确保团队成员在不同的编辑器中保持一致的代码风格和格式。 [🚀EditorCo ......
爬虫前端代码
爬取前5个视频的视频以及弹幕。 url = 'https://search.bilibili.com/video?keyword=%E7%81%AB%E5%BD%B1&from_source=webtop_search&spm_id_from=333.1073&search_source=5' ......
前端项目-记事本制作
## 效果预览： 夜间模式：  日间模式：  => {}, 1000)` 模拟接口调用； 2. 数据总条数 `total` 是符合搜索结果的数据总条数； 3. ......
前端往读取到的压缩文件里添加文件，针对了shapefile(shp)压缩文件里没有.cfg导致中文乱码的情况
前端使用shpjs库处理shp压缩文件(.zip)，在没有.cpg文件的情况下会出现中文乱码问题。.cpg文件中定义了字符编码的格式，通过shp.js源码，可以看出是parseDbf这个库的函数解析dnf文件需要获取字符编码格式(encoding)，最简单的方法是将整个shpjs模块复制到src下面 ......
快速掌握Vue3：速成Vue3前端开发看这篇就够啦
vue3引入了Composition API，使开发者能够更灵活组织和重用组件逻辑。采用了基于Proxy的响应式系统，对虚拟DOM进行了优化等，提升了开发体验、性能 ......
spring-mvc系列：详解@RequestMapping注解（value、method、params、header等）
[TOC] ### 一、@RequestMapping注解的功能 从注解名称上我们可以看到，@RequestMapping注解的作用就是将请求和处理请求的控制器方法关联起来，建立映射关系。 SpringMVC 接收到指定的请求，就会来找到在映射关系中对应的控制器方法来处理这个请求。 ### 二、@R ......
pyppeteer异常:ValueError: signal only works in main thread
当在子线程中调用pyppeteer工具的时候，会报错:ValueError: signal only works in main thread。 解决方案: 在创建浏览器对象时，加上以下三个字段: ......
配置 Forwarded Headers Middleware
来自微软的说明：[Configure ASP.NET Core to work with proxy servers and load balancers | Microsoft Learn](https://learn.microsoft.com/en-us/aspnet/core/host-an ......
前端性能优化的利器 ——— 浅谈JavaScript中的防抖和节流
防抖函数和节流函数是工作中两种常用的前端性能优化函数，今天我就来总结一下什么是防抖和节流，并详细说明一下如何在工作中应用防抖函数和节流函数 ......
h5(html5)+css3前端笔记二
###HTML标签 ####表格标签 表格的主要作用： 表格主要用于**显示、展示数据**，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 1.``用来定义表格的标签。 2.``用来定义行的标 ......
前端项目时因chunk-vendors过大导致首屏加载太慢，Vue Build时chunk-vendors的优化方案
1、compression-webpack-plugin插件打包.gz文件 安装插件 也可以指定版本 我这里下载的是1.1.2版本的，试过更高的版本会有ES6语法的报错，因为我node使用的是v12，如果node版本更高可以尝试更高版本 npm install --save-dev compress ......
jeecgboot前端 vue生产环境下console.log不显示的问题解决
我这里使用搞得jeecgboot低代码平台开发的系统，有时候会为了调试用console.log语句输出相应的日志。 但是我发布到生产环境后，发现有console.log的地方，竟然都没有输出日志信息，这给调试带来了极大的不便。 于是我苦苦思索，寻找了很多办法，经过九九八十一难，终于换了个思路，心想是 ......
前端如何实现将header、footer、main都处于一屏
html结构： <html> <body> <header></header> <main> <section></section> </main> <footer></footer> </body> </html> scss： body { display: flex; flex-directio ......
前端vue uni-app自定义精美海报生成组件
在当前技术飞速发展的时代，软件开发的复杂度也在不断提高。传统的开发方式往往将一个系统做成整块应用，一个小的改动或者一个小功能的增加都可能引起整体逻辑的修改，从而造成牵一发而动全身的情况。为了解决这个问题，组件化开发逐渐成为了一种趋势。通过组件化开发，我们可以实现单独开发、单独维护，并且组件之间可以随 ......
但因热爱，愿迎万难，OpenTiny 社区增加一枚前端程序媛贡献者
我们非常高兴地宣布，OpenTiny Vue Playground 正式上线！在此非常感谢 xiaoy 同学对 OpenTiny Vue Playground 项目的贡献！ ......
前端代码规范-2分钟教会你在nodejs中使用eslint定制团队代码规范
## ESlint 是什么？ [ESlint官网](https://eslint.nodejs.cn/docs/latest/use/core-concepts) #### 官网是这么写的： ESLint 是一个可配置的 JavaScript 检查器。 它可以帮助你发现并修复 JavaScript ......
vue中使用axios发送请求时在header中设置请求头发现请求发送两次
问题： vue axios跨域请求，在Request Headers加Authorization传递Token时，发现统一请求触发了两次，第一次是Request Method: OPTIONS请求。 原因： 跨域请求时，浏览器会首先使用OPTIONS方法发起一个预请求，判断接口是否能够正常通讯。如果 ......
请求头详解——Headers
请求头定义： 客户端，即浏览器通过输入url后确定等于做了一次向服务器的请求动作，在这个请求里面带有请求参数，请求参数的集合即为请求头。 请求头的参数（常用的）： Accept：浏览器可接收的文件类型 Accept-Charset：浏览器可以接收的编码类型 Accept-Encoding：浏览器可以 ......
CubeMX生成工程之不能进入main函数的解决方法
#问题 打开CubeMX生成的工程，在编译没有问题的情况下，烧录程序，板子没反应 #解决过程 Step 1. 关闭所有外设只使用GPIO DO输出 结果：没反应 Step 2. 进入联调，发现不能进入main函数（如下图） ![](https://img2023.cnblogs.com/blog/3 ......
vite+vue3+ts+elementPlus前端框架搭建 [二] pinia状态管理
前面已经完成了基本框架搭建，下一步针对各个模块的封装以及实验 本章主要是针对pinia的状态模块实现 1. 创建Store 在src文件夹下创建一个store的文件夹，并在该文件夹下创建index.ts文件，内容如下： import type { App } from 'vue'; import { ......