前端html css
Vite + React 项目，在 Webstorm 中的 tailwind css 无法自动补全问题
问题 根据官网的安装步骤，Install Tailwind CSS with Vite 安装完成后，在 Webstorm 中 Tailwind 始终无法自动补全，查看 Webstorm 的日志，提示报错 Tailwind CSS: Tailwind CSS: require() of ES Modu ......
FreeCodeCamp-通过编写咖啡店菜单学习CSS
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> < ......
HTML中link标签的那些属性
在HTML中， link 标签是一个自闭合元素，通常位于文档的 head 部分。它用于建立与外部资源的关联，如样式表、图标等。 link 标签具有多个属性，其中 rel 和 href 是最常用的。 rel 属性定义了当前文档与链接资源之间的关系。常见的 rel 属性值有： - stylesheet ......
你想要的【微前端】都在这里了！
某次遇到一个从0到1的大型项目，该项目涉及两个端，除了鉴权和部分业务逻辑不同外，页面UI和其余逻辑几乎一致，遇到这种项目，该如何架构？既能保证项目顺利开发完成，又能保证后期的迭代、维护、可扩展？ ......
vue学习 第十一天 CSS3新特性 ---- 新增选择器（1、属性选择器 2、结构伪类选择器 3、伪元素选择器） / CSS3盒子模型（border-box总体宽度不变）/ 图片模糊、宽度计算 / 过渡（transition）
CSS3 新特性 1、CSS3 现状 1） 新增的CSS3特性有兼容性问题，ie9+才支持 2） 移动端支持优于PC 端 3.）不断改进中，应用相对广泛 2、CSS3 新增选择器 CSS3给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。 1）属性选择器 2）结构伪类选择器 3）伪元素选择器 ......
vue学习 第十天（2） HTML5的新特性 ----- 语义化标签（布局标签）/ 多媒体标签（video、audio）
目标： 能够说出3～5个HTML5 新增布局和表单标签 能够说出CSS3的新增特性有哪些 HTML5的新特性 HTML的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。 新特性都有兼容性问题，基本是IE9 + 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这 ......
vue学习 第十天（1） css高级技巧 ----CSS用户界面样式 / vertical-align属性应用 / 溢出文字用省略号显示 / 常见布局技巧 **css初始化的原因**
用户界面样式 1）鼠标样式 cursor li { cursor: pointer ;} 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 2、轮廓线 outline 给表单添加outline：0；或者outline：none；样式之后，就可以去掉默认的蓝色边框( 选中情况下 )。 3 ......
vue学习 第九天（2） css高级技巧. ---- 精灵图 / 字体图片 / CSS三角
学习目标： 1）精灵图 2）字体图标 3）CSS三角 4）CSS用户界面样式 5）vertical-align属性应用 6）溢出的文字省略号显示 7）常见的布局技巧 1、精灵图 1）需要精灵图的原因 （减少网页多张小图片的多次服务器请求） 网页中有很多小的背景图，过多的图片。会导致服务器频繁的接收和 ......
2023前端面试题一
元素类型 空元素 br hr 块级元素 div footer header section p h1 h6 行内元素 img input span 元素类型转换 display:block 独占一行，可以设置宽高 display:inline 不独占一行，不可以设置宽高 display:inline ......
Vue 前端设计模式梳理
一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是“拿来主义”在软件领域的贯彻实践，它是一套现成的工具，拿来即用。下面来看一下设计模式的设计原则。 二、设计几个原则 单一职 ......
Clang前端源码分析
Clang前端源码分析 C语言编译器之二，Clang Clang编译器是由APPLE公司的编译器大牛ChrisLattner主导下编写的，其目标是替换大名鼎鼎的GCC编译器； 2.1、Clang和GCC编译器架构 从源代码到可执行程序一般经过预处理、编译、链接过程，而编译是编译器的工作，编译分为三个 ......
数字前端工作总结
0. 前言 去年9月到现在总共做了两次ic的数字部分的开发，第一个设计是一个rfid的逻辑部分，第二个设计是一个多核处理器，我的工作主要是做架构设计以及主体代码的编写，模块代码一般分配给组里的其他研究生做。在做的过程中对一些问题有了反思，主要从工作流，设计约束和代码质量三个角度来做一下总结，希望反思 ......
Web学习(一)——html基础标签
html基础标签 学习网站：https://www.acwing.com/ 学习查询网站：https://developer.mozilla.org/zh-CN/ !+tab自动出现框架 1.1 文档结构 html的所有标签都为树形结构，例如： <!DOCTYPE html> <html lang= ......
2023前端面试题二
图片 png 无损压缩，尺寸体积要比jpg的大，适合做小图标 jpg 采用压缩算法，有一点失真，比png体积要小，适合做中大图片 gif 一般是做动图的 webp 同时支持有损或者无损压缩，相同质量的图片，webp具有更小的体积 css的盒子模型 标准盒子模型 margin/border/paddi ......
简单聊聊，使用Vue.js编写命令行界面,前端开发CLI的利器
Temir 介绍 Temir,一个用Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本. <script lang="ts" setup> import { ref } from '@vue/runtime-core' import { TBo ......
【Web】前端框架对微软老旧浏览器的支持
零、原因 最近要做一个项目，要能在学校机房运行的，也要在手机上运行。电脑和手机，一次性开发，那最好的就是响应式前端框架了。手机和正常的电脑兼容性问题应该都不大，但是学校机房都是Win7的系统，自带的都是IE8的浏览器。虽然有安装谷歌浏览器、360浏览器啥的，但是默认的还是IE浏览器。这就有一个问题， ......
vue学习 第五天 css基础 --- ps操作 / 圆角边框(border-radius) / 阴影（盒子/文字）box-shadow / text-shadow
ps基本操作 1、ps的基本操作 2、ps快捷操作的位置 3、样式书写习惯 4、样式设置的小细节（注意） 1、图片设置width： 100% 这样图片的宽度就不会超过父容器的宽度。 2、块元素没有设置宽度，给margin左右是没有效果的。 3、块级元素独占一行，将块级元素改为行内块元素就可以与其他行 ......
html相关
SSI：服务器端嵌入 SSI：Server Side Include，服务器端嵌入。 通俗点讲，就是在本地的html页面中，插入服务器上的文件。即：静态页面中，插入动态的代码。 比如： <head> <meta charset="UTF-8"> <meta name="viewport" conte ......
CSS开发总结
p标签里的文字溢出怎么办 加一个属性即可： word-break: break-all; inline-block 相关 图片默认是 inline-block 布局，会存在经典的底部 3px 的问题。 ......
2022年Web前端入门自学路线（精简版）
本文的最新内容，更新于2021-10-09。大家完全不用担心这篇文章会过时，因为随着 前端技术的更新，本文也会随之更新。 本文的最新内容也会在GitHub上实时更新。欢迎在GitHub上关注我，一起入门和进阶前端。 我之前写过一篇文章：《裸辞两个月，海投一个月，从Android转战Web前端的求职之 ......
2018年-前端日记
2018年4月份 2018-04-25 userAgent相关：判断微信内置浏览器的UserAgent 2018-04-26 前端相关： 流程图制作工具：ProcessOn api方法的浏览器兼容性问题，可以在这个网站上看：https://caniuse.com/ CSS3的兼容性问题，不一定要使用 ......
2019年-前端日记
2019-04-02 Vue屏幕宽度自适应： https://blog.csdn.net/qq_25386583/article/details/77161478 https://blog.csdn.net/xuaner8786/article/details/81565219 2019-04-07 ......
2022年-前端日记
2022-03-30 有些Mac设备里，Safari浏览器的默认字体竟然是宋体，这太奇怪了。建议在页面的 body 标签设置字体族的优先级，还是很有必要的： font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang S ......
2022年Web前端开发流程和学习路线（详尽版）
本文的最新内容，更新于 2022-06-27，会在GitHub上同步更新，欢迎 star。大家完全不用担心这篇文章会过时，因为随着前端领域的技术更新，本文也会随之更新。 前言 前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、 ......
【Nginx】配置俩前端，指定路径的时候报错的原因
# NGINX 配置文件 listen 80; server_name XX.XX.XX.XX ; # 配置前台的前端 location / { index index.php index.html index.htm default.php default.htm default.html; ro ......
前端进化笔记-JavaScript（二）
因为作者学过其他类c语言，就不对大家都熟悉的内容进行赘述了。 ###语法 JavaScript区分大小写 标识符：变量，函数，属性，函数参数的名称 第一个字符必须是字母，下划线（_），美元符号（$）； 关键字、保留字、true、false和null不能用作标识符 作者在后续阅读的过程中，发现对各种名 ......
有关css图片不显示的问题的相关解决
问题描述 在项目里面明明有图片的相关路径，也没有任何报错，就是图片无法显示 问题解决 我这里就是img标签的显示问题，在html页面加上这样一行代码就好啦： <meta name="referrer" content="no-referrer"> 就可以完美解决这个问题啦！ ......