首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端开发
1024小神
创建于2023-09-13
订阅专栏
前端哪些事
等 15 人订阅
共329篇文章
创建于2023-09-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue/react/vite前端项目打包的时候加上时间最简单版本,防止后端扯皮
如果你是vite项目,直接写一个vite的插件,通过这个插件可以动态注入环境变量,然后当打包的时候,自动注入这个时间到环境变量中,然后在项目中App.vue中或者Main.tsx中打印出来,这就知道是
vue/react前端项目打包的时候加上时间,防止后端扯皮
在前端项目(Vue/React)打包时,将打包时间注入到项目中,可以有效防止前后端扯皮,尤其是在部署和调试时能够明确知道当前运行的代码版本和打包时间。以下是实现方案 在index.html中加入时间模
网页注入js代码实现获取请求的url和请求体内容,并获取响应体内容
const xhr = new XMLHttpRequest(); xhr.open("GET", "https://example.com/api/data", true); xhr.send();
拦截网页中的 Fetch 和 XMLHttpRequest 请求方式方法
var originalFetch = window.fetch; window.fetch = function() { return originalFetch.apply(this, argum
chrome浏览器插件拓展捕获页面的响应体内容
因为chrome extension官方没有的直接获取响应体的方法,所以需要自己实现方法来获取,实现的方式有很多种,这是记录的第二种,第一种就是使用vconsole来实现,vconsole是一个开源框
chrome浏览器拓展插件捕获页面的响应体内容
chrome.webRequest chrome插件提供有chrome.webRequest这么个API,这是一个系列API,允许开发者对请求的多个阶段进行事件监听。可是先告诉你这个方式行不通。不要用
tauri项目加载静态html和js文件,并打包发布
使用 Tauri 开发项目时,你可以选择不使用 Vue 或 React 等前端框架,而是直接使用纯 HTML 和 JavaScript 来编写项目。以下是使用纯 HTML 和 JavaScript 开
Netlify部署vue/react项目,在页面刷新时呈现404解决办法
Netlify 是一个静态网站托管平台,它非常适合用于托管使用 React 和其他前端框架构建的单页应用程序(SPA)。React Router 是 React 的路由库,用于在 SPA 中管理不同页
Cloudflare发布github前端vue/react项目过程,免费国内可访问
cloudflare pages的免费版本功能如下: 并发构建数:1(如果有多个pages,同一时刻只能进行其中一个的构建)每月构建数:500(每个月只能帮你构建500次)自定义域名:100个,一个p
使用netlify部署github的vue/react项目或本地的dist,国内也可以正常访问
提供简洁的部署流程和丰富功能,如自定义域名、自动构建和服务器端功能。通过连接到 Git 仓库实现持续部署,每次推送代码都会自动构建和发布,支持无服务器函数,允许在前端项目中实现后端逻辑,提供直观的用户
vite项目打包build后提示说超过500k了,警告?不能忍
说可以通过配置build.rollupOptions.output.manualChunks来提升一下,好可以,我来配置一下,把那些可能大的包单独分配一下: 然后再看一下,是变小了,但是还是500警
Vue/React前端项目或者静态页面强制横屏显示的神秘代码,支持ios的safari浏览器
现在有个需求,就是需要网页不论是在横屏还是竖屏的时候,都按照横屏状态的页面显示,就像实现ios上的锁定横竖屏的按钮一样的效果。原本通过这个按钮就可以实现的功能,可是有些人就是不会用,好吧,满足你。 下
更改github action工作流的权限
每次运行工作流时,GitHub 都会自动发放 GitHub 令牌,无需进一步配置,这意味着不会有泄密风险。不过,该令牌默认只有读取权限,运行工作流时可能会出现 "Resource not access
tauri程序使用github action发布linux中arm架构
Arm Runner 编译 该工作流使用 pguyot/arm-runner-action 直接在仿真 Arm Runner 上进行编译。这弥补了 AppImage 工具中跨架构编译支持的缺失。 ar
python加载动态网站内容Playwright使用介绍
Playwright 是一个现代的浏览器自动化工具,支持无头模式,性能优于 Selenium。官方开源地址:https://github.com/microsoft/playwright。支持mac,
VanillaVueSvelteReactSolidAngularPreact前端框架/库的简要介绍及其优势
VanillaVueSvelteReactSolidAngularPreact前端框架/库的简要介绍及其优势。以下是这些前端框架/库的简要介绍及其优势: 1. Vanilla 定义:Vanilla 并
tauri2程序使用tauri-plugin-window-state插件导致的启动闪屏尺寸变化问题解决方法
这个插件很好,就是会有一些小小的bug或者说是缺点,比如如果在子窗口打开了一个全屏的页面,那么这个子窗口可能会记住这个全屏的效果,导致即便你通过config再次创建一个子窗口的时候,还是全屏,即便你配
react项目vite配置base地址后报错Sorry, the page you are looking for could not be found.以及nginx刷新404问题
终于找到原因了,是因为我的vite里面配置了一个proxy导致的,这个proxy原本是用来重定向api请求的,但是现在没有用了,也没有删掉,具体发生的影响原因: 在 Vite 项目中,如果你同时配置了
Codemirror编辑器中引入其他语言支持的方式
官方仓库地址:https://github.com/surmon-china/vue-codemirror 以vue-codemirror为例子,如果想在编辑器中使用json或者javascript等
tauri加载网页处理点击a链接默认浏览器打开问题
添加click事件,当点击了a标签,就阻止默认事件,然后自己处理,在自己窗口中打开这个页面。将这个js注入到页面中就可以了
下一页