页面 水印 前端html2canva
前端面试题（Vue篇）
每个面试都需要做充分的准备，面试建议从以下几个方面准备： 1、技术，这个是硬性要求。如果技术栈 主要是react，可以重点准备react，如果是vue，重点准备vue，当然 js、css等前端的基础 是最基本的东西。除此之外，要做一定的深度拓展，比如了解其实现原理。 2、沟通，要准备 自己所做过项目 ......
前端随机验证码安全验证sdk
前端必备工具推荐网站(免费图床、API和ChatAI等实用工具): http://luckycola.com.cn/ 前言 验证码：是一种校验区分用户是计算机还是人的公共全自动程序。 作用：防止刷票、论坛灌水、刷页、防止黑客恶意破解密码、盗取用户数据和防止恶意注册登录等等 介绍 这是一款开箱即用 ......
前端系列：ES6-ES12新语法
目录ECMAScript系列：简介ECMAScript系列：ES6新特性let 关键字const 关键字变量的解构赋值模板字符串简化对象写法箭头函数参数默认值rest 参数spread扩展运算符Symbol迭代器生成器PromiseSetMapclass类数值扩展对象扩展模块化ECMAScript系 ......
HTTP安全头部对jsp页面不生效
本文于2016年4月底完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 诡异的问题 AppScan扫描报告中提示，Web服务器返回js、css、png、jsp页面的HTTP响应中缺少安全头部。HTTP的安全头部包括HTTP Strict T ......
Vue中添加全屏动态时间水印
效果图 核心代码 watermark.vue <template> <div class="watermark-outer"> <div class="watermark" v-for="i in 200" :key="i"> <div>{{waterMarkContent}}</div> <spa ......
记录--“浏览器切换到其他页面或最小化时，倒计时不准确“问题解析
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 我最近修复了一个倒计时延迟的bug，情况是用户10:00设置了10分钟倒计时，10:06查看时发现倒计时还有8分钟，倒计时出不准确、延迟的情况。 倒计时大概逻辑如下: const leftTime = 600; //单位为秒 con ......
使用React构造前端应用
简单了解React和Node React是一个构建用户界面的JavaScript库，由Facebook开发，很流行，已被广泛使用。React基于组件构建，编写一段代码即可在多处复用，这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件，然后将它们组合成整个应用 ......
Nginx搭建web静态服务器之页面格式乱码
背景: 公司有个需求,要把产品的原型变成静态web发布到内网以供大家观看,这样就不用每个人都把原型拉下来然后再进行预览了.经过讨论决定使用nginx来做. 问题: 在实操的过程中发现确实可以发布成web静态页面,但是有个问题,页面格式是不正确的,打开后根本无法使用,使用F12开发者工作台调试发现js ......
基于 Docker 打造前端持续集成开发环境
基于 Docker 打造前端持续集成开发环境 写在前面: 这不是一篇有新意的文章，因为这篇文章半年前我就发布在其他平台上过，为什么在知乎上旧文新发？ 除了想要把发布在其他地方的文章统一放到知乎上之外，还源于我最近在面试一些前端工程师时的一些疑惑，发现很多应聘高级前端岗的开发者对 JS 各种奇技淫巧了 ......
如果您可以在本地浏览器中通过访问本机IP地址和xxxx端口成功访问某服务页面，但在同一局域网中的另一台机器上无法访问
以下是一些可能的解决步骤： 1 检查网络连接： 确保您的计算机和另一台机器都连接到同一局域网，并且网络连接正常。您可以尝试通过ping命令或其他网络工具来测试两台机器之间的连通性。您也可以尝试使用其他网络测试工具，如traceroute或telnet，来进一步诊断网络连接问题 2 检查防火墙设置： ......
为什么maven配置完Tomcat且运行之后页面内容没有显示出来？
1、如何在maven项目中配置一个webapp项目？ 首先新建一个maven项目 项目目录 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="htt ......
用 Socket.D 替代原生 WebSocket 做前端开发
socket.d.js 是基于 websocket 包装的 socket.d 协议的实现。就是用 ws 传输数据，但功能更强大。 功能 原生 websocket socket.d 说明 listen 有 有 监听消息 send 有 有 发消息 sendAndRequest 无 有 发消息并接收一个响 ......
LoRa SIP模块动能世纪XD6500S集成RF前端+LoRa无线电收发器SX1262
相信大部分了解LoRa的朋友们都知道，LoRa是低功耗广域网通信技术中的一种，是Se***ch公司专有的一种基于扩频技术的超远距离无线传输技术。 LoRaWAN是为LoRa远距离通信网络设计的一套通讯协议和系统架构。它是一种媒体访问控制（MAC）层协议。而我们今天的主角LoRa SIP模块动能世纪X ......
python diango后端支持运行脚本+vue前端支持脚本运行
# 使用Python内置的subprocess模块来执行Python脚本 # 使用注意： # 1，依赖包需要提前导入至脚本中 # 2，script_path变量是脚本得绝对路径 # 3，filename变量是脚本得名称 # 搭配vue页面使用 # 想法：页面支持导入，编辑，执行脚本 # 导入：默认指 ......
架构相关---路由菜单权限+多模块菜单+微前端
权限 https://www.bilibili.com/video/BV1v14y1z7mb/ 1.路由菜单权限 2.权限有菜单权限，按钮权限 多模块菜单 1.高亮 2.多级和高亮 微前端 1.qiankun 2.microApp ......
前端开发笔记[6]-基于Gradio的力声信号分析界面
摘要 基于Gradio的力声信号分析界面,实现Gradio页面内嵌html代码和svg图像; 备注 仅用作前端开发练习，不保证其中的信号处理方式及数据分析的学术性。 开源地址 [https://gitee.com/qsbye/pear-dsp-gradio] 平台信息 "pyaudio~=0.2.1 ......
前端系列：正则表达式RegExp详解
目录正则创建匹配方法元字符字符集合边界分组数量词汇匹配模式RegExp 方法特性 正则创建 字面量创建 const str = 'asdf123sds3234' const regexp = /\d+/g const res = str.match(regexp) console.log(res) ......
1. spring中，为什么前端明明传了值，后端却接收不到
问题场景 在进行前后端的联调时，有时候会出现，前端明明传了值，后端接口却接收不到的情况 可能原因: 前后端字段名不匹配 后端接收数据的实体类缺少对应属性的get、set方法.特别是当前的开发大环境下,开发者较为依赖Lombok注解,即可能在实体类上遗忘添加相关注解. 该情况较为特殊和复杂.下面重点讨 ......
浏览器中访问某地址, 一直转圈, 没有看到页面
可能有几个原因需要进一步检查： 检查端口是否被其他进程占用：确保xxxx端口没有被其他应用程序占用。您可以尝试使用其他端口（例如：8080）来启动服务。 检查防火墙设置：如果您的计算机上启用了防火墙，确保它允许流量通过xxxx端口。您可以尝试禁用防火墙或添加一个规则来允许该服务的流量通过。 检查日志 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
微信小程序 返回时传输数据到上一个页面
一、返回时传输数据到上一个页面 data:{ basename:"", } /** * 案件详情 */ bkprev:function(e){ var basename = this.data.basename; let pages = getCurrentPages(); let prevPage ......
【前端】统计博客园阅读总量
✨效果展示 在博客后台页面运行以下代码 截止2024-1-9，阅读总量已达28w！！ ✨代码实现 /** 输入别人的博客园地址名称 */ function countBlogReadings(CnblogsName){ console.log("正在统计 "+CnblogsName+" 的博客的总阅 ......
golang 定期切换浏览器页面小工具
==引入包== go get github.com/go-vgo/robotgo ==源代码== package main import ( "fmt" "github.com/go-vgo/robotgo" "strconv" "strings" "time" ) func main() { br ......
前端H5之CSS动画效果
支持效果如下： 进入 淡入：fadeIn 翻转进入：flipInY 中心弹入：bounceIn 中心放大：zoomIn 翻转进入：rollIn 光速进入：lightSpeedIn 移入，从左向右：fadeInLeft 移入，从上向下：fadeInDown 移入，从右向左：fadeInRight 移入 ......
HTML页面的哈希（hash）路由原理+原生js案例
<!-- * 场景:不刷新页面，对页面的局部内容进行更改 *方案1：ajax 方法 *方案2：哈希（hash）路由原理 *方案2讲解：监听浏览器的url中的hash（url的#后面的文本——锚文本）值，进行更改内容 --> <!DOCTYPE html> <html lang="cn"> <head ......
博客园页面定制-绿色简约风
效果图 博客侧边公告 <style> #back-top { position: fixed; bottom: 10px; right: 5px; z-index: 99; } #back-top span { width: 50px; height: 64px; display: block; b ......
docker安装Nginx并运行vue3前端
Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时 ......
Shopify motion主题404页面的修改
一、404页面的定义 404 not found，是HTTP对网页错误情况返回的一种状态码，当用户在浏览器中输入网址时，服务器会根据输入的地址判断是否有对应的网页信息，如果没有对应信息，说明用户输入的可能是一串无效的链接，服务器就会向用户返回404 not found状态码，告诉用户没有找到对应的网 ......
前端开发中的JavaScript动画实现经验总结
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Vue开发实战：构建适配多终端的前端应用
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......