前端 字体chrome 103
js异步——浅谈Chrome浏览器架构
前言 在讲述事件循环和消息队列之前，需要了解 JS 的单线程执行机制，JS 的执行是从上到下依次执行的，这些便是同步任务，而异步操作类似于系统中断，即当前进程外部的实体（主线程之外的、宿主环境提供的、特殊的线程，如IO线程（HTTP请求）和定时器线程等）可以触发代码执行，然后在异步任务完毕后，执行回 ......
Chrome扩展开发的简介与实战(1)
tags: 学习 前言 本课的目的 使大家学会最基础的Chrome扩展开发 理念 以实战为主，概念为辅 本来我是想按部就班，条条框框的一步一步从概念，特点，等等讲起。左思右想觉得这样未免太过枯燥，如果大家失去了兴趣，讲得再有条理也是枉然。所以还是结合实战，能做出东西才是王道。 上课形式 讲解部分: ......
前端开发-BootStrap
Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网 (bootcss.com) 创建引入 ......
解决前端启动报错：This is probably not a problem with npm. There is likely additional logging output above.
在执行 npm run dev 运行项目的时候报错: {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! phan ......
Vins-Mono 阅读笔记——前端
1、前端流程概述 VINS-Mono的前端整个封装成了一个ROS节点其订阅的topic是： 相机或者数据集发来的图片 其发布topic是： 由pub_img发布的"feature"，发布的是当前帧的特征点，特征点分装成了sensor_msgs::PointCloudPtr类型，里面包括了每个特征点的 ......
前端性能优化-gzip压缩
提纲： GZIP是什么 如何启用gzip 什么时候应该启用gzip 1、gzip压缩是什么 gzip是一种文件压缩格式，它可以将文件压缩为较小的大小，以便更快地在网络上传输或存储在磁盘上。gzip压缩算法适用于文本类型的数据，通常用于压缩Web服务器上的静态资源文件，例如HTML，CSS，JavaS ......
若依管理系统前端实践
若依管理系统是一套基于若依框架开发的后台管理系统，它是一个前后端分离的项目，前端使用vue, Element, 后端使用Spring Boot & Security。这篇随笔中将记录一下自己在使用过程中前端使用上的一些收获和问题。 目录 1. 路由控制 1.1 简述 1.2 token的检验 1.3 ......
前端笔试遇到的两个编程题
倒计时： 在倒计时不超过一天的代码 var hour = document.querySelector(".hour"); var minute = document.querySelector(".minute"); var second = document.querySelector(".se ......
Chrome浏览器不同版本兼容性的验证方法
Chrome浏览器不同版本兼容性的验证方法 背景 上周客户现场有出现使用国产信创设备上面的奇安信浏览器出现兼容性的问题. 开发认为是测试不全面导致. 认为测试应该必须测试过特定浏览器才可以进行说明. 最开始国产设备上面仅能够支持firefox52.3ESR的版本 当时在进行银河麒麟和UOS的兼容适配 ......
使用 MQTT 实现前端消息传递
MQTT 是一种轻量级的消息传递协议，广泛应用于物联网和分布式系统中。在前端应用中使用 MQTT 可以实现实时消息传递和数据同步。本文将介绍如何使用 MQTT 在前端应用中实现消息传递。 安装 MQTT.js 要使用 MQTT，在前端应用中，需要安装 MQTT.js。在终端中执行以下命令： npm ......
2023.04.07 - 前端常用解决跨域问题的方案
JSONP：JSONP（JSON with Padding）是一种前端跨域请求的方式，它利用了 HTML 中的 <script> 标签没有跨域限制的特点，通过动态创建 <script> 标签，构造一个特殊的 URL，让服务端返回一段指定的 JavaScript 代码，然后在本地执行这段代码以达到跨域 ......
k8s前端部署
//前端项目打包构建；支持多环境 pipeline { agent any environment { //GIT路径 GIT_PATH = "threegene/dev/zproduct/server/demo.git" //项目名称, 使用Job名称作为项目名称 PROJECT_NAME = " ......
前端里那些你不知道的事儿之 【window.onload】
相信很多前端开发者在做项目时同时也都做过页面性能优化，这不单是前端的必备职业技能，也是考验一个前端基础是否扎实的考点，而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关，页面白屏时间是否过长、首屏加载速度是否达标、动画是否能流畅运行，诸如此类关于性能更具体的指标和感受，很可能也是决定着年底你... ......
前端代码0bug经验分享
如何写好代码其实是一个很大的话题，本次仅分享一些自己的经验之谈，有其他idea的欢迎交流 在我看来，写好代码更多的是逻辑思维的体现，而这，紧靠一两次分享是无法提高的，我只能尽可能的将可能可以复制的经验进行分享 本次分享不会涉及太多你使用的框架的具体使用细节，技术选型总是千变万化的，我们需要的是抓住不 ......
雪花算法生成的Id过长，前端接收精度丢失
1.问题现象： 表的Id使用雪花算法生成，数据库使用bigint类型可以正常存储，后端使用Long类型也可以正常接收，postman进行请求测试，也可以看到后端正常返回的数据，但是前端接收后显示的id不正常。 2.问题原因： 前端使用number类型进行接收，number类型的范围小于后台Long类 ......
前端FileReader 文件预览
这玩意好像挺强，可以操作用户选择的文件，转为base64或者二进制，blob； 1、实际应用 我的行车记录仪记录事反着放的，所以查看视频都是反过来的，那么我就写了个html，选择对应视频反向播放； input框选择视频文件后，我们就能拿到当前视频文件，使用 let f = new FileReade ......
免费分享前端面试题，vue面试题，TypeScript基础知识点 PDF格式
免费分享前端资料，面试题，电子书 接前端开发，带徒弟，一对一教学，远程协助，bug修改 微信： ......
Chrome 发布首个 WebGPU 实现
Chrome 团队宣布，经过多年的开发，他们终于发布了 WebGPU 实现，目前已在 Chrome 113 Beta 中默认启用。WebGPU 可用于在 Web 上进行高性能 3D 图形和数据并行计算。 WebGPU 初始版本可以在 ChromeOS、macOS 和 Windows 上使用，对其他平 ......
vue前端纯小白向快速扫盲贴集合
看的一些博客，对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的，可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可，管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
前端加入摄像机人脸识别（mediapipe）
前端加入摄像机人脸识别（mediapipe） import { Camera} from "@mediapipe/camera_utils"; import {FaceMesh} from "@mediapipe/face_mesh"; // <script src="https://cdn.jsd ......
前端cookie,localStorage,sessionStorage区别
图片源自B站up技术蛋老师的视频, 自己大体总结一下关键词:cookie:早期技术,体积小,本地和服务器都存储; localStorage:有效期无限(直至被手动删除),跨窗口,微信小程序等用的缓存storage基于此;sessionStorage:只能同一窗口中有效,有效期到窗口关闭 ......
k8s前端js、css等资源文件CDN加速
序言：用户访问网站，网站的加载速度直接影响着用户体验问题；前端js、css等文件资源需要加速访问处理； 方案一：js、css、png等资源打包到文件服务器，文件服务器抛出连接，工程项目打包的时候publicpath使用文件服务器访问链接； 如图： 需要购买文件服务器，把资源文件推送到文件服务器上，由 ......
前端设计模式——MVVM模式
MVVM模式（Model-View-ViewModel）：它的目标是将用户界面（UI）的逻辑与业务逻辑分离。该模式的核心思想是将UI分为视图（View）和视图模型（ViewModel），并通过数据绑定实现二者之间的通信。 在MVVM模式中，视图（View）表示用户界面的呈现部分，视图模型（ViewM ......
将gpt3集成到你的浏览器！ chrome自动改bug插件《懒得改bug》
一、下载地址 SOS：不要再公司内网使用，代码泄露风险警告！ 二、当前版本功能&缺陷(1.2.2) 1、可以调用 三、食用方式 1、安装crx插件，无法使用请参考 google浏览器安装不了插件怎么办 谷歌浏览器安装插件不能用是怎么回事-电脑技术吧 (tpbz008.cn)； 2、挂梯子，最好是欧洲 ......
谷歌浏览器插件：FeHelper（WEB前端助手）
背景 在现在的互联网时代，前端开发已经成为一个非常重要的领域。为了提高开发效率和质量，许多前端开发人员都喜欢使用一些相关工具来辅助他们的工作。而谷歌浏览器插件：WEB前端助手（FeHelper）就是其中一个非常受欢迎的选择。 FeHelper 是什么？ FeHelper 是一个谷歌浏览器插件，它提供 ......
Chrome浏览器插件：CrxMouse（鼠标手势控制浏览器）
CrxMouse是一款谷歌浏览器插件，它可以通过手势来控制您的浏览器，在您的日常网络浏览中提高效率和速度。 插件介绍 CrxMouse是一个非常流行的谷歌浏览器插件，它允许您通过鼠标手势来控制您的浏览器。该插件集成了大量的手势功能，使您可以在不使用键盘或鼠标的情况下轻松地进行网页浏览。 如何使用 使 ......
Chrome浏览器插件 Undo Close Tab （恢复关掉的标签页）
背景 如果您经常使用Chrome浏览器，也许有时候会意外关闭一个标签页，从而丢失您正在查看的内容。这时您可能会感到非常烦恼，并希望能够迅速找回这个标签页。当然，您可以通过点击浏览器历史记录中的条目来找回被关闭的标签页，但这会消耗很多时间和精力。 为了解决这个问题，开发人员推出了谷歌插件“Undo C ......
平台采用某米1代扫地机。 stm32f103真实项目程序
平台采用某米1代扫地机。 stm32f103真实项目程序。 c原程序 keil工程。 目前只有32端代码能实现延边避障防跌落充电等功能。 适合需要学习项目与代码规范的工程师 硬件驱动包含 陀螺仪姿态传感器bmi160、电源管理bq24733等。 软件驱动包括 IIC、PWM、SPI、多路ADC与DM ......
Web前端开发必看的100道大厂面试题
1. 说说gulp和webpack的区别 开放式题目 Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让Gulp执行这些task，从而构建项目的整个前端开发流程。通俗一点来说， ......
云计算时代前端如何保证开源代码的安全性
云技术和我们的生活息息相关，日常生活中访问的网页，刷的短视频，用的云盘等都是云计算提供的服务。那在云计算时代，前端可以做什么呢？ ......