前端css
使用手机号实现注册功能、短信登录注册、前端登录注册
使用手机号实现注册功能 # 前端传入的数据 {手机号，验证码，密码} # 后端要验证数据 >序列化类 # 注意错误 1 注册使用哪个序列化了：get_serializer_class 2 配置文件中debug必须是True，因为咱们有万能验证码 >正常流程这个不需要 3 把code，弹出来，加入用户 ......
城院导航（城院在哪里）小程序前端开发项目手册
1.小程序整体架构： 全局概览： GLU_CampusGuide_static ├── .git ├── .gitignore ├── app.js ├── app.json ├── app.wxss ├── images ├── pages │ ├── home │ │ ├── home.js │ ......
CSS 尺寸单位概述
在本文中，我们将探讨 CSS 尺寸单位的四大类别。我们将了解这些尺寸单位的用途、它们的最佳工作原理，以及如何在每种情况下选择最佳尺寸单位，从而在各种媒体和设备尺寸下优化我们的布局。 关于 CSS 尺寸单位 CSS 提供了多种指定元素大小或长度的方式，其中一些更为直观。CSS 单位可分为四大类： 绝对 ......
(RF) 用于物联网和工业应用的SKY66421-11、SKY66422-11前端模块，而SKY66121-11、SKY66122-11则是高性能前端模块
一、用于LPWAN、LoRa、IoT和工业应用的860至930 MHz射频前端模块 1、SKY66421-11是一款高性能、高度集成的射频前端模块，专为LPWAN（支持LoRa®、SigFox和其他免执照频段技术）以及工作在860-930 MHz频率范围内的高功率工业、科学、医疗（ISM）应用而设计 ......
前端升级客户端自动更新
SPA类型应用，前端热发布后，用户端由于浏览器缓存不会重新获取index.html 导致用户没有及时看到最新版本 所以写了一个插件用户协助客户端实时更新 //思路：对比每一个script中的src的地址有无变化 因为打包后的js名称一般为 test.dawe13s5.js 中间8位为哈希值 每次打包 ......
Tailwind CSS 解决了什么问题？
从页面样式设计的颗粒度 Granularity 来谈起 元素颗粒度 我们知道，构成网页页面元素的最底层，最原始的东西就是 HTML & CSS 为每一个元素指定不同的 内联 inline-style 或者 class 来控制它的呈现方式，最细程度可以到元素的 style属性来控制，颗粒度停留在元素 ......
新建springboot项目，访问前端界面
直接在IDEA中下载依赖会比较慢，将常用依赖下载到本地，然后从本地加载依赖会比较快。（方法可以搜，很多） pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" ......
Nginx环境搭建及前端部署教程（Windows版）
Nginx启动 启动方式一：双击nginx.exe，双击后你能看见一个小黑窗口一闪而过。 启动方式二：打开cmd命令窗口，切换到nginx解压目录下，输入命令 nginx.exe ，回车即可注意：如果安装目录是中文的情况，打开exe文件时会报错。打开浏览器：浏览器地址栏输入网址http://loca ......
前端笔记：React学习 1.1--配置环境
1.1 配置环境 React中文文档 React官网文档 安装Nodejs Nodejs官网 安装create-react-app 终端执行： npm i -g create-react-app 安装VSCode插件 Simple React Snippets Prettier - Code for ......
一句话网页变灰 -css
文档说明：只记录关键地方; 发布时间： 2023-11-19 试验环境： chromium 内核浏览器 意义： 记录一下怎么实现的 工具： 编写CSS html { filter: grayscale(100%); } 参考文档 网站都变成灰色了，它是怎么实现的？ 一句话网页变灰 百度 一句话网页变 ......
前端骨架HTML
HTML5 如果将网页比作机器人，那么HTML就是骨架，CSS就是是表现与展示效果，JavaScript就是功能与行为 简单介绍 超文本标记语言HTML(HyperText Markup Language) 一、配置HTML编译器 1. 安装vscode 下面是官网： vscode官网 2. 安装v ......
前端项目容器化(Docker)打包部署
前端项目容器化(Docker)打包部署 新建一个vue项目 增加容器配置 docker命令打包镜像，部署本机 BiliBili视频同步发布 新建vue项目 使用vue官方脚手架创建一个项目 下面的demo使用默认配置 安装依赖并运行 # 使用vue脚手架创建项目 npm create vue@lat ......
CSS
CSS .article-info-tag,button { text-transform:uppercase } .day,.postMeta,.postSticky { position:relative } .postTitle a:link,html { -webkit-tap-highli ......
前端页面部署之后刷新页面之后出现HTTP 错误 404.0 - Not Found错误问题解决
前端页面部署能正常访问，但是一旦刷新页面就报如下错误：404.0 - Not Found 解决办法：下载IIS URL重写模版，并安装。下面为安装地址： URL Rewrite : The Official Microsoft IIS Site 安装之后IIS中出现如下IIS重写模块： 点击进去添加 ......
【前端VUE】VUE环境安装
nodejs安装 nodejs教程 https://blog.csdn.net/muzidigbig/article/details/80493880 检查是否安装成功 VUE安装 npm install -g @vue/cli 创建VUE项目 vue create 项目名称 第一个和第一个是默认的 ......
基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例
笔者之前这篇掘金文章一个 SAP 开发工程师的 2022 年终总结：四十不惑 提到，我目前的团队，负责开发一款基于 Angular 框架的电商 Storefront 应用。 这个 Storefront 是一个开源的、基于 Angular 和 Bootstrap 并为 SAP Commerce Clo ......
task0003前端项目准备的学习笔记（之前忘了发不好意思！）
2023-10-26 task0003前端学习笔记 JavaScript作用域学习笔记①：今天看了http://www.laruence.com/2009/05/28/863.html这位作者讲了js的作用域原理，让我豁然开朗，原来函数定义式与函数表达式的不同会导致作用域作用不一样比如：var na ......
CSS选择器
CSS选择器是一种用于选择HTML或XML文档中特定元素的模式。允许你根据元素的标签名、类名、ID、属性等来选择元素，并将样式应用于这些选中的元素 基本选择器 通配配选择器 通配选择器:可以选中所有的HTML元素 通配选择器使用 符号 *,命中页面所有的元素 语法 * { 属性名:属性值; } 通配 ......
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 ......
纯CSS3实现圆圈动态发光特效动画
参考文档：https://www.cnblogs.com/cyfeng/p/12625606.html html文件： <div class="item"></div> css文件： <!DOCTYPE HTML> <html> <head> <title>纯CSS3实现圆圈动态发光特效动画</ti ......
iframe前端微服务
优缺点分析 iframe 适合的场景 由于 iframe 的一些限制，部分场景并不适合用 iframe，比如像下面这种 iframe 只占据页面中间部分区域，由于父页面已经有一个滚动条了，为了避免出现双滚动条，只能动态计算 iframe 的内容高度赋值给 iframe，使得 iframe 高度完全撑 ......
webpack4.0使用 css
（注：示例中的 app 文件夹是书写代码文件夹，public 文件夹是书写代码编译后的文件夹） 1、使用 css 1> 创建 index.css 样式文件 2> 入口 JS 文件中引入 index.css 3> 安装 css-loader 、 style-loader 依赖 （安装完成后，再配置相关 ......
前端鉴权与后端鉴权方案
基础概念 在介绍鉴权方法之前，先要了解的是：什么是认证、授权、鉴权、权限控制以及他们之间的关系，有了他们做铺垫，那么才能做到从始至终的了解透彻 ~ 什么是认证？ 认证(Identification) 是指根据声明者所特有的识别信息，确认声明者的身份。 白话文的意思就是：需要用身份证证明自己是自己。 ......
0到1搭建前端监控平台
前言 前端监控是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目好比是在裸奔 文章分成以下六部分来介绍： 自研监控平台解决了哪些痛点，实现了什么亮点功能？ 相比 sentry 等监控方案，自研监控的优势有哪些？ 前端监控的设计方案、监控的目的 数据的采集方式：错误信息、性能数据、用户行 ......
前端录屏+定位源码，快速定位线上bug
前言 如何快速定位线上 bug，是多数开发者都会遇到的难题 web-see 前端监控方案，提供了 前端录屏+定位源码 方式，让 bug 无处藏身 最终效果 在监控后台，通过报错信息列表，可以查看具体报错的源码，以及报错时的录屏回放 效果演示： 录屏记录了用户的所有操作，红色的线代表了鼠标的移动轨迹 ......
基于Sentry的前端性能监控平台搭建与应用
一、Sentry 简介 Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。 这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关 ......
纯css js 写出星空背景
每次刷新星星的位置都是随机的，可以根据自己需求调整星星的数量和位置，具体代码如下，直接复制就可运行 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Random Starry Sky</title> 5 <style> 6 body { 7 margin: ......