§ 考虑到向下兼容 。uni-app编译器在升级为新的自定义组件模式后 。同时保留了对老编译模式的向下兼容 。在HBuilderX alpha版中 。App端一定会使用新编译器 。不理会manifest配置 。在HBuilderX 正式版中 。新创建的项目会使用新编译器 。老项目不会强制使用 。而是开发者自己在manifest里配置开启 。
§ 如果你使用其他ide开发uni-app 。会经常因为拼错单词而运行失败 。因为经过webpack编译一道 。很多错误反应的不够直观 。排错时间很长 。不如从开始就依赖有良好提示的HBuilderX 。避免敲错单词 。
§ 云打包的引擎版本说明HBuilderX Alpha 。只有1套云打包机 。不管你的HBuilderX alpha版本多少 。对应的打包机一定是最新的alpha版的客户端引擎 。HBuilderX正式版 。有2套打包机 。一个是最新正式版 。一个是次新正式版 。中间的紧急更新版本没有独立打包机 。举个例子：HBuilderX 有1.8.0、1.8.1、1.8.2、1.9.0、1.9.1这几个正式版 。那么当前可用的打包机有1.9.1和1.8.2这2台 。（即每个大版本的最后一个版本）除了这2个HBuilderX版本外 。其他版本的云打包都指向最新的1.9.1版对应的打包机 。（即只保留2个大版本的云打包机）
【详情请看】
https://ask.dcloud.net.cn/article/35845
其他观点：
前端面试题：
1. 一个200*200的div在不同分辨率屏幕上下左右居中 。用css实现
<div style=\"width:500px;height:500px;border:1px solid green;display:flex;justify-content:center;align-items:center;\">
<div style=\"\">
2. 写一个左中右布局占满屏幕 。其中左右两块是固定宽度200。中间自适应宽 。要求先加载中间块 。请写出结构及样式：
<div id=\"left\">我是左边</div>
<div id=\"center\">我是中间</div>
<div id=\"right\">我是右边</div>
html,body{ margin: 0px;width: 100%; }
#left,#right{width: 200px;height: 200px;background-color: aqua;
position: absolute;}
#left{left: 0;top:0;}
#right{right: 0;top:0;}
#center{margin: 0 200px;background-color: blue;height: 200px;}
或者利用弹性盒子
<style>
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
}
body {
display: flex;
}
.left {
width: 100px;
background-color: rgb(199, 170, 223);
}
.center {
background-color: rgb(151, 228, 148);
flex: 1;
}
.right {
width: 100px;
background-color: rgb(199, 170, 223);
}
</style>
<body>
<div class=\"left\">left</div>
<div class=\"center\">center</div>
<div class=\"right\">right</div>
</body>
3. 阐述清楚浮动的几种方式（常见问题）
1.父级div定义 height
原理：父级div手动定义height 。就解决了父级div无法自动获取到高度的问题 。
优点：简单、代码少、容易掌握
缺点：只适合高度固定的布局 。要给出精确的高度 。如果高度和父级div不一样时 。会产生问题
2.父级div定义 overflow:hidden
原理：必须定义width或zoom:1 。同时不能定义height 。使用overflow:hidden时 。浏览器会自动检查浮动区域的高度
优点：简单、代码少、浏览器支持好
4. 结尾处加空div标签 clear:both
原理：添加一个空div 。利用css提高的clear:both清除浮动 。让父级div能自动获取到高度
优点：简单、代码少、浏览器支持好、不容易出现怪问题
缺点：不少初学者不理解原理；如果页面浮动布局多 。就要增加很多空div 。让人感觉很不好
5. 解释css sprites。如何使用？
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中 。再利用CSS的“background-image” 。“background- repeat” 。“background-position”的组合进行背景定位 。background-position可以用数字能精确的定位出背景图片的位置 。
CSS Sprites为一些大型的网站节约了带宽 。让提高了用户的加载速度和用户体验 。不需要加载更多的图片
6. 如何用原生js给一个按钮绑定两个onclick事件？
Var btn=document.getElementById(‘btn’);
【你遇到的前端面试题都有什么？】//事件监听 绑定多个事件
var btn4 = document.getElementById(\"btn4\");
其他观点：
谢邀 。作为一个转行做前端的来回忆下面试的那几次经历 。
前几次都是各种培训公司 。各种忽悠就不提了 。说说后面4次面试的经历 。
第一次是面一个小公司 。不过他们好像没有厉害的前端 。来面我的是个后端 。一来没有问我关于js的知识 。直接问我以前做过什么 。有没有经验 。我本人不会吹牛 。简历也没怎么包装 。就是自己把自学的知识和做的几个小demo弄在上面 。也用github挂在页面上了 。不过他根本不点开看 。也不问 。问我会不会vue 。我当时对框架还不了解 。他就说他们需要能直接上手开始写的 。所以我第一个就直接挂了 。
推荐阅读
- \＂人穷的时候,要少在家里,多在外面\＂和俗语\＂人穷莫入众,言轻莫劝人\＂是否矛盾？
- 吃菠萝出血怎么回事
- HTML5都有哪些学习要点？
- 中国古代的皇权和西方的神权哪一个对思想禁锢更大？
- 菠萝蜜放冰箱保鲜能放几天
- 怎样快速入门Web前端开发？
- 价值观世界观人生观,到底应该怎么对应？
- 菠萝蜜果肉软趴趴的是坏了吗
- 前端学习达到什么水平才能达到就业啊？