前端html css
CSS基础-行和段落常用属性
介绍三个和行相关的属性。 ### line-height 定义行高，即行的高度，数值单位用px、字号倍数、百分比表示。 ```html ``` **垂直居中** 有一种垂直居中的方式就是用行高等于盒子高。 ```jsx 这是标题 文字 ``` ### text-align 文本的水平对齐方式 | 值 ......
html2
html2 HTML部分常见问题 1.怎么让—个不定宽高的DIV，垂直水平居中? 使用css方法 父盒子设置:display : table-cell; text-align: center ; vertical-align: middle ; Div设置:dis play : inline-blo ......
html面试1
html面试1 seo搜索引擎注意事项 “SEO是指搜索引擎优化。全称为(Search Engine Optimization)。 根据权重来看，常用的是<title></title>标签，然后是<meta>标签，meta标签一般用两种，<meta name="keywords" content=" ......
【校招VIP】CSS校招考点之选择器优先级
考点介绍： 选择器是CSS的基础，也是校招中的高频考点，特别是复合选择器的执行优先级，同时也是实战中样式不生效的跟踪依据。 因为选择器的种类较多，很难直接记忆，可以考虑选择一个相对值，比如id类型，然后把简单选择器和复合选择器进行理解记忆。另外在项目练习中实战使用增加理解。 一、考点题目 1.对cs ......
Nginx返回的css样式不加载
不小心修改了nginx.conf，之前的配置全部丢失。好在配置项挺少，就只开启了gzip和转发请求时在请求头中添加原始ip。 奇怪的是，部分项目打开后样式丢失。 查看控制台，css文件能够正常下载。注意到css的content-type，为text/plain： 这样问题原因就很明确了，应该是gzi ......
创新的前端框架： Hybrid技术的不断发展
Hybrid App混合应用开发原理Hybrid App，即混合应用是指同时使用前端技术与原生技术开发的 App。通常由前端负责大部分界面开发和业务逻辑，原生负责封装原生功能供前端调用，二者以 WebView 作为媒介建立通信，从而既拥有 Web 开发的速度优势，又能拥有强大的原生能力。从前端开发者 ......
CSS object-fit 属性
CSS object-fit 属性 标签定义及使用说明 object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 您可以通过使用 object-pos ......
前端进化笔记-JavaScript（四）
生活想要将我活埋，怎料我是一颗种子 #基本引用类型 > 对象是引用类型的实例：new后面跟一个构造函数就创建了一个新对象，例如`let now = new Date(); `，这样就创建了一个Date对象. ### Date类型 ####方法 - Date.parse（ ）：根据传入的参数返回毫秒数 ......
css
``` a,button{outline:0}.day,.entrylistItem,.entrylistPostSummary,.feedbackCon,.feedbackItem,.feedbackListSubtitle,.postCon,.postMeta,.postSticky{posit ......
关于前端开发中 img 元素的 srcset 属性
`img` 标签的 `srcset` 属性是一种用于响应式网页设计的属性，它允许开发者为图像提供不同大小和分辨率的版本，以便根据设备的屏幕大小和像素密度自动选择最合适的图像进行显示。通过使用 `srcset` 属性，可以在不同设备上提供最佳的视觉体验，避免了不必要的图像变形和加载大尺寸图像的性能问题 ......
什么是前端开发领域中的屏幕像素密度 Pixel Density
当谈论到前端开发中的像素密度（Pixel Density），实际上是在讨论设备屏幕的像素密度，也称为像素密度或PPI（Pixels Per Inch）。像素密度是指屏幕上每英寸（2.54厘米）所包含的像素数量。它是一个重要的概念，因为不同的设备在相同尺寸的屏幕上可能拥有不同的像素密度，从而影响显示效 ......
Luckysheet：一个纯前端的excel在线表格
最近因为项目要求，需要在页面上添加一个在线编辑excel的功能，因此只能在网上找有没有直接用的插件，最后很幸运的是幸好找到了一个 luckysheet. 这个是从luckysheet官网上找的图片，先看下能用插件做那些效果。 这个是中文官网地址:https://mengshukeji.gitee.i ......
【校招VIP】前端JS语言考点之px rem等单位
考点介绍： rem vm等问题是前端面试里的高频题型。但是不少同学并不能很清楚的说明为什么在有px单位之后，还需要rem单位？往往会往不对的自适应方向回答。作为基础性问题，只要回答不出来，面试就通过不了，需要真正理解，而不是死记硬背。 一、考点题目 1.请你说说em与rem的区别？ 解答：rem是C ......
前端周刊第66期：TypeScript教程、ESM、React泡沫、htmx、测试文章
周刊同步发表于微信公众号“写代码的宝哥”，欢迎各位小伙伴前来关注 😄！ ## 快讯  - 软一峰老师最近发布了[《 ......
css计数器基本用法
counter-reset 定义计数器 counter-increment 定义计数器步长 counter() / counters() 使用计数器 1. counter-reset counter-reset: count1 1.1 在同一层级中，重复使用counter-reset，可重新开始计数 ......
WebStorm 2023(Web前端开发工具) v2023.2中文mac版
WebStorm 2022 mac版是一款基于 WebSocket的 Web应用程序编程工具，旨在通过 Web应用程序的代码将 HTML和 CSS文本从浏览器返回到服务器。 WebStorm采用 MVC架构，其中每个模块都在其内部运行。WebStorm 适用于 JavaScript 和相关技术的集成 ......
JavaScript根据json生成html表格的示例代码
JavaScript根据json生成html表格的示例代码 更新时间：2018年10月24日 09:37:05 作者：DH镔 这篇文章主要介绍了JavaScript根据json生成html表格的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 之前公司有一个需求是 ......
CSS基础-文字样式
# 文字样式 文字是网页展示的重要内容之一，所以对文字的修饰也是CSS重点关注的一部分， CSS提供了以下常用的样式属性来修饰文字。 ### color 属性 color 用来设置文字颜色。 设置方式支持以下几种格式 - 英语颜色单词形式，如: red（红）、black（黑）、orange（橙色）等 ......
记录一次前端表格选型过程
> 摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 ## 客户需求： 最近，接到一个客户项目，前期沟通时，客户说，我们日常基本都是使用Excel ......
Html5多媒体实现微信语音功能
随着微信等社交App的兴起，语音聊天成为很多App必备功能，大到将语音聊天作为主要功能的社交App，小到电商App的语音客服、店小二功能，语音聊天成为了必不可少的方式。 但是很多人感觉网页端语音离我们很遥远，这些更多是本地应用的工作，其实不然，随着Html5的发展，语音功能也渐渐成为前端必会的功能之 ......
数据安全之数据库字段加解密检索和前端返回脱敏？看看我这个最强解决方案
# 数据安全之数据库字段加解密检索和前端返回脱敏？看看我这个最强解决方案 ## 前言 数据安全一直是我们老生常谈的话题了,随着国产化的日渐推进和数字化信息改革,数据安全越来越被人们所重视。数据库作为存储、管理和检索数据的核心基础设施，其中可能包含着大量的敏感信息，如个人手机号、身份证号码、银行账户、 ......
html基础面试题 & html的元素居中的常用方法（基础知识温习）
### html基础面试题 & html的元素居中的常用方法日常温习 1，**使用`text-align: center;`属性**： 对于内联元素（如文本或图片），可以将其父元素的`text-align`属性设置为`center`。 ```html 居中文本 ``` 2，**使用`margin`属 ......
HTML+CSS实现炫酷的登录界面
HTML+CSS实现炫酷的登录界面 上效果图！ 鼠标点击用户名或密码，字体会向上滑动，调节大小并高亮。 鼠标放到登录按钮上，按钮可以高亮！ 下面是HTML的代码： index_log.css放到指定的位置就行 <!DOCTYPE html> <html lang="zh-CN"> <head> <m ......
CSS随笔
1、什么是CSS CSS是什么 CSS怎么用 CSS选择器 美化网页 盒子模型 浮动 定位 网页动画 1.1、什么是CSS 层叠样式表 1.2、发展史 CSS1.0 CSS2.0 Div(块) CSS HTML与CSS结构分离的思想，网页变得简单，SEO CSS2.1 浮动定位 CSS3.0 圆角， ......
HTML&CSS基本知识
# HTML&CSS基本知识 ## 一、HTML基本介绍 ```tex W3C标准（成立于1994年，web技术领域最权威和具影响力的国际中立性技术标准机构） world Wide web Consortium(万维网联盟) W3c标准包括： 结构化标准语言（HTML、XML） 表现标准语言（CSS ......
前端实现图片文字识别并提取
需求： 其实这个需求还是挺常见的，经常会看到一些app或网页拍一张图片或者上传一张图片则需要提取图片中的数字或文字，这里我采用了 tesseract.js 实现。这个前端插件的好处是字母和数字的识别率挺高，但对中文的识别略差，根据需求可进行取舍。 物料： 一张带有数字的图片。 效果： 代码： ind ......
C C++ Java python HTML/CSS/JavaScript
C/C++是一种底层的语言，它可以直接操作内存和硬件，运行速度很快，但是也很难学习和调试，容易出错。Java是一种面向对象的语言，它可以跨平台运行，有很多成熟的框架和库，适合做大型的企业级应用，但是也很繁琐和冗长，需要写很多代码。Python是一种高级的语言，它可以用简洁的语法来实现复杂的功能，有很 ......
HTML 全屏水印 vue 全屏水印
HTML 全屏水印 vue 全屏水印 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>水印</title> <style> #water-div{pointer-events:none;position:fixed;top:0; ......
关闭ESlint/路径起别名/配置前端代理/引入模块报错
## 怎么关闭ESlint语法检查(不建议) > 1. vue-cli创建的项目, 在`vue.config.js`文件里面 > > ```js > // vue.config.js > const { defineConfig } = require('@vue/cli-service'); > ......