分类 Web 下的文章
- 首页
- Web
油猴：有道云笔记网页复制功能
某云笔记分享页禁用了复制功能，拖动内容可以看到选中状态，但实际是假的选中，所以点右键的时候不会出现［复制］菜单，真是变态至极~解决方案研究结论经过 F12 分析网页元素及不段尝试，发现屏蔽复制功能主要用到以下两点：1、网页元素 body 和 div 的样式上添加了 user-select = none。2、通过 js 注册了鼠标选择、复制、右键等一系列事件用于屏蔽。验证过程1.F12 找到正...
JavaScript：移除元素所有已注册的事件
要移除一个元素（假设其ID为 xxx）的所有已注册的事件，你可以通过以下步骤使用 JavaScript 来实现：// 获取元素 var element = document.getElementById('xxx'); // 克隆元素 var newElement = element.cloneNode(true); // 替换原始元素 element.parentNode.replac...
油猴：使用 tampermonkey 将 ChatGPT 对话界面加宽
ChatGPT 对话网页有点窄，在看代码的时候有时候需要左右拖动不太方便，可通过油猴脚本修改 css 样式来增加宽度。// ==UserScript== // @name ChatGPT 加宽 // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take ...
uni-app：uView Rate 评分组件禁用后的颜色设置
u-rate 组件uView Rate 评分组件文档地址：https://www.uviewui.com/components/rate.html该组件一般用于满意度调查，星型评分的场景。需求说明该组件禁用后颜色为灰色，如果评分是 5 分时全部五星都是灰色实心显示，这样给用户一种不确定有没有评分的不友好体验。所以考虑修改下样式，在禁用状态下如果已经评分了此显示红色。解决方案1、为组件增加 c...
NPM 国内淘宝镜像设置
加速 npm 包下载的方法推荐用以下两种。1、设置 npm 下载源为国内淘宝镜像地址npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global2、安装并使用淘宝提供的 cnpm 来代替 npmnpm in...
Web 服务器反向代理转发携带原始 HOST 域名主机头的方法
需求描述在做反向代理将请求转发到后端有时需要将用户请求的原始主机名即域名一起转给后端，下面列出 Apache、Nginx、IIS 3 种常用的 web 服务器的设置方法。解决方案1、apache在 <VirtualHost/> 标签中的最后添加 ProxyPreserveHost on<VirtualHost *:80> RewriteEngine on ...
【文摘】前端开发模式的演进
前端开发模式的演进：1、基于模板渲染的动态页面2、基于 AJAX 的前后端分离3、基于 Node.js 的前端工程化4、基于 Node.js 的全栈开发基于模板渲染的动态页面在早起的互联网时代，我们的网页很简单，就是一些静态或动态的页面，主要目的是用来做信息的展示和传播。这个时候开发一个网页也很easy，主要就是通过 JSP、PHP 等技术写一些动态模板，然后通过 Web Server（ng...
IDEA 编译通过能运行但是出现红色下划线
解决方案能编译通过说明 SDK 导入正确，但是为啥我们点击每一个 Java 文件会出现好多红色的下划线 ，并提示 idea cant resolve symbol，原因就是可能没有清除原来的历史缓存，导致一些错误解决方法：File-Invalidate Caches 然后重启 IDEA。转自：https://blog.csdn.net/qq_21383435/article/details/...
Javascript 手动触发 window 的 resize 等事件
如果想在不实际改变浏览器窗口大小的情况下触发 window 的 resize 事件，可以用以下方法。<button id="btn-1">Button-1</button> <script> // 假如想通过点击 Button-1 触发 window 的 resize 事件 let btn_1 = document.ge...
Android WebView H5 input file 不支持 multiple 属性多选文件的解决方案
Andrid WebView 不支持文件多选之前使用 Vue 开发了一个 H5 移动端项目，其中有图片上传功能，可拍照上传也可选择文件上传，现在想增加批量多选文件上传，然后发现 Android 竟然不支持 input 的 multiple 属性。网上一翻搜索得出以下结论：如果只是开发 H5 页面，那么很遗憾无法解决。参考：https://segmentfault.com/q/10100000...
Vue 纯前端实现 Excel 表导入导出
使用 Vue 集成 Excel 操作框架 sheetjs，实现纯前端的 Excel 导入及导出。源码https://github.com/ifu25/vue-demo-excel效果
Vue element-ui 键盘回车事件表单自动提交造成页面刷新问题
基于 vue + element-ui 创建了一个页面，顶部需要一个搜索菜单，使用 el-form 包裹了一个 el-input 输入框用于输入关键字，开发过程中遇到下面的问题。问题描述为了用户体验考虑在 el-input 输入框中输入关键字后按键盘回车键将进行搜索，于是为 el-input 绑定了 @keyup.enter.native 事件，但测试时发现在输入关键字按回车后整个页面刷新了...
moment.js 日期和时间处理 JS 工具库
moment.js 是一个不依赖任何第三方库的日期时间处理JS类库，支持字符串、Date、时间戳以及数组等格式，可以像 PHP 的date() 函数一样，格式化日期时间，计算相对时间，获取特定时间后的日期时间等等。官方网站官方站：https://momentjs.com/中文站：http://momentjs.cn/简单示例格式化时间//当前时间： moment().format('YYYY...
JavaScript 获取 QueryString 参数
Vue 本身是不提供从 URL 中获取 QueryString 参数的方法的，因为这种操作可以直接通过原生 JavaScript 实现，只需要自己写个简单的方法即可。JS 获取 QueryString 参数：//获取QueryString的数组 function getQueryString(){ var result = location.search.match(new Reg...