骨架 前端html
HTML
HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096 ......
HTML与CSS规范
此规范主要实现目标:代码一致性和最佳实践.降低代码的成本同时改善多人协作的效率。同时遵守最佳实践,确保页面得到最佳优化和高效代码。 命名规则 项目命名 全部采用小写方式, 以下划线分隔。 例如:my_project_name 目录命名 参照项目命名规则 常用css/images/js/styles ......
不让 nginx 缓存 html、htm
location / { if ($request_filename ~* .*\.(?:htm|html)$) { add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate"; ......
vue3 通过fuse.js 实现前端模糊查询
在项目中写好多个查询组件: 举个栗子: <template> <!-- 获取客户下拉数据,type 0 有限公司 --> <el-select v-model="current" :multiple="multiple" remote :remote-method="querySearch" :su ......
前端传数组,后端可用list接收,apifox对应用数据结构-array
一开始apifox的body设置如图 idea报错: Resolved [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Cannot deserialize value of ......
2023前端面试题
1.什么是重绘和回流,有哪些措施可以避免回流,从而提高页面性能 重绘(repaint)和回流(reflow)是浏览器渲染页面时的两个重要的步骤。 重绘是指当一个元素的样式(如颜色、背景等)发生变化,但没有影响其布局(如位置、大小等)时,浏览器会将这个元素的新样式重新画到页面上。 回流则是指当一个元素 ......
html5 svg 圆形进度条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5中的SVG属性实现圆形进度条效果</title> <style> #a{color:red;} </style> </head> <body> <sv ......
如何利用Requestly提升前端开发与测试的效率,让你事半功倍?
痛点 前端测试 在进行前端页面开发或者测试的时候,我们会遇到这一类场景: 在开发阶段,前端想通过调用真实的接口返回响应 在开发或者生产阶段需要验证前端页面的一些 异常场景 或者 临界值 时 在测试阶段,想直接通过修改接口响应来验证前端页面是否正常 想验证后端服务响应比较慢的情况下,验证前端页面是否正 ......
小米商城主页展示HTML+CSS
大佬们呀,花了好几天的时间总算是看着页面展示可以了,求赐教! 小米商城主页,对大佬来说肯定简单爆了,我抄写了好久呀,总是有一点点的小问题,还搞不明白 主要是一个静态的小米商城页面,HTML前端代码不复杂,一堆的div和ul、li就没问题了,主要是css代码搞不懂导致显示不正常 话不多说,直接上代码: ......
UIOTOS:一款无门槛的前端0代码搭建工具
什么是UIOTOS? UIOTOS中文名称前端大师,是一款基于图形技术的前端0代码工具,支持通过连线和嵌套无门槛来搭建各类复杂的的交互界面,包括后台管理系统、组态数据大屏等,实现跟代码开发媲美的效果。 为什么要做? 前端技术更新快,开发和学习成本高 在软件开发领域,UI界面开发技术更新迭代最快,层出 ......
前端配置化表单组件设计方法
前端开发中涉及表单的页面非常多,看似功能简单,开发快速,实则占去了很大一部分时间。当某个表单包含元素过多时还会导致html代码过多,vue文件过大。从而不容易查找、修改和维护。为了提高开发效率及降低维护成本,下面介绍表单配置化组件的封装原理与封装方法。 ......
前端自定义分页
<el-table size="mini" stripe border fit height="406px" highlight-current-row :header-cell-style="{background:'#F0F3F8'}" :data="historyResearchUploadL ......
前端性能优化
1. 如果 应用层响应超时怎么处理解决 ? 如果响应超时,可以采取以下措施来处理解决: 增加超时时间:可以增加请求的超时时间来尝试避免响应超时。可以在发起请求时,设置超时时间,如果在指定时间内未收到响应,则认为响应超时。 减少请求负载:如果请求负载过大,服务器响应可能会受到影响,从而导致响应超时。可 ......
前端知识点,资源,项目资源
中级前端需要掌握的知识点 JavaScript基础知识,包括ES6及以上版本的语言特性。 Vue框架的核心概念和实现原理,包括组件、指令、生命周期等。 React框架的核心概念和实现原理,包括JSX、组件、状态和属性等。 Web性能优化,包括代码压缩、CDN加速、懒加载等技术。 移动端开发,包括响应 ......
Mac M系列芯片 vue前端node-sass兼容问题解决
0、由于M系列芯片是arm架构,在使用brew安装node时都是arm的node,但是node-sass@4.14.1版本中不支持arm架构的出现如下报错: Error: Node Sass does not yet support your current environment: OS X Un ......
前端开发环境搭建踩坑笔记——npm install node-sass安装失败的解决方案
问题背景 开发新的前端项目时,总少不了搭建开发环境和执行npm install安装依赖包,但npm install的过程总是充满着玄学,很难保证一次性成功,其中尤其以node-sass这个包的安装失败问题最为常见。 像其他npm包安装失败,通常是因为网络问题,可以采用使用更好的网络环境或者切换源的方 ......
【Apache POI】Word文档转换HTML,多级列表自定义处理
本文使用 poi 和 xdocreport 组件,在其基础自定义实现某些功能 最近有个需求,文档的转换,需要把Word文档转换为编辑器可识别支持的HTML格式类型,Apache的开源组件poi可以解析docx和doc类型的文档,于是使用该组件实现需求 关于 Word文档的俩种格式,docx格式是一种 ......
mock框架与测试(用mock工具模拟后端与前端对接调试)
mock简介应用在前后端分离的开发模式中敏捷管理中需要测试左移模拟后端与前端对接调试。实现满足接口逻辑通路,保证基本接口功能。 mock开源框架只需配置request和response就可以满足要求支持http/https/socket 协议支持在request中配置header、cookie、St ......
FreeCodeCamp-通过编写注册表单学习 HTML 表单
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Registration Form</title> <link rel="stylesheet" href="styles.css" /> ......
vue naive ui 前端获取日期数据传递给后端
vue naive ui 前端获取日期数据传递给后端 设置日期选择器 1. 使用表单输入绑定的方法把用户选定的日期传递给data中的值 (检查数据是否更新的方法) 2. 返回给后端的时间格式 后端想要接收的格式为json,其中包括starttime endtime 和macid,并且时间格式为<cl ......
HTML一键打包APK工具 如何进行实名认证购买和激活
HTML一键打包APK工具 价格表 授权时长 价格 1小时 49 1天 99 1个月 199 1个季度 399 半年 599 1年 799 付费版功能 功能点 免费版 付费版 去除广告信息 × √ 去除每日处理次数限制 × √ 设置图标 × √ 自定义包名 × √ 问题反馈优先处理 × √ 其他基础 ......
HTML5中的document.visibilityState
在 HTML5 中,文档对象(即 document 对象)具有一个 visibilityState 属性,该属性表示当前文档对象的可见性状态。 visibilityState 可能的取值有以下三种: - visible :表示文档当前处于激活状态,即当前选项卡处于前台或当前窗口处于屏幕最上层。- h ......
前端实现一次menu侧边栏
前言使用动态数据之后 element menu 组件 高亮显示错误, 默认展开失效 两级侧边栏 封装侧边栏功能简单 数据 菜单栏数据格式 let Array = [{ title: "管理", routeName: "order", icon: "", path: "", expanded: fal ......
前端开发环境搭建--vue
1、安装node.js http://nodejs.cn/download 检查是否安装成功 node -v 使用如下语句解决 npm 速度慢的问题 npm install --registry=https://registry.npm.taobao.org 2、安装vue-cli npm inst ......
下载文件(Excel)功能,后端返回blob字节流,前端怎么处理?
在做大屏数据项目有个报表下载的功能,根据用户选择的时间下载对应时间的报表,后端返回的是文件流,前端需要怎么去处理呢? 实现的功能效果: 后端返回的数据: 需要我们处理的乱码: 前端代码: 1 exportExcel(){ 2 axios({ 3 methods:"xxxx", 4 url:"xxx/ ......
如何通过C#/VB.NET代码将PowerPoint转换为HTML
利用PowerPoint可以很方便的呈现多媒体信息,且信息形式多媒体化,表现力强。但难免在某些情况下我们会需要将PowerPoint转换为HTML格式。因为HTML文档能独立于各种操作系统平台(如Unix,Windows等)。并且它可以加入图片、声音、动画、影视等内容,还能从一个文件跳转到另一个文件 ......
前端VUE自动检测版本更新
前言 当用户在当前站点停留时间比较长,中途站点进行升级更新之后,用户如果不刷新页面就任然停留在旧的页面里,如何让用户收到一个提示,引导用户进行更新操作呢?下面给大家介绍如何站点更新如何在生产环境提示用户更新,进行页面刷新操作,核心原理其实很简单。 一、思路1,每隔一小段时间fetch请求一次服务器首 ......
“前端”工匠系列(一):合格的工匠,究竟该搞什么 | 京东云技术团队
此文为系列文章第一篇,为浅尝辄止的引入,目的是为了让前端从业人员及非从业但是对此领域感兴趣的人对于”前端“是干什么的这个话题有个无门槛的了解。 ......
HTML中LINK标签的那些属性
在HTML中, link 标签是一个自闭合元素,通常位于文档的 head 部分。它用于建立与外部资源的关联,如样式表、图标等。 link 标签具有多个属性,其中 rel 和 href 是最常用的。 rel 属性定义了当前文档与链接资源之间的关系。常见的 rel 属性值有: - stylesheet ......