断点 前端tips web
SpringMVC 基于MVC设计理念的优秀WEB框架
什么是MVC模式 MVC模式是目前WEB项目主要的项目架构模式,是一种非常优秀的三层架构模式,其三层是指视图层View,控制层Controller和模型层Model,它们分别完成不同的功能 View 层：视图层,用户提供用户的操作页面,是数据的展现层,也是用户接触的界面层 Controller层：控 ......
SpringMVC 基于MVC设计理念的优秀WEB框架
什么是MVC模式 MVC模式是目前WEB项目主要的项目架构模式,是一种非常优秀的三层架构模式,其三层是指视图层View,控制层Controller和模型层Model,它们分别完成不同的功能 View 层：视图层,用户提供用户的操作页面,是数据的展现层,也是用户接触的界面层 Controller层：控 ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
从前做前端的时候， 联通的好多html5活动， 页面布局如何整齐，回顾一个常用的
今天想布个页面， 许久不手写css了，从前写了许多html5的游戏活动等， 大转盘，豆豆世界，沃积分， 刮刮卡， 那时候早，不同手机端一个个测，手机品牌每个浏览器都不一样，那时候测试部的可是好好弄了我写的积分平台的联通全栈移动端了， 搞了通宵才让回家，因为要赶上线。 如今却css许久不写了，好多技能 ......
Meta3D -- 开源的Web3D低代码平台
大家好，Meta3D是开源的Web3D低代码平台，快速搭建Web3D编辑器，共建开放互助的web3d生态。
现在发布了v1.0版本 ......
Python+Selenium+Pytest+Allure+Jenkins实现的Web自动化框架
目录一、测试的项目二、需求分析三、用例设计-部分用例举例四、框架说明4.1 测试框架结构图如下：4.2 项目功能五、代码设计与功能说明5.1 POM简介：Page Object Modle页面对象模型5.2 基础封装层：pages/basePage.py5.3 PO页面对象层：pages/userL ......
华为云耀云服务器L实例-tilas教学管理系统前端配置
华为云耀云服务器L实例-tilas教学管理系统前端配置 产品官网：https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址：https://github.com/JohnYoung5665/spring-boot-web01/tree/m ......
纯前端对服务器的概念
1. 服务器概念 前端接触的服务器有多种，比如：机房的物理服务器、后端装自己电脑上的虚拟机服务器、华为云或腾讯云上租的云服务器、node或nginx提供本地文件访问的web服务器 等。 对于我们前端而言，服务器就分为两类 web服务器 和 非web服务器。 web服务器：就是一个软件程序，运行之后， ......
22.Web自动化测试之Cookie登录
cookie 是什么 Cookie 是一些认证数据信息,存储在电脑的浏览器上 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息 为什么要使用Cookie自动化登录 复用浏览器仍然在每次用例开始都需要人为介入 若用例需要经常执行，复用浏览器则不是一个好的选择 大部 ......
21.Web 自动化测试之复用浏览器
复用浏览器简介 为什么要学习复用浏览器 自动化测试过程中，存在人为介入场景 提高调试 UI 自动化测试脚本效率 复用已有浏览器-配置步骤 需要退出当前所有的谷歌浏览器（特别注意） 输入启动命令，通过命令启动谷歌浏览器 找到 chrome 的启动路径（下一页 ppt）s 配置环境变量（下一页 ppt） ......
前端使用a标签下载非同源文件(备选方案)
原理: 下载文件Blob,再把Blob转为本地链接,以实现跨域变同域,最后使用a标签实现下载； 优缺点： ● 优点：能达到下载跨域文件的目的； ● 缺点：不适用于大文件，大文件体验较差； 示例： 使用fetch把文件下载下来,然后URL.createObjectURL转为本地链接,最后使用a标签下载 ......
09.web 浏览器控制
目录 打开网页 刷新 回退 最大化 最小化 浏览器控制 模拟功能测试中对浏览器的操作 操作使用场景 get 打开浏览器 web自动化测试第一步 refresh 浏览器刷新 模拟浏览器刷新 back 浏览器退回 模拟退回步骤 maximize_window 最大化浏览器 模拟浏览器最大化 minimi ......
H5前端特殊艺术字体文件太大，可通过font-spider压缩
原理: 1.爬行本地 html 文档，分析所有 css 语句 2.记录@font-face语句声明的字体，并且记录使用该字体的 css 选择器 3.通过 css 选择器的规则查找当前 html 文档的节点，记录节点上的文本 4.找到字体文件并删除没被使用的字符 5.编码成跨平台使用的字体格式 简而言 ......
WEB前端，后端接单中 ，企业网站小程序开发
php ， Vue开发，h5开发，html，css ，js，微信小程序 ，uni-appchrome插件，需要滴滴我。看需求时间复杂度免费 例如期末大作业，毕业设计，自用工具都可以找我。 找前端师傅带带？快来吧 微信号： kaifa099 vx,请备注博客园 ......
文件批量重命名之在线版本-前端的本地文件操作
批量文件重命名是一个低频但时不时又会遇到的需求，非常适合在线工具的形式，即用即走。 搜索了一圈，没有发现可以直接实现这个功能的网站，不过找到了相关的 API FileSystemFileHandle.move() for local files - Chrome Platform Status Ch ......
实验八-Web部署
1. 实验内容 openEuler中基于LAMP部署WordPress （1） 配置openEuler （2） 安装LAMP （3） 安装部署wordpress 2. 实验步骤 2.1 安装MobaXterm 2.2配置openEuler 在华为云openEuler 安装后，没有配置yum源，我们通 ......
前端那些好用的CSS/JS网站
🍀一、渐变神器Gradient 网站地址： Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍： Gradient是一款网页渐变设计工具，可以帮助用户轻松创建漂亮的渐变颜色样式，并将其应用到网页、APP等设计项目中。 网站示例： ......
Web自动化测试 - 元素定位失败如何解决
首先要读懂失败的原因： InvalidSelectorException 错误的定位表达式 Invalid...错误，大概率是脚本错误 NoSuch... 不存在 ...Not...无法操作 ...Intercepted...操作出现意外 错误：找出错误原因，改正错误即可 不存在： 是否曾经存在 是 ......
Web自动化测试原理
Web自动化测试原理： 通过控制浏览器进行一系列的自动化操作 浏览器驱动：用来控制浏览器： 是浏览器厂商开发 提供一系列的HTTP的接口 脚本 >HTTP接口 >浏览器驱动 内部API >浏览器 为什么使用Selenium？ 通过面向对象的方式，封装了这些内部接口，方便调用 Selenium 主要有 ......
Web自动化测试 - 验证码的处理
处理验证码一般会有以下几种方式： 1.关闭验证码功能 2.设置万能验证码 3.通过第三方平台识别验证码并返回 以超级鹰平台为例： 获取验证码图片 - 使用selenium提供的方法获取图片 driver.find_element(By.ID,"Verify_Code").screenshot("ve ......
前端(js)实现图片一次全部下来后，在调图片显示
前端实现图片一次全部下来后，在调图片显示 var imgsrc=[ "http:/XXX01.jpg", "http://XXX02.jpg", "http://XXX0.jpg" ]; var imgArr = [] for (var i = 0; i < imgsrc.length; i++){ ......
vue前端node内存溢出问题解决
前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory （JavaScript堆内存不足） 原因： 因为在 Node 中，通过Ja ......
移动端手写板 + 模态框 + 弹框,前端监听移动端返回按钮
今天的需求是把全屏的手写板改为同一个页面只占半屏的手写板,本来用的iframe,后面发现笔触和屏幕按下的位置不一样,然后用了jQuery的$.load(),发现用$.load会导致文件中的js不执行,后面还是重新开始,在同文件重新写了一个canvas手写板,然后发现了,canvas在全屏的时候没问题 ......
简单记录下python视频提取语音，语音转文字（web版本）
一、直接贴代码，有些离线文件需要下载，python依赖包也需要下载。 # coding=utf-8 from flask import Flask, render_template_string, jsonify, request from flask_cors import CORS from t ......
web信息收集----网站指纹识别
一、网站指纹（web指纹） Web指纹定义：Web指纹是一种对目标网站的识别技术，通过识别网站所使用的服务器、运行的脚本、安装的CMS等信息对目标进行精准的分类和定位。Web指纹识别可以帮助安全研究人员在安全测试中快速了解目标网站的基本信息，有助于搜索其相关漏洞。 二、CMS简介 内容管理系统（Co ......
前端增加遮罩层后下方还可以滑动解决方法
之前用要实现一个底部弹窗，需要用到遮罩层，但功能实现后发现遮罩层下方的内容还可以滑动，后来上网查询解决方法，找到了很多相关内容，比如加定位和超出隐藏，但后来发现没那么复杂，直接控制css样式overflow-y就能实现 jq方法： 隐藏滑轮（不可滑动）： $('body').css('overflo ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
Web应用框架ABP技术分享
ABP技术分享 一、什么是ABP ASP.NET Boilerplate（ABP）是一个开源且有着完善文档的应用程序框架。它不仅仅是一个框架，还基于领域驱动设计提供了强大的架构模型，并考虑到了所有的最佳实践。 二、ABP 的关键特性和原则 2.1领域驱动设计（DDD） ABP鼓励使用DDD原则，帮助 ......
前端发送请求的时候 Content-Type 内容分类， django后端分别怎么接收
前端发送请求时，常见的 Content-Type 内容类型包括： application/x-www-form-urlencoded 这是最常见的内容类型，用于发送键值对形式的数据。数据被编码为 URL 查询字符串格式。 Django 后端可以通过 request.POST 来接收这些参数。 mul ......