前端css
setTimeout 函数在前端延迟搜索实现中的作用
看这段代码： SmartFilterBar.prototype._regularTriggerSearch = function (iDelay) { if (this.getSuppressSelection()) { return; } this._clearDelayedSearch(); t ......
什么是前端 Web 应用响应式页面布局里的 Breakpoint 概念
在 Web 前端开发中，响应式设计是一个非常重要的概念，它允许网页 UI 根据不同的设备屏幕大小进行适当的调整以优化用户体验。在这种设计中，breakpoint 是一个关键的概念。 我们可以把 breakpoint 理解为屏幕宽度的一种临界点，当屏幕宽度达到这个点时，我们会调整页面布局以适应这个新的 ......
企业级 Web 应用里使用 CSS 调整应用外观的一些例子
笔者在日常工作中曾经负责过一些企业级 Web 应用的负责和开发，也曾经指导过一些客户的二次开发人员，通过各种方式对我们发布的企业级 Web 应用进行一些定制开发。 所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有超过一般 2C 软件的技术复杂度，高度定制化和可扩展性，因为企业级前 ......
前端学习-JavaScript学习-js基础-API02-轮播图案例
自己写的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
CSS进阶3-transform 动画-渐变(线性渐变、镜像渐变)-关键帧
1. 动画 介绍：改变盒子在平面内的形态（平移、缩放、旋转、倾斜） 属性： 平移：transform：translate(值1 ，值2);(默认为X轴，translateY--下移) — —平移依然在原来文档流。 移动：transform：translate(值1，值2)；可右斜移动 代码： /* ......
css选择器
这篇文章主要总结了css选择器的相关知识 1.元素选择器 <div id="container"> <p class="text"></p> <h1 class="title text"></h1> <div> // 选中p元素 p{ font-size: 12px; } 2. 群组选择器 //ht ......
什么是前端开发中的 SVG Sprites 技术
SVG Sprites 在前端 Web UI 渲染中的应用 在前端Web应用开发中，图标的使用是非常常见的需求，而SVG（可缩放矢量图形）是一种灵活而强大的图形格式，常被用于在Web界面中呈现图标。SVG提供了可伸缩性、可定制性和清晰度，但当页面上包含大量图标时，每个图标都作为单独的HTTP请求加载 ......
关于 Web 开发中的 CSS before 伪元素
我用 Chrome 打开一个网页后，F12 打开 Chrome 开发者工具，在 Elements 面板观察到一些 DOM 元素有 ::before, 这是什么含义？ 在Web前端开发中，::before 是CSS伪元素之一，它用于在指定元素的内容前插入生成的内容。这个伪元素允许开发者通过CSS样式向 ......
记录--原来前端部署这么简单
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 有个朋友说前端技能大家大部分都会，就是部署项目这一块经验都比较稀缺，一直很想学一下。所以在这里写一篇简单的从零开始部署前端项目的全过程，感兴趣的掘友们或者想自己搭建项目部署的可以看一下这篇。 环境搭建 首先我们需要进行环境搭建主要就 ......
css3 变量使用和修改变量
<!DOCTYPE html> <html> <head> <style> :root { --blue: #1e90ff; --white: #ffffff; --aa: 1212121; } body { background-color: var(--blue); } h2 { border- ......
CSS进阶2-弹性布局-弹性盒子
本节重点： 弹性布局（弹性盒子） BFC布局/规范 CSS新属性，不包含边框和内边距 CSS3的拓展：普通盒模型，怪异盒子模型(IE) 在学习弹性布局前，我们学过Float 浮动 和 Position 定位，浮动会出现一些 ‘诡异’ 的事情，定位则用起来相对麻烦，弹性布局用起来就会很舒服。 1.弹性 ......
css布局
布局 弹性布局： 关键字：display:flex justify-content:space-between 两端对齐，中间自适应 justify-content:space-around 均匀分布，两边距离等于中间间距 justify-content:space-evenly 平等均匀分布，两边 ......
css实现：不固定宽高，随内容宽度自动增长的圆形
css代码： .circle { display: inline-block; border-radius: 50%; min-width: 20px; min-height: 20px; padding: 5px; background: red; color: white; text-align ......
前端学习-JavaScript学习-js基础-API01
学习视频:黑马程序员视频链接 DOM简介 DOM简介 DOM树：将HTML文档标签以树状形式表现出来 DOM对象：每个标签都是DOM对象 DOM核心思想：将网页内容当作对象处理 DOM中最大的对象：document，其次是<html> <!DOCTYPE html> <html lang="en"> ......
CSS-transparent--透明属性 用transparent写一个三角形
css transparent 是一种全透明属性。当用在一个元素覆盖另一个元素时，想显示下面的元素，就用到了transparent属性。 代码： div{ width: 0; height: 0; /* 边框底部 */ border-bottom: 100px solid black; /* 边框左 ......
CSS进阶1--字体样式-文本样式
link.css--连接外部样式表 1.文字样式： ①font-family：字体样式 ②font-style：文本的字体样式 属性：normal-正常 italic-斜体字样式显示 oblique-文字向一边倾斜（与italic类似，但不太支持） ③font-variant--以小型大写字体或正常 ......
CSS-background 背景图片
更多CSS进阶： https://www.cnblogs.com/warmNest-llb/p/17866954.html 1.背景介绍 元素的背景属性： background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment：背景图像是否固定或者随着页面的其 ......
前端优化之路：构建、打包速度提升
【前言】 《闻香识女人》中有句经典台词，“有些人一分钟过尽一生”，多少人在等待中浪费了生命的美好。同样，如果一个项目构建、热更新、打包速度过慢，中途需大把时间去等待，那么不免让人抓狂。 【效果展示】 优化前，构建速度 整整126秒，两分多钟过去后，项目才启动成功 优化后，构建速度 21秒运行完毕，仅 ......
py01-前端了解
前端了解： 一、CSS框架 （1）Bootstrap（http://getbootstrap.com/） 二、JavaScript框架： （1）jQuery（https://jquery.com/） （2）Vue （3）React 三、AJAX： （1）AJAX=异步JavaScript和XML （ ......
前端H5微信支付宝支付实现
前端 H5 微信支付宝支付实现 以 uniapp 项目为例 支付宝的 首先是一个支付类型选择页面，在选择支付宝支付后，跳转到一个空白页，用于支付宝支付的中转页面。 在点击立即支付之后，直接跳转至自行设置好的空白页就好，并把你生成订单所需要的数据一并带过去。 uni.navigateTo({ url: ......
CentOS安装node环境，并编译前端项目
https://www.jianshu.com/p/a0e0311d6259 1.centos安装node环境 1.下载nodejs最新的tar包 可以在下载页面https://nodejs.org/en/download/中找到下载地址。然后执行指令 $ wget https://nodejs.o ......
CSS
1、文字超出用省略号...鼠标悬停显示全部文字 <div style="font-size: 12px; margin-top: 30px; padding: 10px 20px; overflow: hidden; text-overflow: ellipsis; display:-webkit- ......
MASA MAUI APP前端监控指南
MAUI Blazor 接入到 OpenTelemetry 近期由于我们APP项目(MAUI+Masa Blazor)，需要做运营数据采集埋点，经过综合考虑后，决定采用接入OpenTelemetry SDK的方式，由于目前OpenTelemetry的可测性大部分都是基于后端api的，所以我们也对MA ......
前端自动复制功能
一、步骤 1、input，value是你想复制的内容 2、聚焦input的文字，input.select() 3、执行copy命令 document.execCommand("Copy") 4、判断是否成功——不准确，但是有比没有好。 二、代码实现 let inputs=document.creat ......
对某登录站点的JS前端逆向思路
js逆向一直没有相关了解，虽然目前渗透遇见的不是很多，大多数遇见的要么不加密，要么无法实现其加密流程，不过最近看到了一个较为简单的站点正好能够逆向出来，就做了简单记录。本文旨在介绍js逆向的一些基础思路，希望能对初学js前端逆向的师傅有所帮助。 ......
前端学习笔记1
前端 笔记 2023.3 1. <meta>标记 链接 常用meta整理 | 菜鸟教程 (runoob.com) 主要用于提供HTML文档的元数据，用于不同移动设备页面调整（全屏、识别邮箱电话号码、添加广告）、SEO优化（搜索引擎优化）、页面相关（编码、站点适配）…… 2. url href src ......
css三角形
https://blog.csdn.net/weixin_43951592/article/details/127442235 https://blog.csdn.net/m0_60237095/article/details/130076471 ......
前端入栈和出栈
在编程中，事件入栈（Event Pushing）和出栈（Event Popping）通常与事件循环（Event Loop）和消息队列（Message Queue）相关。这些概念在前端开发中尤其重要，特别是在处理异步事件和回调函数时。下面我将解释这些概念，并提供一些代码示例。 事件循环（Event L ......
微前端 qiankun
三个项目，一个管理端，两个微前端 文档地址 https://qiankun.umijs.org/zh 普通项目管理端安装qiankun npm i qiankun -S 管理端main.js import Vue from 'vue' import App from './App.vue' Vue. ......
前端常用设计模式初探
设计模式一直是程序员谈论的“高端”话题之一，总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如单例模式、 策略模式等，这些模式的结构与传统面向对象语言的结构大相径庭，实际上已经融入到了语言之中，我们可能经常使用它们，只是不知道它们的名字而已。 ......