前端 字体chrome 103
如何实现前端跨域，配置代理
// 在vue.config.js中配置代理 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
关于若依框架前端页面验证码加载不出来，404报错的问题
问题页面如下： 上网查询了一堆资料后，终于解决 原因是前后端的端口号不一致，改成一致即可 打开前端vue.config.js文件 把target: http://localhost:8080,改成http://localhost:8085，这里的端口根据实际更改即可 重新启动后页面恢复正常 ......
前端导出Excel【支持样式配置，多sheet，多级表头】
在我们的管理系统项目中，将表格数据导出为Excel文件是很常见的需求，一线业务人员经常会利用生成的excel文件做汇总和报告。根据功能的实现方式可以分为前端导出和后端导出，作为前端开发人员，后端导出对我们来说比较简单，本文主要讨论前端导出。 在正常的项目中，后端导出的情况会更多一下，因为前端导出受限 ......
推荐给前端开发的 5 款 Chrome 扩展
工欲善其事，必先利其器。Chrome 可能是前端开发中使用最多的浏览器。在日常开发中，下列几款 Chrome 扩展也许能让你的开发工作事半功倍 ? ......
【python】浏览器自动化Selenium安装WebDriver最新Chrome驱动
selenium 是浏览器自动化测试框架，原本被用于网页测试。但到了爬虫领域，它又成为了爬虫的好帮手。selenium 可以控制你的浏览器，模仿人浏览网页，从而获取数据，自动操作等。 首先打开 Chrome 浏览器，依次点击浏览器右上角的 三个点 - 帮助 - 关于 Google Chrome 查看 ......
前端体验优化（3）——后端
前端很多时候是不会接触到后端的工作，不过我们公司由于历史原因，维护了大量的 Node.js 服务。 所以也积累了一些后端优化的经验，主要分两块 Node.js 和数据库。 一、Node.js Node.js 的监控没有从 0 开始，业务逻辑的日志直接记录在阿里云中，性能监控部署的是阿里云提供的系统。 ......
关于查看ubuntu下安装的字体
import matplotlib.font_manager as fm # 获取系统上的所有可用字体font_list = fm.fontManager.ttflist # 打印字体列表for font in font_list: print(font.name) 这将打印出系统上安装的所有可用字 ......
[前端][Vue] 利用webstorage API存储数据
关于webstorage API 官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 省流说明 1️⃣两种 -- localStorage & sessionStorage 2️⃣存多久 -- local一直存到 ......
前端docx-templates生成word文档
说明 docx-templates项目地址:https://github.com/guigrpa/docx-templates 原文:https://juejin.cn/post/7170695319004315679?searchId=202312171247306E0B93A485DAE6B4E ......
打造一个极度舒适的Chrome扩展项目开发环境
Chrome 扩展项目使用前端 html，css，js 基础技术开发，一大痛点就是改动代码后的扩展更新问题。仔细想想想，目前前端项目开发已经有 HMR 热重载技术，在开发 Web 页面时可以实时查看效果，极大的提升了开发体验。那么，能否把这种极致的体验带到 Chrome 扩展开发中来呢？经过多番折腾... ......
助教工作11月总结（前端开发技术）
一、助教工作的具体职责和任务 作为前端课程的助教，主要职责是协助老师完成一些课外的教学任务，具体包括但不限于以下内容： 解答学生提出的问题：通过QQ群、邮件等方式与学生进行沟通，帮助他们解决在学习过程中遇到的问题和困惑。提供适当的指导和建议，引导学生找到解决问题的方法和思路。 推荐优秀资源：推荐一些 ......
自定义vscode 调试控制台字体颜色
"workbench.colorCustomizations": { "debugConsole.warningForeground": "#181818", "debugConsole.errorForeground": "#aa6464", "debugConsole.sourceForegro ......
Chrome扩展的核心：manifest 文件（下）
大家好，我是 dom 哥。这是我关于 Chrome 扩展开发的系列文章，感兴趣的可以 点个小星星。 在上篇和中篇中已经完成了对 manifest 文件中以下字段的解释： "manifest_version" "name" "version" "description" "icons" "conten ......
前端JavaScript中，对obj对象进行劫持的方式主要有以下几种：
前端JavaScript中，对obj对象进行劫持的方式主要有以下几种： 原型劫持：通过改变对象的原型（prototype）来实现劫持。当一个对象被创建时，它的原型会被存储起来，以便在需要时进行查找。通过将一个对象的原型改为另一个对象或null，可以控制该对象的属性和方法。 属性访问劫持：通过在属性访 ......
前端CryptoJS和后端Java中AES对称加密注意事项
1.前后端秘钥,算法,偏移量,模式,填充等要一致(废话但是重要,要注意检查) 2.算法 AES有AES-128 AES-192 AES-256,后面的数字即秘钥长度,据说后两个在Java中使用需获取无政策限制权限文件,所以一般用128位的,换算到字符串就是16字节,即16个英文字母或数字或符号. 3 ......
100%硬核解决前端复杂动画的秘密武器！
哈喽！大家好！我是程序视点的小二哥。 前端开发中，总会遇到这样一个困境：动画还原。对于前端开发工程师，有的是这样做的。 照着设计动画模仿，猜测动画时长，手创建贝塞尔曲线…… 调整细节耗时耗力，效果还差强人意... 好不容易实现了，还原度却达不到要求 在被UI设计折磨一顿后，小二哥找到了解决这个困境的 ......
vue 前端自动打开文件地址进行下载
最近在做异步导出的功能，导出的过程中前端另外启动一个查询导出进度的线程接口。如果导出完成后，把生成的文件上传到服务器，返回给前端一个文件的下载地址；前端自动打开这个地址进行跳转下载。 有两种方式 1.直接使用js自带的方式打开链接 这种方式有一个问题，会被浏览器自动拦截弹出的窗口：”已阻止弹出窗口“ ......
docker-项目部署-前端
3.2.部署前端 hmall-portal和hmall-admin是前端代码，需要基于nginx部署。在课前资料中已经给大家提供了nginx的部署目录： 其中： html是静态资源目录，我们需要把hmall-portal以及hmall-admin都复制进去 nginx.conf是nginx的配置文件 ......
centos安装字体
1、安装fontconfig yum -y install fontconfig 2、将windows系统下的字体复制到linux下，并修改字体后缀为ttf 3、在/usr/shared/fonts创建chinese目录 mkdir /usr/shared/fonts/chinese 4、将字体复制 ......
Chrome扩展开发实战：快速填充表单
填表单是打工人经常面对的场景，作为一个前端，我经常开发一些PC端的页面，它们主要由表单和表格构成，而输入框又是表单里最常见的表单项。接下来就试着做一个简单的小扩展，用于快速给表单里的输入框填充值。 ......
前端界面
规划页面结构：根据需求设计网站或应用程序的整体结构，确定页面之间的关联。 界面设计：使用设计工具（如Sketch、Photoshop等），设计页面的布局、颜色、字体等。 切图和素材准备：根据设计图将界面元素切割成图片，并准备好所需的图标、图片等素材。 编写HTML结构：使用HTML标记语言创建页面的 ......
Chrome扩展的核心：manifest 文件（中）
在 Chrome 扩展开发中，manifest 文件是项目的核心，其中 "content_scripts"，"background"，"permissions" 配置项又至关重要！ ......
个人总结的前端命名规范
一个好的命名规范， 应该是简单的，方便记忆的；如非必要，不要新增新的命名规则；相似的类型，命名规则应该是一样，比如文件夹和文件名；差异很大的类型则需要有所区分，比如变量和常量的命名，因为常量是不能被修改的，内部变量和外部变量亦如此，人们可以借此很明显的区分是否可以函数区块外面使用；（通常来说 ， 常 ......
【前端面试必读】在js中为什么0.1+0.2不等于0.3
原因在于在JS中采用的IEEE 754的双精度标准，计算机内部存储数据的编码的时候，0.1在计算机内部根本就不是精确的0.1，而是一个有舍入误差的0.1。当代码被编译或解释后，0.1已经被四舍五入成一个与之很接近的计算机内部数字，以至于计算还没开始，一个很小的舍入错误就已经产生了。这也就是 0.1 ......
chrome edge CORS 允许跨域
edge: edge://flags/#block-insecure-private-network-requests chrome: 在谷歌浏览器地址栏输入“chrome://flags/#allow-insecure-private-network-requests”，然后将“Allow ins ......
前端:数组中的map 和reduce方法
// 数组中的map 和reduce方法 // map() :接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组中返回 let arr = [1, 2, 3]; // 写法1 箭头函数 arr = arr.map((item) => { return item * 2 }); consol ......
电子公文系统前端设计
电子公文系统前端设计的学习总结 1.需求分析与理解： 在设计电子公文系统前端时，首先需要深入理解用户和系统的需求。这可能包括与客户、最终用户以及其他利益相关者的密切合作。通过详细的需求分析，可以确保前端设计满足实际需求，并提供用户友好的界面。 2.技术选型与学习： 在前端设计阶段，选择适当的技术栈非 ......
开发Chrome扩展程序，核心manifest 文件（上）
大家好，我是dom哥。我正在写关于 Chrome 扩展开发的系列文章，感兴趣的可以点个小星星。 Chrome 在全球浏览器市场份额独占 6 成，无论是对普通用户还是开发者，都是电脑里的必备利器。Chrome 无论是在性能还是 UI 交互方面都非常出色，而 Chrome 扩展则为开发者提供了接口，让开 ......
Chrome扩展的核心：manifest 文件（上）
Chrome 在全球浏览器市场份额独占 6 成，无论是对普通用户还是开发者，都是电脑里的必备利器。Chrome 无论是在性能还是 UI 交互方面都非常出色，而 Chrome 扩展则为开发者提供了接口，让开发者有能力自己编写代码使自己的 Chrome 更强大，更加定制化。 ......