菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-张静博-2023-6-29 [打印本页]

作者: JBZ 时间: 2023-7-3 19:52
标题: 前端-张静博-2023-6-29
一、学习内容

创建项目

vue create music

初始化HTML中的代码

目标：解决浏览器兼容问题，SEO（TKD），网页快捷图标等。

puclic/index.html的header中加入下列代码，讲引用的图标拷贝到public目录

public中的文件不会被webpack处理
借助postcss-pxtorem实现自动将px转换成rem

1 先测试单位会不会变为em，编写app.vue
2 安装：postcss-pxtorem
根目录新建配置文件：postcss.config.js

借助webpack实现CSS3/ES678语法的兼容
1 验证css3：加入transform属性
2 兼容浏览器配置文件;.browserslistrc
-webkit 表示针对safari浏览器支持。

-ms表示针对 IE 浏览器支持。

-moz 表示针对Firefox浏览器支持。

-o：表示针对欧朋【opera】内核识别码
初始化默认的全局样式

1 /src/assets中添加默认样式文件：

|----base.scss: 将其他样式全部引入，及基础样式设置

|----reset.scss：清空样式

|----variable.scss：常用变量（如：字体规范，常用字体颜色等）

|----mixin.scss：自定义函数

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)