面试题 ：2022-04-06

1 - 主题目

[css]请说说在css中font-feature-settings属性有作用？(了解)

font-feature-settings 属性主要用于控制 OpenType 字体中的高级印刷特性。

/* 启用 small-caps */
.ex1 { font-feature-settings: "smcp" on; }

/* 将大写和小写都转换为小型大写字母 */
.ex2 { font-feature-settings: "c2sc", "smcp"; }

/* 没有常见的连字 */
.ex3 { font-feature-settings: "liga" 0; }

/* 启用自动分数 */
.ex4 { font-feature-settings: "frac"; }

注释：Internet Explorer 9 以及更早的版本不支持 font-feature-settings 属性。

2 - 推荐思考

[html]说说你对html中的置换元素和非置换元素的理解

    置换元素是指：浏览器根据元素的标签和属性，来决定元素的具体显示内容。例如：浏览器根据标签的src属性显示图片。根据标签的type属性决定显示输入框还是按钮。
    非置换元素：浏览器中的大多数元素都是不可置换元素，即其内容直接展示给浏览器。例如标签，
    标签里的内容会被浏览器直接显示给用户。

[html]请说说应用缓存中的回退和网络分别是什么？

应用缓存中的回退，指在服务器不可访问时，将会显示某文件。

FALLBACK:
/home/ /homeoffline.html

网络命令描述不需要缓存的文件，例如以下代码中，我们说”home.aspx”永远都不应该被缓存或者离线访问。

NETWORK:
home.aspx

[css]Less文件的扩展名是什么？

.less

[css]写出几个初始化CSS的样式，并解释说明为什么要这样写

*{
	margin:0;
	padding:0;
}
清除内外边距

[js]写一个方法获取图片的exif信息

在这里插入代码片

[vue]如何看待浏览器兼容vue问题的？

在 vue cli2 项目中使用Vuex时，ie浏览器会出现“Vuex requires a Promise polyfill in this browser”的错误提示，这是因为使用了ES6 Promise,而IE浏览器不支持，

安装babel-polyfill 执行以下命令，重启服务器：

npm install --save babel-polyfill

在main.js引入

import 'babel-polyfill'

在webpack.base.conf.js中配置:

entry: {
    app: ['babel-polyfill','./src/main.js']
},

vue-cli3下 解决浏览器兼容性问题
安装babel-polyfill依赖

 npm i babel-polyfill --save-dev

在src同级目录下新建vue.config.js文件配置如下

module.exports = {
    configureWebpack: {
        devServer: {
            proxy: {
                //名字自定义/
                '/api/': {
                    target: '设置自己调用的接口', //设置你调用的接口域名和端口号 
                    ws: true, // 是否代理websockets
                    changeOrigin: true, //这里设置是否跨域
                    pathRewrite: {
                        '^/api/': 'https://www.163.com'
                    }
                }
            }
        }
    },
    chainWebpack: config => {
    // 其他配置
    config.entry('main').add('babel-polyfill') // main是入口js文件
    // 其他配置
   }
}