前端css
前端Vue自定义轮播图swiper 轮播图dot 轮播图指示indicate
#### 前端Vue自定义轮播图swiper 轮播图dot 轮播图指示indicate，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13193 #### 效果图如下: ![1.png](https://p1-juejin.by ......
Nginx 常用的基础配置（web前端相关方面）
## 基础配置 ```js user root; worker_processes 1; events { worker_connections 10240; } http { log_format '$remote_addr - $remote_user [$time_local] ' '"$re ......
MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（8）-Ant Design Blazor前端框架搭建
前言 前面的章节我们介绍了一些值得推荐的Blazor UI组件库，通过该篇文章的组件库介绍最终我选用Ant Design Blazor这个UI框架作为ToDoList系统的前端框架。因为在之前的工作中有使用过Ant Design Vue、Ant Design Angular习惯并且喜欢Ant Des ......
CSS（二）选择器
声明语法 由选择器和声明组成：选择器 {属性1:值1; 属性2:值2; ...}，如 h1 { color:blue; font-size:12px;} 选择器类型 全局选择器，优先级最低，一般做初始化，以通配符 * 匹配所有标签：* {声明1;声明2}， * {color:red;} 元素选择器， ......
CSS（三）HTML标签属性设置
HTML标签常用的属性 字体属性 color、font-size、font-weight（粗细）、font-style（正体斜体）、font-family（字体） 背景属性 background-color、background-image、background-position（背景图起始位置）、 ......
注册登录前端
[toc] # 一、前端注册页面分析 ```python # 登录，注册，都写成组件 > 在任意页面中，都能点击显示登录模态框 # 写好的组件，应该放在那个组件中 > 不是页面组件(小组件) # 点击登录按钮，把Login.vue 通过定位，占满全屏，透明度设为 0.5 ，纯黑色背景，覆盖在组件上 ......
CSS（一）CSS引入方式
内联样式 在html标签内使用属性style，style属性可以包含任何css属性。直观但不利于维护，不推荐 <p style=" font-size: medium;"> css内联样式</p> 内部样式 在html文件头部声明样式，是这个HTML文件都可以使用，但是不能作用于其他HTML文件 < ......
注册功能 ，前端登录注册页面
[toc] ## 1 异步发送短信 ```python # 原来的发送短信，是同步 -前端输入手机号 》点击发送短信 》前端发送ajax请求 》到咱们后端接口 》取出手机号 》调用腾讯发送短信 》腾讯去发短信 》发完后 》回复给我们后端发送成功 》我们后端收到发送成功 》给我们前端返回发送成功 # ......
CSS基础-背景
# 背景 ### **background-color** 背景颜色， 可以使用十六进制、rgb、rgba表示。 **语法** ```css /**selector 背景元素的原则去*/ /** color 背景颜色的值， 可以是 颜色名称、十六进制值、RGB、RGBA*/ selector { b ......
【前端教程01】用原生js实现一个轮播，支持自动播放
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
html与css——响应式设计
早年设计 Web 时，页面是以适配特定的屏幕大小为考量创建的。如果用户正在使用比设计者考虑到的更小或者更大的屏幕，那么结果从多余的滚动条，到过长的行和没有被合理利用的空间，不一而足。随着人们使用的屏幕尺寸的种类越来越多，出现了响应式网页设计的概念（responsive web design，RWD） ......
初入前端-CSS（1）
## CSS ### CSS介绍 CSS (Cascading Style Sheets) 是一种用于描述网页样式和布局的样式表语言。它与 HTML 配合使用，用于控制网页中元素的外观和排版。 CSS 样式由选择器和声明块组成。选择器指定要应用样式的 HTML 元素，而声明块包含一个或多个属性-值对 ......
初入前端-CSS（2）
#### 盒模型 盒模型（Box Model）是CSS中用于布局和定位元素的基本概念之一。它描述了一个元素在页面中所占据的空间，并定义了元素的内容、内边距、边框和外边距之间的关系。 盒模型由以下四个部分组成： 1. 内容区域（Content）：指的是元素的实际内容，例如文本、图像等。 2. 内边距（ ......
html和css入门
HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标签是由尖括号包围的关键词，比如 ......
初入前端-HTML
## HTML ### HTML历史 HTML（Hypertext Markup Language）的历史可以追溯到上世纪90年代初，以下是HTML的主要历史阶段： 1. HTML 1.0：在1991年发布，是HTML的最初版本，用于创建基本的文本和链接结构，但功能有限。 2. HTML 2.0：于 ......
通过CSS样式缩放图片导致图片模糊的解决方案
在进行前端页面开发的过程中，通过使用CSS对图片进行等比例缩放，存在会使图片失真的情形。这种情况有点违反我们的通常认知，毕竟放大图片会使图片失真这很正常，但是缩小图片通常应该会使图片变清晰才对。目前我查找了很多资料都还没发现哪篇文章有深入分析其中的原理，姑且认为这是浏览器根据CSS样式显示图片的策略 ......
带有 Spring Boot 后端的 Vue.js 前端
1. 概述 在开始本教程中，先推荐1个SpringBoot+Vue前后端分离Java项目，本项目是一个大型互联网金融项目，采用Spring Boot , Dubbo 微服务的架构，包括多个独立的微服务，micr-common个公共服务，micr-web服务，micr-database数据库服务，mi ......
前端面试真题-vue（一）
1.说说对vue的理解 （1） vue.js是一种用于创建用户界面的渐进式的javascript框架 （2）也是用于创建单页面应用的web应用框架。 （3）vue的核心库只关心视图层，使得数据和视图的双向绑定变得快捷 （4）由于vue的核心库只关心视图层，所以不仅可以与其他库和现有项目整合，也可以添 ......
前端菜单初始化
1.在src\views目录下创建sys模块目录及test模块目录(暂时充数用,后期用于权限框架) 2.配置页面相应的路由及名字修改 修改效果: 修改(二级目录的)子路由的路径和标题 修改效果(偷偷换了个图标): 太多了后面的,删了吧 看看效果 ......
css实现空心三角形
<div class="triangle"></div> .triangle { width: 0; height: 0; border-style:solid; border-width: 0 8px 15px; border-color: transparent transparent #568 ......
CSS文字换行之word-wrap和word-break的区别
CSS文字换行之word-wrap和word-break的区别 word-wrap：break-word； word-break：break-all； 这两种都可以，区别在于英文场景中，当一个英文单词的长度超过了父级容器长度时，word-wrap：break-word没什么用，word-break： ......
前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版
#### 前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13266 #### 效果图如下: ; const fs = require('fs'); const htmlmin = require('gulp-htmlmin'); const uglify = require('gulp-uglify'); const uglifyEs ......
【前端可视化】Canvas 下载图片添加背景色因为缩放导致比例不同问题
比例不同是因为缩放导致的，缩放导致绘图中心发生改变，我们需要把填充的背景色的范围扩大（根据缩放比例来），同时背景色要绘制在现有画布的后面，防止重叠遮挡。 感觉一个小下载，需要注意的事项还是挺多的，记录下，希望能帮助到其他人，里面的一些 API 请参考 MDN 文档。 下面的参考代码，自己根据自己实际 ......
【面经】百度前端一面面经
1. websocket 转 promise send({type: 'getUserInfo'}) {type:'userInfo', payload: {}} const res = await getMessage({type: 'getUserInfo'},{type:'userInfo'} ......
luffy前端
[toc] # 一 前端项目创建，调整目录 ```python # 创建前端项目 vue2 前提：在目标目录新建luffy文件夹 cd python project vue create luffy_city 创建成功，用pycharm打开 ``` # 二 前端配置 ```python # 安装第三 ......
CSS：定位
##position 属性 position属性用来指定一个元素在网页上的位置，一共有5种定位方式，即position属性主要有五个值。 * static * relative * fixed * absolute * sticky 下面主要介绍前四个常用的值。 ###static 属性值 `sta ......
CSS英文单词换行
# 问题描述 有的时候我们需要在页面上展示英文单词，但是有时单词的字母被独立出来形成不了一个整体。比如：使用element-ui中的el-table ![](https://img2023.cnblogs.com/blog/724275/202306/724275-20230628192901526 ......
前端项目初始化
1.安装依赖 2.先试着跑一下 用户名admin,密码不限制，登陆失败有错误显示。 进来后发现默认端口号为9528 可以看到数据都是模拟的没有后端 3.修改端口号为8888 4.修改严格的语法检查为false（可以不改） 5.默认是否打开浏览器改为false 6.将来要注释掉的 mock是用来模拟数 ......
记录--不定高度展开收起动画 css/js 实现
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 不定高度展开收起动画 最近在做需求的时候，遇见了元素高度展开收起的动画需求，一开始是想到了使用 transition: all .3s; 来做动画效果，在固定高度的情况下，transition 动画很好使，满足了需求，但是如果要考虑之后可 ......