前端css
Angular中台前端管理系统ng-matero快速上手教学
现有管理系统方案 我认为，Angular还在维护的中台前端框架，大多属于冷门型。热门的管理系统方案，我一直都是推荐Ant Design Pro的，毕竟一直在持续地维护更新。 我在做管理系统的时候，由于好奇Angular，索性就学习了Angular，因为之前都是用React写的，想换换框架体验体验，同 ......
前端生成二维码，qrcode使用说明，canvas查看大图
生成二维码 用于vue项目通过字符串转换生成二维码的三方插件 安装插件 npm install --save qrcode 引入使用 import QRCode from "qrcode" 页面 <!-- 放置二维码的容器--> <canvas :id="'qrCode_id' + stringxx ......
每日一练：无感刷新页面（附可运行的前后端源码，前端vue,后端node）
1、前言 想象下，你正常在网页上浏览页面。突然弹出一个窗口，告诉你登录失效，跳回了登录页面，让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中，token一般都是在Redis服务器存着，设置过期时间。只要在有效时间内，重新发出 ......
HarmonyOS应用侧与前端页面数据通道建立
一、 应用侧调用前端页面函数 应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。在下面的示例中，点击应用侧的“runJavaScript”按钮时，来触发前端页面的htmlTest()方法。 ● 前端页面代码。 <!-- index.html --> <!DO ......
css-面试题
1- css中隐藏元素的方法有哪些? display:none; 不显示对应的元素,文档布局中不占控件 visibility:hidden; 隐藏元素,但仍占空间 2- display的值有哪些?分别是什么作用? inline 默认,将元素设为行内元素 block 将元素设为块元素 inline-b ......
django—实现前端页面批量删除功能
views.py 代码: from django.shortcuts import render, redirect from .models import YourModel # 使用你实际的模型名称替换 def batch_delete(request): if request.method = ......
前端服务升级脚本
front1.sh 更新脚本 #!/bin/bash workdir=/root/data-ananlysis tag=$(date +%Y%m%d%H%M%S) echo $tag cd $workdir && rm -rf dist mv /tmp/dist . docker build -t ......
css做个芒果，哈哈
前几天写border-radius的时候，突然想到了写个芒果 color: #0000; width: 120px; height: 120px; background: #333; /* overflow: hidden; */ border-radius: 50% 340% 127% 256%; ......
界面组件DevExpress WinForms v23.1亮点 - 全新升级HTML & CSS模板
DevExpress WinForms拥有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量的业务数据，它都能轻松胜任！ DevExpr ......
前端经常出现Script error. 如何定位，如何解决
Hello，大家好。今天我们来讲一下前端出现频率非常高的一种错误：Script error。 Script error.这个错误非常的高傲和神秘，为什么呢？因为它出现的时候，不会给你提供任何有关它的线索。正常我们写的前端代码报错的时候，浏览器通常抛出错误代码的行列号，以及它的堆栈代码，这样我们就可以 ......
前端布局神器：Flex布局
曾经的我们使用传统布局方式，我们深刻的体会着1px除不尽，三等分，居中，塌陷等等让我们升血压的问题。传统的布局方式：布局繁琐，需要使用大量的HTML和CSS代码来实现简单的布局。灵活性差，难以实现复杂的布局效果。难以维护，由于使用了大量的HTML和CSS代码，导致布局难以维护和修改。移动端适应性差， ......
分享一个自定义颜色的侧边栏CSS
很简单！ 将以下代码放入站点的 css 即可生效，css 中的颜色可自定义修改 RGB/HEX 的颜色值~ /** 彩色滚动条样式开始 */ ::-webkit-scrollbar { width: 10px; height: 1px; } ::-webkit-scrollbar-thumb { b ......
前端
前端介绍 1、 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2、Ajax的出现，后台发送异步请求，Re ......
html css dotted border 边框虚线太密
三角形 /** 正三角 */.triangle { width: 0; height: 0; border-style: solid; border-width: 0 25px 40px 25px; border-color: transparent transparent rgb(245, 129 ......
CSS的引入方式
CSS包括选择器和一条多多态声明（样式)CSS引入方式包括内联样式、内部样式和外部样式 1.内联样式：在标签中以属性方式添加style,在属性中用；隔开各个样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
nuxt 去掉第三方css SEO优化
build: { transpile: [/^element-ui/], extractCSS: { allChunks: true }, vendor: ['element-ui'] }, ......
后端返回图片乱码，前端解决方法
后端返回的文件流格式 前端解决 axios({ url:"/api/Component/ins/downloadQr?codes=" + data.codeIdentification, method:"GET", headers:{ "Authorization": window.platToke ......
java中前端传递数组类型字段，后端的接收方式
1.get方法接收 前端传参 axios会对url的参数进行encodeURIComponent编码，编码后传递的数组将对"["、"]"符号进行转码； let a = [1] let b = JSON.stringify(a) // '[1]' let c = encodeURIComponent( ......
前端常见跨域解决方案
浏览器同源策略 域名相同 协议相同 端口相同 同源策略是一个重要的安全策略，它用于限制一个源的文档或者它加载的脚本如何能与另一个源的资源进行交互。 它能帮助阻隔恶意文档，减少可能被攻击的媒介。例如，它可以防止互联网上的恶意网站在浏览器中运行 JS 脚本，从第三方网络邮件服务（用户已登录）或公司内网（ ......
直播app开发，CSS3动画实现左右无缝滚动图
直播app开发，CSS3动画实现左右无缝滚动图 <view class="shortList_con"><view class="scrollCon" :style="'width:' + (shortRouteList.length)*210 + 'rpx'"><view class="short ......
springboot前端传参参数名和后台接收对象属性名不一致
https://blog.csdn.net/weixin_42446001/article/details/110135937 ......
纯css实现边框环绕的效果
最近做项目遇到一个需求，需要给卡片添加一个边框环绕的效果，当鼠标移入卡片时，出现边框。 这里我主要是使用:before 和 :after来辅助实现这个功能。 在很多时候，我们可以巧用:before 或者 :after 来实现一些看起来较为复杂的效果。 我们先看看效果： 代码如下，希望大家能受到些许的 ......
Web前端：2022年十大React表库
Web前端：2022年十大React表库 粤嵌HTML5培训2022-04-18 10:23广东 表格是每个应用程序的关键组件，手动构建和样式表不再有效，因为有大量完全准备好的库可用于该功能。因此，我们利用这些库来简化我们的前端任务。 我们收集了一些将在2022年派上用场的最佳 React 表库。 ......
How to fix Tailwind CSS colors not work in Next.js All In One
How to fix Tailwind CSS colors not work in Next.js All In One
Tailwind CSS & Next.js 13
......
熟练掌握并充分利用CSS3的新特性，持续更新中。。。
1.1 尝试新颖的CSS3特性 首先，我们来看一个具体的案例。 https://code.juejin.cn/pen/7277536985772720139 1.2 CSS3新特性简介和浏览器支持情况 1、新特性简介： 1）强大的CSS3选择器 2）抛弃图片的视觉效果 3）盒模型变化(多列布局和弹性 ......
Css开发：解决在less中动画效果失效的问题
一、问题如下 在vue的style样式中使用了less，而在less中直接使用普通的动画效果时效果会失效，无法对样式呈现出应有的效果。 这个是在less编译为css时，添加的动画效果和其他的附加样式一同被进行了编译操作，导致原本定义的动画名称无法被查到，所以不生效。 要解决这个问题，就得绕过动画名称 ......
界面控件DevExpress WinForms HTML-CSS模板：预设计UI模板加速.NET应用开发
在过去的一年里，DevExpress官方引入了两个强大的功能来加速/简化.NET桌面应用的开发，当一起使用时，您可以创建优雅/个性化的用户界面，减少重复的代码，从而节省更多的项目时间。 DevExpress WinForms有180+组件和UI库，能为Windows Forms平台创建具有影响力的业 ......
nodejs系列-编写接口实现前端302重定向
1. 如何使用nodejs编写接口实现前端302重定向？ Url重定向分为301、302两种HTTP状态的编码。 301重定向是永久的重定向，表示本网页永久性转移到另一个地址，搜索引擎在抓取新内容的同时也将旧的网址替换为重定向之后的网址。 302是临时的重定向，表示本网页暂时性转移到另一个地址，搜索 ......
Web前端学习路线
学习Web前端需要的精选的书本和网络资源 HTML教程 CSS教程 JavaScript教程 BootStrap教程 AJAX教程 Node.js教程 Vue.js教程 React教程 此外，在b站上有很多教学视频，亲测有效! 不积跬步，无以至千里；不积小流，无以成江海。 《荀子》 Web前端的方向 ......