let i = 0
for(i = 0; i<6; i++){
  setTimeout(()=>{
    console.log(i)
  },0)
}

for(let i = 0; i<6; i++){
  setTimeout(()=>{
    console.log(i)
  },0)
}

let i = 0
while(1){
  console.log(i)
  i++
  if(i>5){
    break;
  }
}

let i = 0
let timer = setInterval(()=>{ 
  if(i<6){
    console.log(i); 
    i++;
  }else{
    this.timer = null;
  }
}, 0);

let i = new Array(6).fill('')
i.map((k,j)=>{
  console.log(j);
})

let i = 0
switch (i){
  case 0:console.log(i);i++;
  case 1:console.log(i);i++;
  case 2:console.log(i);i++;
  case 3:console.log(i);i++;
  case 4:console.log(i);i++;
  case 5:console.log(i);break;
}

　$(document) //选择整个文档对象

　$('#myId') //选择ID为myId的网页元素

　$('div.myClass') // 选择class为myClass的div元素

　$('input[name=first]') // 选择name属性等于first的input元素

$('a:first') //选择网页中第一个a元素

$('tr:odd') //选择表格的奇数行

$('#myForm :input') // 选择表单中的input元素

$('div:visible') //选择可见的div元素

$('div:gt(2)') // 选择所有的div元素，除了前三个

$('div:animated') // 选择当前处于动画状态的div元素

$('div').find('h3').eq(2).html('Hello');

　$('div') //找到div元素

　　　.find('h3') //选择其中的h3元素

　　　.eq(2) //选择第3个h3元素

　　　.html('Hello'); //将它的内容改为Hello

　　$('div')

　　　.find('h3')

　　　.eq(2)

　　　.html('Hello')

　　　.end() //退回到选中所有的h3元素的那一步

　　　.eq(0) //选中第一个h3元素

　　　.html('World'); //将它的内容改为World

$('<p>Hello</p>');

$('<li class="new">new list item</li>');

$('ul').append('<li>list item</li>');

$('div').insertAfter($('p'));

　$('p').after($('div'));

$('h1').html(); //html()没有参数，表示取出h1的值

$('h1').html('Hello'); //html()有参数Hello，表示对h1进行赋值

/** 模擬 Model, View, Controller */
var M = {}, V = {}, C = {};

/** Model 負責存放資料 */
M.data = "hello world";

/** View 負責將資料輸出到螢幕上 */
V.render = (M) => { alert(M.data); }

/** Controller 作為一個 M 和 V 的橋樑 */
C.handleOnload = () => { V.render(M); }

/** 在網頁讀取的時候呼叫 Controller */
window.onload = C.handleOnload;

const m={
  data={},
  create(){},
  delete(){},
  update(){},
  get(){}
}

const v={
  el:null,
  html:`代码`,
  init(container){
    v.el=$(container)
  },
  render(n){}
}

const c={
  init(constainer){}
  events:{事件}
  add(){执行}
  minus(){执行}
  update(){执行}
  get(){执行}
  autoBindEvents(){逻辑}
}
————————————————
版权声明：本文为CSDN博主「小峰同学的前端之路」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/abc465200/article/details/106731890

_self.getEventBus
	方法：getEventBus:function(){}
	描述：直接返回前端EventBus对象，不推荐直接使用。
	
_self.subscribeEvent
	方法：subscribeEvent:function(event,fn,pointcut){}
	描述：注册事件，并指定实现方法和插入点
	参数：event：字符串形式事件名，命名规则为Event或ActionEvent结尾
	      fn：实现方法
	      插入点类型：after、overwrite、before
	      
_self.unSubscribeEvent
	方法：unSubscribeEvent:function(event){}
	描述：取消注册事件
	参数：event：字符串形式事件名，命名规则为Event或ActionEvent结尾
	
_self.fireEvent
	方法：fireEvent:function(event){}
	描述：触发某个具体事件，执行这个事件对于的实现方法队列
	参数：event：字符串形式事件名，命名规则为Event或ActionEvent结尾
	其他参数：可以增加一些后续参数
	
Handler实现说明：
	参数：接收fireEvent方法传递过来的参数
	特殊参数e：只有按钮绑定的页面功能才有值，手工调用不会有e的。页面功能代码生成时，默认会生成这个e，值为jquery.event
	返回值：无返回值的处理，只能通过返回值确定是否继续执行后续的方法队列
	        true/无：继续执行后续的实现方法队列
	        false：停止执行后续的实现方法队列    
	        其他：返回true
	Handle队列中数据的传递：只能利用页面的全局变量，本身没有提供处理机制
————————————————
版权声明：本文为CSDN博主「小峰同学的前端之路」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/abc465200/article/details/106731890

methods{
  add(){执行}
  delete(){执行}
  minus(){执行}
  ...
}

let string=`内容`
import default string//导出

import $ from `string`//引入

const clientWidth = document.documentElement.clientWidth 
const clientHeight = document.documentElement.clientHeight 

const pageWidth = clientWidth / clientHeight > 16 / 9 ? clientHeight * (16 / 9) : clientWidth; 
const pageHeight = pageWidth / (16/9) 

const string = `<style>html{ 
	font-size: ${pageWidth / 100}px 
}</style>`
document.write(string)

@function px($n){
  @return $n /2420 * 100rem;
}

import * as echarts from 'echarts';

const divRef = useRef(null);
	useEffect(()=>{
		var myChart = echarts.init(divRef.current);
     	 此处有省略
})

return (
	此处有省略
  	<div ref={divRef} className="chart"> </div>
	此处有省略
)

myChart.setOption({
    textStyle:{
      fontSize: px(12),
      color: '#79839E'
    },
    title:{ show: false},
    legend: {show: false},
    此处有省略
    series:[{
      name:'销量',
      type:'bar',
      data:[5, 20, 36, 10, 10, 20]
    }]
  })

xAxis: {
  axisLabel: {
      formatter(val) {
        if (val.length > 2) {
          const array = val.split('');
          array.splice(2, 0, '\n');
          return array.join('');
        } else {
          return val;
        }
    }
  }
}