×

ajax

chrome的mock插件-Ajax Proxy(无需安装抓包工具即可mock测试数据)

asdas asdas 发表于2024-05-01 浏览7100 评论0
背景:         web应用测试时候,很多时候需要mock一些测试数据,用于验证一些异常场景/或者边界值的前端处理情况。         常规会使用代理工具Charles/fiddler等抓包工具或者自定义抓包脚本处理,都不灵活。(更有存在一些公司安全规定,不可取消的VPN的电脑配置,使得抓包变得麻烦。)         最终探索发现,Chrome可扩展的mock神器-(Ajax Proxy)。不需要其他第三方脚本或app即可实现测试数据mock。 预期效果:        

css3

七夕来临,程序员该如何花式表白?html+css实现简单七夕表白

小思展业?(请看朋友圈)主号 小思展业?(请看朋友圈)主号 发表于2024-05-01 浏览4598 评论0
七夕来袭!是时候展现专属于程序员的浪漫了!你打算怎么给心爱的人表达爱意?鲜花礼物?代码表白?还是创意DIY?本文通过简单的 html实例,实现简单的告白,希望对大家有帮助! 1 效果展示 2 源码及环境 使用Hbuilder X进行编码。 new_file.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>七夕练习<

前端

分享 6 个 Vue3 开发必备的 VSCode 插件(vscode中vue开发的插件)

yongtao68 yongtao68 发表于2024-05-01 浏览7134 评论0
今天分享 6 个 Vue3 开发必备的 VSCode 插件,可以直接用过 VSCode 的插件中心直接安装使用。 如果有觉得有帮助,还请点赞👍支持一下~ 1. Volar 🔥 下载数 153 万+ 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生,作为 Vue2 配套的 VSCode 插件,它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。 而随着 Vue3 正式版发布,Vue 团队官方推荐 Volar 插件来代替 Vetur 插件,不

html5

HTML/CSS实现毛玻璃特效的两种方法

wangshenghua wangshenghua 发表于2024-05-01 浏览9129 评论0
我想要设置类似于苹果和windows10的毛玻璃效果,比如这样: 其实就是一圈高斯模糊,我认为底层可以实现的方式有两种:高斯模糊和领域池化。 以下实现视觉上的毛玻璃效果有两种,后者为伪毛玻璃,而且在视觉效果上比较适合用在纯色或者渐变纯色的背景上。 方法一:使用blur 在网页设计中将对应的组件的backdrop-filter属性设置为blur即可,blur的参数为高斯模糊的半径,一般设置为50px即可。给个小demo: <!DOCTYPE html> <html

node.js

node版本的更换(如何切换node版本)

蓝色妖姬 蓝色妖姬 发表于2024-05-01 浏览8759 评论0
node版本的更换 当下载npm时,如果报错信息是如下内容,那么就是npm版本,不满足项目中相关依赖的版本: npm ERR ERESOLVE unable to resolve dependency tree 解决办法-降低node版本 一、安装npm插件n,通过n模块来管理node版本 1、全局安装n模块 npm i -g n 2、安装当前稳定版本 n stable 3、安装最新版本 n latest 4、安装指定版本 n v@8.16.0 5、卸载制定的node版本 n rm

node.js

前端技术:解决执行npm install提示 xxx packages are looking for funding run `npm fund` for details的问题 详述npm fund

●°彩儿﹏ ●°彩儿﹏ 发表于2024-05-01 浏览5852 评论0
😐 我的博客,不仅帮你解决此类问题,还会告诉如何去分析定位问题。 复现问题 今天执行如下命令时: npm install 报出如下问题: 231 packages are looking for funding run `npm fund` for details 分析问题 npm fund的命令 翻译上述这句话231 packages are looking for funding run `npm fund` for details为231个软件包正

json

前端Img使用图片跨域问题是怎么引起的?该如何解决呢?(前端img使用图片跨域问题是怎么引起的?该如何解决呢)

尉蓝屋檐 尉蓝屋檐 发表于2024-05-01 浏览9732 评论0
在项目种遇到一个问题,图片在dom节点这种使用了<img>标签来加载可以正常显示,但是运用到style中没有经过标签的加载就会出现跨域的问题 怎么会引起这个问题呢? 1.通过<img> 加载的图片,浏览器默认情况下会将其缓存起来。 2.当我们从 JS 的代码中创建的 <img> 再去访问同一个图片时,浏览器就不会再发起新的请求,而是直接访问缓存的图片。但是由于 JS 中的 <img> 设置了 crossorigin,也就意味着它将要以 CO

vue.js

如何将html模板资源转为vuecli项目(vue项目转html项目)

情侣 情侣 发表于2024-05-01 浏览15495 评论0
1.目标 将找到的html素材模板,转换为vue的文件。 这个网上照了一圈,没找到合适的方案,就自己尝试弄了一下 目标效果 2.具体步骤 1. 通过vueclie 创建项目 vue create 项目名称 然后把默认的样式删除了 2. 将静态资源放到vue项目的 public 文件夹中 3.将html部分 ,copy至template里面 一般是将body 的内容 放置template即可 这里只是copy paste ,就不写了 4.修改c

html5

文本超出部分显示省略号(文本超出显示省略号,点击展开)

面粉厂管理系统开发 面粉厂管理系统开发 发表于2024-05-01 浏览12990 评论0
我们经常在网站上可以看到以下样式,标题太长,一行显示不下,则会使用省略号来代替。但是事实上,这个省略号并不是打字打上去的,而是使用代码表示出来的。 今天则主要介绍如何让文本超出部分显示省略号。 1.单行文本超出部分显示省略号 1.1 语法 <style> .box { width: 400px; height: 30px; border: 1px solid red; /*第一步: 溢出隐藏 */

html5

halo博客:添加萌国ICP备案号

愿林 愿林 发表于2024-05-01 浏览2674 评论0
hey,这里是梦中小城的小站,欢迎阅读~ 前言🍭 本次教程适用对象: 使用国外域名部署网站的站长 已经在国内备案,想再添加一个备案信息的站长 因为国内互联网监管要求,购买国内的域名需要进行ICP备案,本小站也是国内购买的域名,当时网站备案花费了9天时间,流程相对严谨,不同地区的备案时间各有差异,一般不超过30天即可完成备案。当网站备案通过后需要将备案号添加到页脚中,以便网站的规范化运作。 而在国外域名网站购买的域名不需要经过备案就可以让国内用户访问网站,相对而言

html5

webrtc 入门第一章 基本设备操作(webrtc入门教程)

sb70770 sb70770 发表于2024-05-01 浏览5294 评论0
一、介绍 1、webrtc是什么 webrtc是一个由google发起的开源实时通信方案,其中包括视频/音频采集、编解码、数据传输、音视频展示的功能。在浏览器,桌面应用,移动设备或者lot设备上都有可以运行的api接口,均可实现实时通信能力。web开发者可以基于web api开发基于视频、音频的实时通信应用,如视频会议,远程教育,视频通话,视频直播,游戏直播,远程协助,互动游戏,实时人脸识别等功能。 2、优点是什么 webrtc主要应用在实时通信方面,其优点总结为如下几点。 1、