前端专栏

前端专栏

前端专栏

html、css、JavaScript、vue等前端技术栈所遇问题汇总，以及知识点总结记录

等 1 人订阅共49篇文章创建于2022-07-27

line-height(行高)和vertical-align(基线对齐)

line-height和vertical-align是设置行内元素布局的关键属性，在此带你深入理解二者之间关系以及详细用法

3年前
207
点赞
评论

css3新增文本属性

`text-shadow`为文字添加阴影，阴影值之间用**逗号**隔开，每个阴影值由元素在X和Y方向的偏移量、模糊半径和颜色值组成

3年前
84
点赞
评论

box-shadow(盒子阴影)

可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开。该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。

3年前
218
点赞
评论

gradients(渐变)

CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡，*线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向，径向渐变（Radial Gra

3年前
228
点赞
评论

MVVM模式理解

`MVC` 即 Model-View-Controller 的缩写，就是模型—视图—控制器，也就是说一个标准的Web 应用程式是由这三部分组成的： * `View` 用来把数据以某种方式呈现给用户

3年前
136
点赞
评论

vue.js是什么？它的优点有哪些？

Vue.js 是一套响应式的 JavaScript 开发库。其他前端开发库也有很多，比如 jQuery、ExtJS、Angular 等。

3年前
1.2k
点赞
评论

JavaScript基本使用语法

HTML 中的脚本必须位于 \<script> 与 \</script> 标签之间。脚本可被放置在 HTML 页面的 \<body> 和 \<head> 部分中（通常放在body）

3年前
174
点赞
评论

解决html页面运行时出现乱码问题

HTML中的编码方式有三个：gb2312，gbk，utf-8；现在大部分浏览器默认编码的是utf-8。我们只需要把HTML编码方式设置为utf-8，就可以解决html中文乱码的问题

3年前
322
点赞
评论

初识JavaScript变量

* 变量即变化的量，在JS中变量是松散类型的，可以用来保存任何数据类型。把数据取个名字，放在内存中，就称之为变量！ * 通过变量名可以取到对应数据

3年前
47
点赞
评论

JavaScript入门简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

3年前
124
点赞
评论

JS中8种数据类型

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。

3年前
484
点赞
评论

flex布局详解

2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能

3年前
109
点赞
评论

浏览器内核有几种？

什么是浏览器内核？简单来说，浏览器内核是浏览器的核心，也称“渲染引擎”，用来解释网页语法并渲染到网页上，浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息浏览器内核又可以分成两部分：渲染引

3年前
791
点赞
评论

FileReader()读取文件、图片上传预览

前言 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要

3年前
199
点赞
评论

渐进增强和优雅降级

1、背景介绍渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最

3年前
163
点赞
评论

rem自适应移动端布局

简介在页面整体布局中，页面元素的尺寸大小（长度、宽度、内外边距等）和页面字体的大小也是重要的工作之一。一个合理设置，则会让页面看起来层次分明，重点鲜明，赏心悦目。反之，一个不友好的页面尺寸和字体大

3年前
734
点赞
评论

2022年form表单中input控件最详细总结

语法 <input type="" name="" id="" value="" placeholder=&quo

3年前
235
点赞
评论

a标签如何禁止href跳转或链接？

在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，可以设置其属性 href = "#"，但是，这样会有一个问题，就是当页面有滚动条时，点击后会返回到页面顶

3年前
2.3k
1
评论

什么是浮动？浮动带来的影响？怎么清除浮动？

浮动介绍浮动（float）最初是为了让文字环绕图片排布，就想报纸上面的图文混排模式。但 Web 开发人员很快意识到，任何东西都可以浮动，而不仅仅是图像，所以浮动的使用范围扩大了。浮动曾被用

3年前
294
点赞
评论

css3中transition属性详解

css3中通过transition属性可以实现一些简单的动画过渡效果~ 1、语法 transition: property duration timing-function delay; transi

3年前
366
点赞
评论