-
2021年web前端面试集锦
一. HTML、CSS相关 html5新特性、语义化 语义化标签 ： header nav main article section aside footer 语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 语义化的优点有: 代码结构清晰，易于阅读，利于开发和…- 1.1k
- 0
-
伪元素的妙用–单标签之美
:before和::before的区别 在介绍具体用法之前，简单介绍下伪类和伪元素。伪类大家听的多了，伪元素可能听到的不是那么频繁，其实 CSS 对这两个是有区分的。 CSS2及CSS3伪类区分 CSS3伪元素单双冒号区分 有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 规范中的一部分要求，目的是为了区分伪类和伪元素，大多数浏览器都支持这两种表示方式。 1 #…- 986
- 0
-
vue-cli3项目搭建配置以及性能优化
项目初始化 注意：安装前请确保有安装node.js，并且node>=8.9 全局安装vue npm install -g @vue/cli 如果之前安装了vue旧版本，查看vue --version 创建项目 vue create vue-cli3-init(项目名) 注：名称不能采用驼峰 vue-cli3也可以采用UI面板进行配置，相对比较方便，目前先写命令行创建，后续再加上面板创建。 …- 760
- 0
-
vue项目移动端、pc端适配方案
vue项目移动端、pc端适配方案 lib-flexible 根据屏幕宽度，自动设置html的font-size postcss-px2rem 自动将px单位转换成rem 一、第一步先安装 flexible和 postcss-px2rem（命令行安装） npm i lib-flexible -S npm i postcss-px2rem -S 简要介绍这两个包的用途： flexible会为页面根据屏…- 1.6k
- 0
-
vue-cli3项目搭建配置以及性能优化
vue-cli3项目搭建配置以及性能优化 在之前的开发中主要用的是vue-cli2，最近空闲时间比较多，接下来有新项目，本着偷懒的本能，自己打算搭建一个基础包以备后期开发应用，并对其进行性能优化和配置 搭建整个过程如下： 初始化项目 修改目录结构 多环境运行 axios封装 模块化vuex 全局引用样式 移动端适配配置 常用util 引入第三方UI框架 配置vue.config.js文件 vue项…- 813
- 0
-
vue实现PC端分辨率适配
依赖 项目基础配置使用 vue-cli生成自适应方案核心： 阿里可伸缩布局方案 lib-flexiblepx转rem：px2rem，它有webpack的loader px2rem 开始 先使用vue脚手架初始化一个webpack项目 vue init webpack 项目名 项目初始化好了之后，进入项目目录中 (cd 项目名) 安装lib-flexible 和 px2rem-loader npm…- 1.3k
- 0
-
自适应和响应式的区别
前言 “自适应设计和响应式设计的区别”是个老生常谈的问题，在这里将更加直白的来介绍它们之间的不同之处。 视窗 先来了解一个概念（下文中经常出现）： 视口：用户浏览信息屏幕尺寸大小（每一个视口后面都是真实一位的用户） 概念： 响应式设计（Responsive design）： [百科]：响应式设计是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端—…- 1.1k
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×