Vue源码学习（一）env.js

最新推荐文章于 2024-09-17 22:02:58 发布

qs8lk88

最新推荐文章于 2024-09-17 22:02:58 发布

阅读量3.1k

点赞数 1

分类专栏：框架开发 Vue

本文链接：https://blog.csdn.net/qs8lk88/article/details/79177738

版权

本文探讨Vue框架内util目录的env.js文件，重点在于环境检测与兼容性处理。env.js利用flow框架提高开发效率，是Vue项目运行的关键部分。

摘要由CSDN通过智能技术生成

Vue框架中，util目录下的env.js，主要内容是做项目运行环境的检测和部分兼容处理。Vue框架中使用了facebook的flow框架，来提升开发效率。

具体笔记如下：

// @flow

// 是否能够使用__proto__ 代表原型对象
export  const hasProto = '__proto__' in {};

// 检查运行环境是否是浏览器，如果是，检查是哪个浏览器
// 通过判断window是否是undefined，来判断运行环境是否是浏览器，在浏览器中，window不是undefined，而是顶层对象
export const inBrowser = typeof window !== 'undefined';
// 判断代码是否运行在weex环境中，weex是阿里推出的一个库，可以用前端的js、html、css写移动端的项目
export const inWeex = typeof WXEnvironment !== 'undefined' && !! WXEnvironment.platform;
// 判断是weex下的移动端的哪种环境
export const weexPlatform = inWeex && WXEnvironment.platform.toLowerCase();
// BOM中的navigation
export const UA = inBrowser && window.navigation.userAgent.toLowerCase();
// 判断是否是IE，通过正则匹配看有没有IE的前缀
export const isIE = UA && / msie | trident /.t