![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
文章平均质量分 78
fernwehseven
这个作者很懒,什么都没留下…
展开
-
作为前端,你必须要知道的meta标签知识
前言转战掘金很久啦,欢迎关注我的掘金账号:花椰菜菜的主页前几天面试baidu的时候,面试官问:你都知道什么meta标签?用处是什么?尽可能多的说出来。我:嗯…… 嗯…… 我一般都自动生成… 面试官:……后来俺找资料好好学了下,再看了taobao和头条的网页才知道:meta标签用处可大得很呐!今天就来浅浅总结一下。顺便感叹一下字节这块适配做的是真的蛮好概览meta标签一般放在整个html页面的head部分,在MDN中对他这样定义:meta是文档级元数据元素,用来表示那些不能由其它 HT原创 2022-05-05 21:52:09 · 437 阅读 · 0 评论 -
为什么会存在1px问题?怎么解决?
前言在面试中我们常会被问到怎么解决1px问题,要知道解决方案,我们首先要知道这个问题的来源。在这篇文章里,我会尽可能通俗的阐述这个问题出现的源头,一起去思考这个问题的解决方案。设备尺寸、像素、分辨率设备尺寸设备尺寸指的是设备对角线的长度,单位是英寸。 像素是组成图片的色彩和亮度的最小图像单元,是显示屏的画面上能表现出来的最小单位。分辨率屏幕分辨率是指纵横向上的像素点数,单位是px。两个大小尺寸相同的屏幕而言:当屏幕分辨率低时(例如 640 x 480),在屏幕上显示的像素少,单个像素尺寸原创 2022-04-14 16:10:04 · 1331 阅读 · 0 评论 -
去除两个inline-block之间的间隔
前言最近在css battle网站巩固css时,遇到了一些问题,浅记录一下。需求和问题html的body部分如下:<li> <div class='no1'></div> <div class='no2'></div> <div class='no3'></div> <div class='no4'></div><li>现在需要将盒子排列成如下布局,需要将盒子转为i原创 2022-02-07 18:04:12 · 629 阅读 · 0 评论 -
typora图片自动左(右)对齐
前言最近学东西用typora记笔记的时候,觉得图片放中间太丑了,我就每次用align这个属性调节一下放在左边,但是每次都这么调感觉有点麻烦,就干脆设置一下自动调节。我之前的方法这个方法适用于:觉得图片放中间还行,偶尔需要把图片放在左边的小伙伴~(应该很少有人需要放在右边叭~kkkk)在你插入的图片链接后面加上一个属性align='left'完整的如下图就会变成左对齐啦~缺点是每次插入图片都要敲一遍,有点麻烦。左对齐_更方便的方法在你插入的图片的完整img标签后面随便敲一个空格(有说法是原创 2022-01-19 19:39:01 · 2887 阅读 · 1 评论 -
对CommonJS和ES6 模块异同的思考(含循环加载)
文章目录前言CommonJS和ES6 模块异同说一说两者循环加载的处理机制前言最近在学习的过程中了解到了一些CommonJS的模块机制,借机总结一下其与ES6模块的异同,本文参考了博客园博主凯斯keith 的文章,也参考了博客园博主forcheng>的文章,详情点击如上链接。CommonJS和ES6 模块异同不同CommonJS:使用require引入模块,一个文件就是一个模块对于模块中简单类型的变量:属于对原变量的复制;在导入该模块的文件里对该变量的修改不会同步到原模块,在原模块里对原创 2022-01-09 15:43:56 · 557 阅读 · 0 评论 -
伪元素中以symbol方式引入iconfont图标
伪元素中以symbol方式引入iconfont图标下载图标将字体文件引入项目在伪元素中使用字体图标最近在做前端的一些基础练习时需要在伪元素中引入一些字体图标,在网上没有找到相关的教程,自己摸索了一下调试出来了。下载图标先在官网选择想下载的图标,加入购物车,然后在购物车中将选择的图标加入项目。按照下图,选择以symbol的方式引入,然后点击下载至本地,你会得到一个压缩包。将字体文件引入项目将压缩包解压之后里面有一个demo_html文件,打开可以查看官方的三种 在body中 引入字体图标的方式。原创 2021-11-30 16:32:31 · 1403 阅读 · 0 评论