==移动开发基本知识点== 一. 使用rem作为单位 html { font-size: 100px; } @media (min-width: 320px) { ...

==移动开发基本知识点== calc基本语法 它可以支持加，减，乘，除; 在做手机端的时候非常有用的一个知识点; 优点如下： 支持使用 "+"、"-"、"*"、"/" 四则运算 可以混合使用百分比(%)、px、em、rem等作为单位可进行计 ...

css中的单位很多，%、px、em、rem、vw、vh等。每个单位都用特点的用途，比如当需要设置一个矩形的宽高比是16:9,并且随屏幕宽度自适应时，除了%,其他的单位都很难做到，所以说不存在某个单位是错误的，某个单位是最好的这种说法。 本文 ...

我们接着上一篇文章react+webpack4.x搭建前端项目（五）多页面配置 来进行配置模块的单独打包方式（下边简称多app打包） 多app打包的意思是：多个模块单独打包，模块之间的资源互相不依赖，某一模块的资源打包在该模块下。这是和多页 ...

在React项目开发的过程中，我们常用styled-components来做css的私有化。为了提高开发的效率，在这里把styled-components的语法提示高亮，以及px转rem的方法。注：笔者在日常开发中使用的 ...

Vue 的 computed 经常会用到，其中包含以下两个重点： 1、 computed 的计算结果会进行缓存； 2、只有在响应式依赖发生改变时才会重新计算结果。 接下从源码的出发，看看能不能验证这两个重点。为了能更好理解 computed ...

1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: ...

简单说下代码分割。 git仓库：webpack-demo 1、什么是codeSplitting？ 前面第7章讲output多页面相关的内容时，我们将content.js、header.js、footer.js分别打包为三个文件，然后我们在 ...

面向有一定前端基础的同学（简单会用HTML5、CSS3、javascript相关语法即可） 一 、准备工作（熟悉此过程的可以跳过本章节） Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 详细异步>>https://cli ...

点个关注吧！大佬们，代码看看就好不是多好看的样式 样式(css)： *{ margin: 0; padding: 0; } html,body{ width: 100%; height: 100%; } #p ...