前端header footer main
前端性能优化方法与实战
目录:01 开篇词 开启刻意练习之路，进阶前端性能技术专家.mp402 01 体系总览:性能优化体系及关键指标设定.mp403 02 性能瓶颈点:从 URL 输入到页面加载整过程分析.mp404 03 案例分析:移动端 M 站性能优化落地注意事项.mp405 04 指标采集:首屏时间指标采集具体办法 ......
web前端 第六天总结
案例1：函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do ......
前端Vuer，请收好这份《Vue组件单元测试》宝典，给自己多一些安全感
大家好，我是 Kagol。
作为一名前端，在做业务开发的过程中，你是否曾经：
- 因为担心上线之后出bug，而反复手工验证自己负责的模块
- 不敢修改现有的“屎山”（别人写的或者是自己1年前写的）代码，从而不断地编写if/else
- 发现业务中有很多重复的代码，每次一改好多地方都要改，但又不敢... ......
web前端 第五天总结
案例1：js初体验 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title ......
前端封装时间选择器时的数据格式问题（JS闭包应用场景）
工作中遇到一个需求，需要同时支持一定长度时间段与自定义时间段。 时间选择框是一个下拉框，下拉框后面跟两个框分别显示起止时间，默认是禁用状态，下拉框有多个选项，比如一小时，三小时，六小时......最后一项是自定义时间段，选中后起止时间选择框将会解除禁用。 当选中一小时时，每次全新查询都要拿到当前时间 ......
前端操作方法
数组 方法参数操作返回值时间复杂度空间复杂度 push() 一个或多个元素 在数组末尾添加一个或多个元素，并返回新数组的长度 新数组的长度 O(1) O(1) pop() 无 移除并返回数组的最后一个元素 被移除的元素 O(1) O(1) unshift() 一个或多个元素 在数组开头添加一个或多个 ......
kafka-main.go
package main import ( "bufio" "kafka/consumer" "kafka/producer" "os" "strings" ) var inputReader *bufio.Reader func init() { inputReader = bufio.NewRe ......
前端 手动全屏
手动点击设置全屏/退出全屏 html <div style="height:100%" v-if="isReloadData"> <div @click="fullScreen()">{{ isFullScreen ? '退出全屏' : '全屏展示' }}</div> </div> js expor ......
前端坑
一、console.log 快照坑 console.log(res)、console.log(res.food) 其中在前端开发者工具中res的food值并不是后者打印出来的数据 原因：控制台打印对象，前端保存的是一个对象快照 解决：使用JSON.stringify(res) 二、 ......
前端echarts组件问题合集（渲染、传参、高度...）
1、echarts环形图设置主标题text和副标题subtext在环形图中居中显示 可以通过设置主标题和副标题的textAlign来设置，title textAlign methods: { initChart() { let self = this; // {height:'250px'} 设置t ......
CDN与前端技术
CDN（Content Delivery Network）是一种广泛应用于网络加速和内容分发的技术。它通过在全球各地部署服务器节点，将静态资源如图片、CSS和JavaScript文件等缓存到离用户最近的节点上，从而提供更快速和可靠的内容交付。在前理、前端与CDN的结合以及一些最/佳实践 ......
前端文件打开并且读取内容展示
1. 函数封装 const onloadend1 = (e: any, a: any) => { const { graph } = FlowGraph const reader = new FileReader(); const fileList = fileRef1.value.files // ......
前端保存文件并且自定义内容的方法实现
1. 封装一个下载文件的函数 const downloadTxt = (fileName: any, content: any) => { let a = document.createElement('a'); a.href = 'data:text/plain;charset=utf-8,' + ......
前端编程开发 --- Vue3 事件处理
监听DOM事件，执行js代码 格式： v-on:click="methodName" 或 @click="methodName" 示例： 写js代码 <div id="app"> <button @click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ c ......
前端Vue自定义精美商品订单星级评分组件 星级评分 爱心评分
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端共学会：学习|成长|工作|职业，综合服务社区
前端共学会，学习/成长/工作/职业，综合服务社区 第1章 什么是共学会？ 试看2 节 | 5分钟共学会整体介绍 第2章 社群资料6 节 | 3分钟社群中的一些精华贴、面试预约、社群资源等等。 第3章 简历优化、模拟面试：历史记录 试看2 节 | 64分钟简历优化、模拟面试 第4章 书籍讲解：日更9 ......
118.main函数的返回值有什么值得考究之处吗？
# 118.main函数的返回值有什么值得考究之处吗？ main函数的返回值用于说明程序的退出状态。如果返回0，则代表程序正常退出。返回其它数字的含义则由系统决定。通常，返回非零代表程序异常退出。 ## 1.void main() 有一些书上的，都使用了void main( ) ，其实这是错误的。C ......
高效模拟前端集成电路 Chapter 1 绪论
## 高效模拟前端集成电路 Chapter 1 绪论 计划近期阅读完朱樟明《高效模拟前端集成电路》一书增加自己模拟电路领域的理论知识。 模拟前端集成电路在部分电子系统中的位置： 1. 无线通信 2. 有线通信 3. 信息感知 4. 高速数据接口（Serdes，JESD204B，LVDS） 问题
原文地址:https://www.cnblogs.com/zhuitian/p/12436300.html 阅读目录 前言 血案现场 问题排查 问题根源 解决方法 回到顶部 前言 mysql8.x的jdbc升级了，增加了时区（serverTimezone）属性，并且不允许为空。 回到顶部 血案现场 ......
JS的原型与原型链-前端面试题合集
1.JS的原型与原型链 每一个对象实例都有自己对应的构造器， 对应的构造器都拥有一个prototype的属性， 值为一个plain object，这就是 构造器的原型，而且对象实例的proto属性也指向构造器的原型： a.__proto__ A.prototype 所以构造器原型上的属性方法是可以被 ......
盘点前端实现文件下载的几种方式
前端涉及到的文件下载还是很多应用场景的，那么前端文件下载有多少种方式呢？每种方式有什么优缺点呢？下面就来一一介绍。 1. 使用 a 标签下载 通过a标签的download属性来实现文件下载，这种方式是最简单的，也是我们比较常用的方式，先来看示例代码： <a href="http://www.baid ......
Nginx 常用的基础配置（web前端相关方面）
基础配置 user root;worker_processes 1;events { worker_connections 10240;}http { log_format '$remote_addr - $remote_user [$time_local] ' '"$request" $statu ......
GPT生产前端代码
我让GPT生成一段前端代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link href="https://cdn.quilljs.com/1.3.6/quill. ......
前端面试题-js（四）
1.垃圾回收 对于开发者来说，JavaScript 的内存管理是自动的、无形的。我们创建的原始值、对象、函数……这一切都会占用内存。 可达性（Reachability） JavaScript 中主要的内存管理概念是 可达性。 简而言之，“可达”值是那些以某种方式可访问或可用的值。它们一定是存储在内存 ......
前端Vue仿美团地址管理组件列表组件 可用于电商平台收获地址管理
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义精美steps步骤条进度条插件 物流信息跟踪展示组件 流程审批跟进组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端压缩图片
#### 场景： 钱包ocr识别照片获取对应的卡号 #### 问题： H5调起摄像机或相册时，图片过大，网关负载过小， #### 解决办法： 起初是后台人员加大网关的负载，或者测试的时候使用技术手段将图片压缩一下在上传，由此引发思考。前端是否可以拿到图片时进行等比的压缩并传到后台 html,h5调起 ......
脱发秘籍：前端Chrome调试技巧汇总
Chrome浏览器调试工具的核心功能： 🥷🏻注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签🔸 Ctrl+PgUp/PgDn标签页 ......
记录--盘点前端实现文件下载的几种方式
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端涉及到的文件下载还是很多应用场景的，那么前端文件下载有多少种方式呢？每种方式有什么优缺点呢？下面就来一一介绍。 1. 使用 a 标签下载 通过a标签的download属性来实现文件下载，这种方式是最简单的，也是我们比较常用的方式，先来 ......
前端Get请求传递时间参数报错
> Get请求时，传递的参数都属于字符串类型，若是这个时候后端是用Date类型接收，会出现数据类型不匹配的问题（@DateTimeFormat(pattern = "yyyy-MM-dd")注解可自动将前端传来的字符串转换成时间类型，不过前端传来的长度要大于pattern设置的格式~） ``` @D ......