前端 字体chrome 103
免费字体
JetBrains: https://www.jetbrains.com/zh-cn/lp/mono/ FiraCode: https://github.com/tonsky/FiraCode ......
【转】前端脚手架搭建（一）node全局命令和调试方式
原地址：https://zhuanlan.zhihu.com/p/268312210 node全局命令 package.json 增加bin选项, 使用这个,在package.json提供一个映射到本地本地文件名的bin字段,一旦被引入后,npm将软链接这个文件到prefix/bin里面,以便于全局 ......
在基于vue-next-admin的Vue3+TypeScript前端项目中，为了使用方便全局挂载的对象接口
在基于vue-next-admin 的 Vue3+TypeScript 前端项目中，可以整合自己的 .NET 后端，前端操作一些功能的时候，为了使用方便全局挂载的对象接口，以便能够快速处理一些特殊的操作，如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......
谷歌Chrome107版停止支持PPAPI插件后，OA、ERP厂商何去何从？
2022年10月25日，谷歌发布Chrome107版浏览器，终止支持所有平台上的NaCL、PNaCL以及PPAPI接口，而一些依赖PPAPI插件接口的一些在线Office产品（如：江西某公司的iWebOffice2015智能文档中间件）也彻底不能在最新Chrome上应用，只能选择在360浏览器或者低 ......
前端面试题（new）未完待续
1，vue计算属性computed和watch的区别有哪些？ 区别：1、计算属性在调用时需要在模板中渲染，修改计算所依赖元数据；watch在调用时只需修改元数据。2、计算属性默认深度依赖，watch默认浅度观测。3、计算属性适合做筛选，不可异步；watch适合做执行异步或开销较大的操作 如果一个数据 ......
前端设计模式——模板方法模式
前端设计模式——模板方法模式 模板方法模式（Template Method Pattern）：定义一个行为的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个行为的结构即可重定义该行为的某些特定步骤。 这些步骤被称为“具体操作”（Concrete Operations），而整个行为的结构 ......
关于数据可视化智慧大屏数字孪生常用字体推荐
今天和大家分享一下数据可视化常用字体相关的知识。今天的文章主要分3个部分： 1、常用数据可视化字体推荐。 2、LED字体汇总。 3、常识普及：微软雅黑和苹方是否能商用。 废话不多说，我们直接进入正题： 常用数据可视化字体推荐 中文字体这里我主要推荐这3种，他们都是开源可以免费商用字体，尤其是优设标题 ......
记录--我在前端干工地(three.js)
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前段时间接触了Three.js后，试着用他加载了一些模型three.js初体验简陋的了解了一下three.js的相关使用，并且写下了第一篇文章。但是过后还是对很多一知半解，作为不会建模且目前没有接触到相关业务需求的开发，难道没有模型就什么 ......
前端面试题整理（都是我自己面试被问到过的）
面试了好多次，整理下面试题吧 HTML 语义化：增加代码可读性，有利于搜索引擎识别，爬虫获取更多信息；更好的展示代码结构 script标签中defer和async的区别： 相同点：async和defer都是异步加载js 不同点：async是立刻执行, defer在元素加载完之后执行 因此, js脚本 ......
图片显示（后端返回接口在预览中展示图片，响应无返回）后端返回二进制图片前端乱码解决方案
https://blog.csdn.net/weixin_46801282/article/details/123386264 解决方案一:后端把图片转码成base64再发送过来 router.get('/test', (req, res) => { fs.readFile('./test.png' ......
chrome谷歌浏览器崩溃无法使用（错误代码：Crashpad_FailedToCaptureProcess）
错误代码：Crashpad_FailedToCaptureProcess 解决方法： 1。点击chrome浏览器快捷图标，然后右击选择属性。 2。在目标位置后面先打一个空格，然后后面加上--test-type --no-sandbox， 点击应用并确定。 3。重新打开chrome浏览器，正常显示。 ......
Required request body is missing: 前端接口报错错误解决
前几天遇到一个报错：Required request body is missing； 经过检查是因为在传递参数时使用params来传递的。 而使用params来传递参数会被拼接到url上不管是get还是post请求，这时候请求体也就是body是不存在的。 所有后端在获取参数时会报request b ......
拆解前端巨石应用
拆解前端巨石应用 EluxJS-让你像切蛋糕一样拆解前端巨石应用 大家好，EluxJS是一套基于“微模块”和“模型驱动”的跨平台、跨框架『同构方案』，欢迎了解... 可怕的巨石怪 工作中最可怕的是什么？是遇到业务复杂且乱作一团的巨石应用。改一发而动全身，无法渐进式重构，也没人敢对历史包袱进行优化，欠 ......
Chrome公网访问本地服务跨域问题【解决方案】
第一步：在chrome浏览器地址栏输入：chrome://flags/#block-insecure-private-network-requests，打回车 ，打回车。 ......
一统天下 flutter - widget 文本类: 字体
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 文本类: 字体 示例如下: lib\widget\text\font.dart /* * 本例用于演示如何使用字体 * * 1、 ......
前端切图之svg图标的复用基于defs和use 亲测有用
切图网长期致力于web前端开发外包服务，而我们也关注到现在图标很多时候采用svg更多一点，然后图标字体文件已经提供了很多种类的图标，不过采用svg图标可以自行选择更符合、更好看的图标，相比于字体图标更加多样性，而且svg图标加载更快，而当svg的图标被多次使用的时候，我们需要一种类似于变量的定义，然 ......
chrome网页保存的用户名密码突然没了，如何找回
chrome浏览器网页保存的账号突然没了，如何找回？ 实现方法： 1、打开网址：chrome://flags/#password-import-export 2、将 Password import 设置为 Enable ......
chatGPT充当前端智能思路助手
替代：百度、谷歌人工搜索 1、我想让你充当前端开发专家。我将提供一些关于Js、Node等前端代码问题的具体信息，而你的工作就是想出为我解决问题的策略。这可能包括建议代码、代码逻辑思路策略。我的第一个请求是“我需要能够动态监听某个元素节点距离当前电脑设备屏幕的左上角的X和Y轴，通过拖拽移动位置浏览器窗 ......
vue打包后前端修改ip地址
1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
chrome driver 地址
https://registry.npmmirror.com/binary.html?path=chromedriver/ http://chromedriver.storage.googleapis.com/index.html ......
IT工具知识-15：在Chrome中通过Javascript获取B站合集视频选集名称及时长.
0.所需工具 chrome内核浏览器(我这里用的edge chromium) 1.操作步骤 打开b站视频链接(带选集的那种) 按下f12 点击控制台(Console) 在下面输入框输入以下代码 var box=document.getElementsByClassName('video-sectio ......
微前端解决方案
微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法提供支持。本文提供一种基于 iframe 的全新微前端方案，完善的解决了这些核心诉求。 将微前端 ......
前端转向PHP进阶之路
一、PHP简介 Hypertext Preprocessor，又称为超文本预处理器（HTML为超文本标签语言），就是我们所说的PHP。它是一种糅杂百家的后台语言，在PHP中，可以见到C、Java等语言的写法和它自创的一些写法，这也就是为什么说学过其他语言的人会比较容易接受PHP。 PHP开发时需要去 ......
前端数据绑定，列表部分数据不显示问题解决 (转)jQuery LigerUI 插件介绍及使用之ligerTree
https://www.cnblogs.com/wanshutao/p/3540664.html https://blog.51cto.com/u_11966318/5375004 突然出现一个列表有几条数据不显示的问题，大部分数据没有问题，只有几条有问题，推测原因应该是数据有问题。 常见数据问题是 ......
Web前端技术栈（待更新......）
一、HTML 1、什么是HTML 1.1、初识HTML HTML：==Hyper Text Markup Language(超文本标记语言)== 超文本包括：文字、图片、音频、视频、动画等 HTML5的优势 ①世界知名浏览器厂商对HTML5的支持 1、微软 2、Google 3、苹果 ......
记录--前端加载超大图片(100M以上)实现秒开解决方案
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 前端加载超大图片时，一般可以采取以下措施实现加速： 图片压缩：将图片进行压缩可以大幅减小图片的大小，从而缩短加载时间。压缩图片时需要注意保持图片质量，以免影响图片显示效果。 图片分割：将超大图片分割成多个小图块进行加载，可以避免一次 ......
盘点 Chrome 插件开发中那些关键的点！
1. 前言 大家好，最近在开发者模式下调试 Chrome 插件，发现安装扩展后默认会报错误，提示 v2 版本已经废弃，相关 API 功能将在明年不可使用，建议升级到 v3 版本。 本篇文章将基于 v3 版本，盘点 Chrome 插件开发中的一些关键点供大家进行参考。 2. 配置 v2 升级到 v3 ......
前端设计模式——状态模式
状态模式（State Pattern）：将对象的行为和状态分离，使得对象可以根据不同的状态来改变自己的行为。在前端开发中，可以使用状态模式来管理页面的状态和响应用户的交互。 在状态模式中，对象的行为取决于其内部状态，当状态发生变化时，对象的行为也会相应地发生改变。这种模式通过将状态抽象为独立的类来实 ......
STM32F103 高级定时器的PWM驱动电机注意事项
此前一直用通用定时器的PWM驱动电机，此次项目采用高级定时器，发现了一些使用上的需要注意的地方，归纳如下： 问题1：初始化输出结构体 OCInitStruct 成员注意加TIM_OCIdleState 今天用TB6612驱动电机， 用TIM1-CH4的PWM ，结果发现设置完毕后电机不转。 //OC ......
web-lottie 前端动画效果
资源 http://airbnb.io/lottie/#/web lottie 官网 动画的实现逻辑借用官网的一句话 Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects anim ......