前端html css
周五 html
<!--html5标识--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> 旧时代的残dang </title> </head> <body> <h1 >旧时代的残dang ikun永不落幕</h1> < ......
css如何实现禁止选择文本
css实现禁止选择文本的方法是，添加user-select属性，并且将属性值设置为none，表示文本不能被选取，具体代码如【user-select:none;】。 本文操作环境：windows10系统、css 3、thinkpad t480电脑。 在 web 浏览器中，如果我们在文本上双击，文本会被 ......
前端一些小case
1，不规则图形加阴影或光圈 不用 box-shadow: 0 0 10px #000 用 filter: dorp-shadow(0 0 10px #000) 像素点做阴影 该dom对象不能为透明，透明不起作用 2，书写方式 writing-mode: horizontal-tb vertical- ......
CSS隐藏滚动条
一、纯CSS+div样式隐藏 在需要滚动的元素外面再套一个div，给最外面的div设置样式overflow:hidden，宽度比需要滚动的元素小； 之后给需要滚动的元素设置样式overflow-x:hidden; overflow-y:scroll； <style type="text/css"> ......
JavaScript 实现 HTML <a 标签不跳转外， data-value属性传值
在网页设计中，经常需要用到超链接。而在超链接中，跳转是一个非常常见的需求。通常情况下，点击一个超链接会跳转到指定的页面。但在某些情况下，我们希望做到点击链接不跳转，只是执行某个脚本或者实现页面局部滚动等效果。在这种情况下，我们需要实现 HTML 不跳转的效果。本文将讲解 HTML 不跳转的实现方法。 ......
vue导出自定义的html
vue导出.html文件 HTML页面由.css、htmlDom标签组成，将css设置成js通过export导出，htmlDom可以通过$el.innerHTML获得，也可通过document.getElementById('id')获得 。然后构造html页面，使用createObjectURL创 ......
2023-07-28 后端接口返回的数据与postman返回的数据不一致 ==》前端不兼容数据库字段类型
前言：在传参一致，接口一致的情况下，微信开发者工具调的接口和postman返回的数据的id不一致。 具体为： 微信开发者工具端调接口拿到的id为22位的数据：1884661033952220199 看起来平平无奇对吧，而postman返回的id则为： 1884661033952220200 是的，接 ......
微服务架构在前端开发中的应用
前端服务化和小程序容器技术为前端应用带来了更好的组织结构、可维护性和可扩展性。这些技术的应用将促进前端开发的创新和发展，使团队能够更好地应对复杂的前端需求和业务挑战。通过将前端视为一个服务化的架构，我们能够构建出更强大、可靠且可持续的前端应用。 微服务架构是一种软件架构模式，用于构建复杂应用程序。它 ......
阿里 - 前端开发规范
# 前端 JS 项目开发规范 # 编程规约 ### (一)命名规范 #### 1.1.1 项目命名 全部采用小写方式， 以中划线分隔 正例：`mall-management-system` 反例：`mall_management-system / mallManagementSystem` #### ......
linux安装Tomcat | 开启Tomcat | 为Tomcat添加html页面
## 摘要 目的：介绍linux如何安装Tomcat ## 一、步骤 1. 创建目录 2. 上传安装文件，并解压缩到`/opt/tomcat` 3. 进入解压目录/bin,启动tomcat ./startup.sh. 4. 开放端口8080 5. 测试是否安装成功：在windows、Linux下访问 ......
uni-app前端图表组件库，折现图横屏android失败的解决办法
网址：https://www.ucharts.cn/v2/#/demo/index，需要登录，微信就可以 我在使用折现图时，业务需要把曲线图在点击全屏时横屏全屏显示。就做个全屏页面，点击后，把option和data传到该页面去。做前端得伙伴实现后，发现他得iphone13每次全屏都没问题，而在我得a ......
在前端页面中一直出现"Signature has expired."的报错该如何解决
在排查完后端的问题后，发现还是出现这样的情况 很有可能是前端代码传入身份验证的jwt_token时出现了问题 jwt 和 token串之间需要添加一个空格 ......
H5在线CAD前端使用mxdraw和mxcad库预览编辑DWG图纸
mxdraw 前端库预览图纸 mxdraw 的作用就是预览图纸，也可以绘制一些批注或者其他图形，首先进行安装，如果你没有前端工程化的基础，请先看前端工程化基础知识，mxdraw有详细的文档，建议点击mxdraw查看使用说明，然后我们讲一下转换后的图纸用mxdraw库显示的步骤: 1）新建工程 这里我 ......
前端txt日志生成
let fs = require('fs'); import { parseTime } from "./src/utils/index"; function writeLog(value){ let date = parseTime(new Date(),'{y}-{m}-{d}')+'的日志' ......
前端实现导出Excel表格数据
前端使用 ExportExce导出表格数据 步骤一、 下载依赖 cnpm install file-saver@1.3.8 xlsx@0.14.1 --save 步骤二、创建一个ExportExce.js 文件 注意： vue中的话 一般是在 util文件夹下 创建的 nuxt的话在 plugins ......
css fit-content使用和flex使用高度自适应
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> body{ padding:0; margin:0; height:100%; /*定义页面整体高 ......
10道或许你不熟练的前端HTML5的经典面试题
1.什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HTML5推出的设计目的，以及现在市场的使用情况，浏览器支持情况等。。。。设计目的 HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进 ......
这可能是前端处理excel最好的工具了
ExcelJS是一款强大的JavaScript库，专为在Web应用程序中处理Excel文件而设计。该工具提供了丰富的功能，使开发者能够轻松地读取、修改和生成Excel文档。不论是用于数据导入、报告生成还是数据分析，ExcelJS都能帮助你实现各种复杂的操作。
ExcelJS支持在浏览器端和服务器端... ......
每日汇报 第五周第四天 CSS弹性盒子模型和html排版
今日学习： CSS中的弹性盒子模型和html中的排版 盒子模型html代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=d ......
前端异常监控之 Sentry的部署和使用
由于最近在整理前端异常监控相关内容，所以自己在虚拟机搭建部署了一下Sentry，把搭建过程及一些自己踩得坑整理如下 一、Sentry部署 Sentry搭建有两种方式： 通过Python安装 教程地址 通过Docker容器安装 教程地址 我本地是用Docker进行搭建的。 1、安装docker arm ......
Django模版传值时HTML转义
前情提要：Django项目中，通过Django模版往前端传值，发现&变成了`&`  ![](https://img202 ......
用CSS样式 @keyframes、animation写一个旋转立体模型、动画模型，vue2
需求：画一个正方体，让物体一直旋转 环境：vue2、css 效果： 代码： 模型 1 <template> 2 <div> 3 <!-- 旋转立体图 --> 4 <div class="cube"> 5 <div class="face front"></div> 6 <div class="fac ......
前端几种下载文件的方式
1、location.href方式下载 对于浏览器不能打开的文件（例如：..rar .doc等）是可以实现下载的，但是对于浏览器可以打开的（例如：txt,xml等）只可以实现预览功能 window.location.href = "https://xxxx...测试.xlsx" 2、window.o ......
隔离css继承的样式
项目里遇到一个富文本在编辑器内和页面上渲染出来的样式不一致的问题，具体表现在fons-size和line-height等可继承的属性上，经过排查发现确实是继承了父元素的样式导致的 随即我在想如何隔离父元素的样式，经过我在张鑫旭的博客里一整翻，终于`style:"all: initial;"`解决问题 ......
前端常用配置
`DNS：223.5.5.5` 用于解决部分yarn和npm问题 #### npm镜像 `npm config set registry https://registry.npm.taobao.org` #### 创建React模板 （js） `npx create-react-app my-app ......
前端之localStorage
#### 问题：同一个浏览器同时打开两个saas，发现localStorge共用同一个，相同key值的存储会相互覆盖  ......
css值grid布局基础
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
前端视角的可观测性(一)
TL;DR Gartner将应用可观测性列为2023年重要战略趋势之一。 作为开发者, 即便没有专精此道。但了解一下，还是有必要的。 前言 最近，我所在的产品组，将完善监控系统，放入了版本规划中。 趁此良机，了解了一波可观测性相关的背景和技术。 同时，对原有的监控方式，进行了一定的改造。 可观测性 ......