前端html css
HTML表格常用属性
table常用属性 属性名字 描述 width 表格宽度 height 表格高度 cellspacing 表格中单元格边框大小,一般设置为0 border 表格的边框大小,如果设置为0,表格是没有边框的且单元格也没有边框, 意思是整个表格都是没有边框的 cellpadding 表格中单元格内容与单元 ......
css块级标签、行内标签、行内块标签的特点和相互转换
## 块级元素 - 常见的块级元素 h1-h6、div、p、ul、ol、li等，div最常用！ - 块级标签的特点 - 独占一行 - 高度、宽度、内外边距都可以设置（重要） - 宽度默认是容器（父级标签）的100% - 是一个容器盒子，里面可以放其他行内或者块级元素 > 注意点： 1.文字类的元素内 ......
emmet快速生成html标签和css样式
## emmet快速生成html标签语法 > 1.生成标签，直接输入标签名，按下tab键即可； 2.生成多个相同标签，加上*即可，如生成3个div标签，div*3； 3.生成父子级的标签，使用>号，如ul>li; 4.生成兄弟标签，使用+号，如div+p; 5.生成带有类名或者id名的标签，直接写. ......
CSS基础：学习CSS样式的基本语法和应用，了解如何美化网页。
CSS（层叠样式表）是一种用于描述网页上元素（例如文字、图像、背景等）外观和布局的样式语言。通过使用CSS，您可以控制和改变网页的外观，使其更具吸引力和易于使用。 下面是一些CSS基础知识和常用的语法： 1. 选择器：CSS中的选择器用于选择要应用样式的HTML元素。最常见的选择器是元素选择器（例如 ......
记录--用css画扇形菜单
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1、效果图 用手机录屏再用小程序转换的gif，可能精度上有点欠缺。 2、实现过程 1、观察及思考 开始编码前我们首先观察展开后的结构：两个四分之一的圆加三个圆形菜单项。 文章名为用css画扇形，如上图所示没有任何Javascript辅助却 ......
CSS基础-权重计算
### 权重计算 CSS 的一个重要特性就是**层叠性**，即多个css块可以同时作用在一个标签上，效果可以叠加。 如果作用在同一个标签上的css语句块中有相同的语句内容， 那么他们之间谁会生效呢？ 因此，必须要有一个机制去从中间协调， 这种机制就是权重计算。 CSS规定几种简单的选择器之间的权重如 ......
前端断点续传
前端文件如果需要实现断点续传；那么就涉及这么几个东西； 1、文件的唯一标识：文件的md5值 2、文件的读取和切片的方法：FileReader对象； 这个支持率不是很高 有了这两个东西，断点续传就好做了； 前端拿到一个文件后；先用FileReader读取这个文件流，然后获取md5值并切片，切片上传；每 ......
认识HTML
HTML（超文本标记语言）是一种用于创建网页结构和内容的标记语言。它由一系列的标签组成，每个标签都包含了不同的元素和属性，用于定义文档的结构和样式。在下面的文章中，我们将探讨HTML的一些基本概念和用法。 一、认识HTMLHTML是一种被广泛应用于互联网的标记语言，它使用一系列的标签来定义文档的结构 ......
重置CSS的必要性
在Web开发中，CSS（层叠样式表）起到了控制网页布局和样式的重要作用。然而，由于不同网站浏览器对CSS的解释和支持略有差异，导致在不同浏览器下，同一网页可能出现布局错乱、样式不一致等问题。为了解决这些问题，Reset CSS的出现变得至关重要。 Reset.css的作用 Reset CSS是一种C ......
第一次尝试——2048前端开发（HTML+CSS+JS）
实现4*4 2048的三种工具利用： HTML：实现页面的基本框架。 CSS：实现页面的样式。 JS：实现2048的功能。 利用JS实现功能的思路： 初始化每个格子，随机生成2个数 生成随机数 实现键盘监听事件 实现上下左右移动 记录游戏得分 判断是否有空余格子 判断是否还能移动格子 实现重新游戏 ......
前端学习的顺序
103 人赞同了该回答 先学重难点，也就是 JS 的三座大山：this、原型、异步。 然后学习好标准库：Array（push、shift）Function（call、bind）Date、RegExp 等 接着就是浏览器提供的 DOM 和 BOM（现在叫做 Web APIs） 然后就是开始学习封装技巧 ......
如何将HTML5的性能发挥到极致
HTML5作为新兴领域越来越热。然而在移动设备硬件性能弱于PC的背景下，对性能的需求显得更为重要，而HTML5性能优化前与优化后有着极大的差别，如何优化才能提高性能，对此熟知的人很少。本文以LayaAir引擎为例，通过代码示例详细阐述如何利用引擎对HTML5作出性能的极致优化。 主题包括： 代码执行 ......
Asp.Net Core 之 @Html.Action 迁移
想必只要 接触了 net core的小伙伴们 已经发现 @html.Action()方法 官方已经不提供支持了，转而使用 ViewComponents替代了，同时也增加了TagHelper。但是 如果想用以前的@Html.Action()方法，我们其实可以自己动手去实现它。 下面就开始 实现之旅吧！ ......
【JavaScript36】HTML DOM创建/插入/删除/替换元素
## createElement 创建元素 - document.createElement() 可以创建一个元素 - document.createTextNode() 创建一个文本节点 - appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。 ``` 这是文本内容 ``` ......
基于 Webpack4 和 Vue 的可热插拔式微前端架构
如果项目对你有所帮助，可以给个star Github地址 什么是 Puzzle Puzzle 是基于 Vue 和 Webpack4 实现的一种项目结构；业务模块可以像拼图一样与架构模块组合，形成不同的系统，而这一切都是可以在生产环境热插拔的；这意味着你可以随时向你的系统添加新的功能模块，甚至改版整个 ......
css3瀑布流布局遇见截断下一列展示后半截现象
## css3 瀑布流布局遇见截断下一列展示后半截现象 - 注：css3实现瀑布流布局简直不要太香～～～～～ ## 场景-在uniapp项目中 ### 当瀑布流布局column-grap:10px 相邻两列之间的间隙为10px，column-count:2,2列展示时，就出现了截断问题，如下图： ! ......
MVVM 前端视图层 开发理念
MVVM前端视图层开发理念MVVM是前端分层开发理念，总共分为3层，包括M层、V层和VM层，其中VM层是核心，也是M层和V层的调度者。 M层是每个页面中存储的数据，也称作数据层Model； V层是每个页面中的HTML代码，也叫作视图层View，一般是把M层中的数据渲染到V层。 M层中的数据并不能直接 ......
跳过前端网页无限debugger
跳过网站循环debugger + 在debugger处打断点后点击浏览器禁用断点后刷新页面 + 在debugger前行号处右键，选择一律不在此处暂停 + 添加Add conditional breakpoint 填写false + 替换文件 [参考文章](https://cloud.tencent. ......
不务正业的前端写了一个自动化测试工具
各位朋友大家好，大家应该都是被这么奇葩的标题吸引点击进来的吧，既然来了，那就跟我一起读下去吧，保证你这几分钟没有浪费（即使浪费了也能给你不一样的想法），废话不多说，大家坐稳，系好安全带，开始发车喽！！！🚗🚗🚗 ## 灵感来源 首先我先简单的做下自我介绍，我其实是一名比较菜的前端开发，或者不安于 ......
css 实现飞入效果
@keyframes flyInLeft { from{ opacity: 0; transform: translateX(-60%); } to{ opacity: 1; transform: translateX(0); } } .class { animation: flyInLeft 1s ......
前端 大文件分片上传处理
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步： 前端修改 由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify ......
css渐变背景条纹且不占全部高度
## 1. 效果  ## 2. 实现 ``` .title { font-size: 15px; font ......
nuxt.js解决seo前端渲染
vue项目前端做seo的两种方式、 1、预渲染模式 场景：并不是所有页面都需要做seo 优点：速度相对较快，压力在前端 缺点：不能预渲染动态路由，如果预渲染非常多的页面，操作繁琐 插件：prerender-spa-plugin 2、ssr服务端渲染模式 场景：所有页面都需要做seo 优点：安全 缺点 ......
前端开发_6-Flutter-组件学习1
[TOC](组件学习) # 前言 # 一、Text ```c Text Text( String data, //文本 {Key? key, TextStyle? style,//文本样式 StrutStyle? strutStyle, TextAlign? textAlign,//文本对齐方式 T ......
前端开发_6-Flutter-组件学习2
[TOC](文章目录) # 前言 # 一、10 Flutter 页面布局 Paddiing Row Column Expanded ## 一、Column ```c (new) Column Column({ Key? key, MainAxisAlignment mainAxisAlignment ......
前端开发_6-Flutter-Dart学习1
# 系列文章目录 @[TOC](Dart学习) # 前言 # 一、Dart是什么？ ## Dart介绍： Dart是由谷歌开发的计算机编程语言,它可以被用于web、服务器、移动应用 和物联网等领域的开发。 Dart诞生于2011年，号称要取代JavaScript。但是过去的几年中一直不温不火。直到F ......
前端开发_6-Flutter-Dart学习2
# 系列文章目录 @[TOC](Dart学习) # 前言 继续继续 # 一、方法 ## 普通方法 ```c 返回类型 方法名称（参数1，参数2,...）{ 方法体 return 返回值; } void printInfo(){ print('我是一个自定义方法'); } int getNum(){ ......
前端开发_6-Flutter学习总结
[TOC](组件学习) # 前言 # 一、Text ```c Text Text( String data, //文本 {Key? key, TextStyle? style,//文本样式 StrutStyle? strutStyle, TextAlign? textAlign,//文本对齐方式 T ......
实践指南-前端性能提升 270%
当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。本文就是从这样的一个背景出发，着手优化网站的前端性能，并总结出一套开发习惯，让我们在日常开发时，也保持高性能，而不是又一次回过头来优化性能。 ......
聚焦Web前端安全：最新揭秘漏洞防御方法
在 Web 安全中，服务端一直扮演着十分重要的角色。然而前端的问题也不容小觑，它也会导致信息泄露等诸如此类的问题。在这篇文章中，我们将向读者介绍如何防范Web前端中的各种漏洞。 ......