前端面试题—每日五题（4）

1、v-model

1、其实v-model就是一个语法糖。由两部分组成：（1）v-bind（2）v-on:input
2、适用范围：input上、组件上。

2、响应式布局

1、媒体查询@media
2、百分比布局
3、栅格系统—bootstrap
4、rem布局（rem与font-size有关）
（补充：移动端优先：min-width   PC端优先：max-width）

3、微前端

   望文生义：就是将一个复杂大型的应用程序拆解成颗粒度更小的可以独立开发、
测试及部署的小模块，并通过一些策略方案来确定这些模块之间的依赖关系。
   优点：解决了前端协同开发的问题、可以独立部署、耦合性更低

4、正则表达式

/xxxx/  包含xxx
/^xxx/ 以xxx开头
/xxx$/ 以xxx结尾
/^xxx$/   精确匹配
/[xxxxx]/  包含其中任意一个
/[a-z]/    -表示范围
/[^a-z]/   []中的^表示取反
量词符：   *(≥0)  +(≥1)  ?(1或0次)  {n}  {n,}  {n,10}
预定义类：  \d(匹配数字)  \D  \w（匹配字母数字）  \W  \s(匹配空格)  |(或)
参数：  g(全局匹配)   i(忽略大小写)     gi

练习题1：（数组去重）aaaabbbccaa   要求返回4a3b2c2a
	var reg = /(\w)\1*(\w)\2*(\w)\3*/g;
	str.replace(reg, function($, $1, $2, $3){
	return $1 + $2 + $3;   //abca
练习题2：(金钱格式)1000000    返回1，000，000
练习题3：清除"数字"和"."以外的字符
	/^[\d.]/g
练习题4：只保留第一个字符, 清除多余的
	var rg = /(.).*/g  //.代表任意东西
	replace(rg,'$1')   //用第一个字符替换整个字符串