前端 字体chrome 103
解决videojs 在Chrome浏览器下报：A network error caused the media download to fail part-way.
记录一下videoJS在Chrome浏览器下有时候出现播放一半或者回退的一个恶心bug，错误提示如下:A network error caused the media download to fail part-way.经过一下午的折腾查找，终于在GitHub上看到他们官方的一个解决方案，这个方案目 ......
前端React框架和jsx语法的编码规范
基本规则(Basic Rules) 每个文件只包含一个 React 组件 然而，在一个文件里包含多个没有 state 或纯组件是允许的。eslint: react/no-multi-comp. 经常用 JSX 语法。 不要用 React.createElement， 除非你从一个非 JSX 文件中初 ......
谷歌Chrome浏览器内直接打开编辑保存Office Word、Excel、PPT 文档，可离线部署！
谷歌Chrome经过开发团队不断优化，凭借运行界面简单，打开速度最快及扩展插件众多，Chrome已经成为了世界上最受欢迎的浏览器。不过有一点非常可惜，由于微软Office不是开源程序，所以Chrome一直无法直接打开微软Office文档。 虽然后来有一些国内厂商通过调用微软免费开源的ActiveX控 ......
google chrome 浏览器 禁用 禁止 自动更新
因为使用python做爬虫时，会常用到Selenium+chormedriver来控制浏览器。 但chormedriver和本地Chorme版本有版本依赖关系，每次本地chrome一升级，就导致要下载配套版本的chormedriver。在chorme中还找不到停止更新的选项。 解决方案： 在C盘中把 ......
gulp笔记 2 （进阶一点点：使用bower来管理前端依赖）
其实gulp比例1中的内容已经基本满足开发要求了。此文为进阶的一点点知识 #1 安装bower （bower是个纯web前端依赖管理工具。） npm install -g bower #版本为1.8.14，必须安装在全局 bower init #会生成一个bower.json文件，选项寂寞默认就行， ......
Asp.Net Framework项目优化前端文件引用
###背景：公司一个老项目，前端引用都是直接引用文件，这样导致每次发布都存在用户浏览器缓存问题，常见做法是找到每个引用前端文件处加?version，但是太麻烦了 ####解决思路： 1.找到所有前端文件 2.jenkins每次编译更新版本号，把新的版本号拼接到前端文件引用处 ####实现： #### ......
Tomcat项目后端如何修改前端文件
有的时候啊，做定制化的项目，可以这么干，好用就行，别的管他呢。 String path = Thread.currentThread().getContextClassLoader().getResource("").getPath().replace("WEB-INF/classes/", "js ......
前端 签名
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
以前端视角，漫谈「云端」
当今世界，云计算技术在快速发展，不断为我们带来新的应用场景和解决方案。作为一名前端开发者，了解云技术并掌握如何在前端中应用它们是必不可少的。本篇文章将介绍云计算技术的基本概念，并从前端角度探讨如何使用云技术提高应用的可扩展性、安全性、性能和用户体验。 ......
chrome书签迁移
如果在 Chrome 中没有找到“导出书签”按钮，可以尝试以下方法： 更新 Chrome 浏览器到最新版本：有时候，旧版本的 Chrome 浏览器可能没有导出书签的选项。尝试更新到最新版本的 Chrome 浏览器，查看是否可以解决问题。 使用 Chrome 地址栏命令：在 Chrome 的地址栏输入 ......
AIR32F103(十二) 搭载 AIR32F103CBT6 的Bluepill核心板
合宙说要出Bluepill已经很久了, 之前的黑色板子虽然也不错但是对于习惯STM32的同学总是有些别扭, 有几个PIN没引出而且PB12和PB14之间有电阻, 会对SPI造成干扰. 换成喜闻乐见的 Bluepill 板型后就友好多了, 一些STM32的场景也能无缝替换. ......
2022/3/28 chrome自动驱动
from selenium import webdriver from selenium.webdriver.chrome.service import Service path=Service('chromedriver.exe') url='http://www.jd.com' brower=w ......
前端基础小复习
会前端基础在IT行业很有帮助，无论是做爬虫数据分析，解析数据，做数据清洗都有帮助，因为我准备做数据获取过程中发现浏览器的HTML看不懂，直接影响了我的工作进度，因此直接暂停，网页结构有三个部分组成的即HTML、CSS、JS。 HTML(超文本标记语言HyperText Markup Language ......
uni-app:微信小程序:预加载字体文件(hbuilderx 3.7.3)
一，官方文档地址: https://uniapp.dcloud.net.cn/api/ui/font.html 二，js代码： 1,app.vue <script> export default { onLaunch: function() { console.warn('当前组件仅支持 uni_m ......
史上最简 冰橙GPT前端开源 单页面 免编译 chatGPT3 对话页
下载地址 ：https://gitee.com/zyhd/bingChengGPT 预览效果 冰橙GPT前端开源 单页面 免编译 chatGPT3 对话页 对接冰橙GPT的API 免安装 本地可直接运行index.html即可 已经将所有需要JS及CSS都采用公有CDN 使用说明 项目只有单个文件： ......
前端加密
https://blog.csdn.net/weixin_45821809/article/details/125207196 npm install jsencrypt --dev import JSEncrypt from 'jsencrypt/bin/jsencrypt.min' // 密钥对 ......
微信小程序开发：前端中的"Redis"
wx.setStorageSync('key', 'value') wx.getStorageSync("key") 参考链接 https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html ......
系统化学习前端之JavaScript（ES5）
系统梳理了 ES5 扩展的相关知识点，包括严格模式，this 关键字，数据属性，访问器属性以及如何保护对象等等。 ......
什么是 Chrome 开发者工具 performance 面板 Experience 里的 Layout shift
Chrome 开发者工具 performance 面板 Experience 中的 Layout shift（布局位移）是指在页面加载过程中元素的位置发生了意外的变化，这种变化可能会导致用户的不良体验，例如元素突然移动导致用户误点击其他链接或按钮。 Layout shift 主要由于以下原因引起： ......
UI图字体 小于12号字体，利用 scale 缩放解决，影响width height，定位时错乱问题
利用 transform-origin: left top ,以左上角为基点缩放。 position: absolute; right: -1px; top: -8px; height: 28px; padding: 0 8px; background: #BBBBBB; border-radius ......
centos7安装google-chrome
1、下载包 wget https://dl.google.com/linux/direct/google-chrome-stable_current_x86_64.rpm 2、安装 rpm -ivh google-chrome-stable_current_x86_64.rpm 3、可能会报错，如下 ......
前端
前端课程介绍 第一篇：前端基础代码之HTML 第二篇：前端基础代码之CSS 第三篇：前端基础之JavaS 第四篇：前端之BOM与DOM 第五篇：前端之JQuery 第六篇：前端之Bootstrap框架 第七篇：Vue ......
前端设计模式——依赖注入模式
依赖注入模式（Dependency Injection Pattern）:允许我们通过将对象的依赖关系从代码中分离出来，从而使代码更加模块化和可重用。 在传统的编程模式中，一个对象可能会直接创建或者获取它需要的其他对象，这样会造成对象之间的紧耦合关系，难以维护和扩展。而使用依赖注入模式，则可以将对象 ......
chrome浏览器支持flash的版本
方式1：https://link.zhihu.com/?target=https%3A//www.slimjet.com/chrome/google-chrome-old-version.php 方式2： 查找你想要的版本号 例如：输入87 然后这里就会出现匹配版本号的完整版本号信息 拿到完整版本号 ......
前端图片大小随浏览器大小自适应
为了让前端图片能够随着浏览器大小的改变而自适应，可以使用CSS来设置图片的宽度和高度。具体而言，可以使用以下的CSS样式： img { max-width: 100%; height: auto; } 这个样式将图片的最大宽度设置为100%，这样图片将会根据其容器的宽度进行缩放。同时，将高度设置为自 ......
Iris框架配置前端静态文件目录
在较新版本的Iris框架中，iris.Application结构体已经不再具有StaticWeb方法。取而代之的是iris.Party结构体，您可以使用其HandleDir方法来处理静态文件。 以下是一个使用HTML文件的示例，使用iris.Party来处理静态文件： package main im ......
前端css 打印
打印元素的页面布局有几个原则 打印元素不能脱离文档流 打印元素内直接嵌套内容，避免出现三层嵌套 // 打印相关 @page { size: auto; margin: 10mm 0; } @media print { .printDom{ margin: 0; display: block; wid ......
http-server 本地运行前端项目
1.安装http-server 1 npm install -g http-server 2.启动： http-server ......
前端领域驱动设计的一些思考
小结：1 因为前端框架其实本质上是高策略层级的，每个前端框架的一般都是来解决以下问题： 定义状态 （data、state） 状态变化检测 （Object.defineProperty、Proxy、React reconcilliation） 对状态更改做出反应 （Observable、hooks、单 ......
后端返回文件流前端下载PDF
getDownloadApi(value).then(res=>{ let blob=new Blob([res],{type:'application/pdf;chartset=UTF-8'}) const url = window.URL.createObjectURL(blob); const ......