众神归位

我都是什么时候接触的这些IDE(按照时间排序)

Aptana Studio 3

Java编写,基于eclipse引擎

这是我接触到的最早的前端IDE,放到现在一打开就是扑面而来的eclipse味

现在我才发现,Aptana其实内置了一个不含动态刷新的DevServer,那年LiveServer估计都没有面世
这个IDE主要是当初参加编程课时,授课老师让我们使用的IDE(所以其实js是我接触到的第一门编程语言),然后我才反应过来以前学的ctx控件其实就是canvas(放到现在,canvas也就只能用于互动类页面上了。)。

这个IDE算是比较古老的了,看它的创建项目类型就知道:

而其中的PHP项目,最高版本也只有5.4

所以如果你拿它打开Vue项目,就会.......

它压根就不识别ES6语法,更别说TypeScript了

总的来说,放在十年以前,它是一款很棒的前端IDE,不过现在也应该寿终正寝了

优点
1.基于Eclipse
2.生态当时还算可以
缺点
1.现在废了

Hbuilder (X)

使用C++和Qt编写,基于其自己搞得不知名引擎。

同上,在我编程课上接触的那个版本的HBuilder还没有X,而且那时候也没有Vue这种框架。

国产IDE,声称为懒人而生,但是个人确实不敢恭维。

这个IDE风格我只能说一个经典,功能上其实还行,但是我用不来。
只能说除了Uni-app,我都不会再用它了。

优点
1.基于Qt,算快的吧
2.生态还算不错
缺点
1.做的确实不像一个正经IDE

VSCode

基于Electron,chromium Javascript v8引擎,所以应该是JS编写的。

应该是目前最有占比的CE,是的你没看错,它不是IDE。
无话可说,VSCode前几年基本上都被炒翻天了,有目共睹。
本人是VSCode前重度用户,只能说有特点也有致命缺陷。

优点
1.扩展多,社区维护,用户反响很不错
2.方便快捷,即装即用
3.免费开源
缺点
1.基于Electron(喜报,您电脑上又多了一个浏览器!),占用下不去,打开速度慢,运行容易卡死。
2.更新过于抽象
3.插件多但有很多质量不高

WebStorm

Java编写,IntelliJ引擎

本人目前日用+重度依赖的前端IDE
坚持用了三年的VSCode,终于还是投敌了。
对于前端开发来说,我喜欢的主要是JetBrains的原生框架适配,VSCode想要好好写个Vue还得装一堆乱七八糟的插件
WebStorm属于开箱即用的那种,我个人比较喜欢

最值得的一点其实是IntelliJ引擎,找Bug基本不用乱翻,都能有很迅速的检查。还有编制索引,这些都是VSCode没法比的。

本人试用之后觉得还是WebStorm适合我,遂掏腰包直接投敌JetBrains

优点
1.扩展不算多,但平均质量高
2.开箱即用,比较爽
3.语法检查、代码检查、编制索引很强。
4.有永久回退许可证,买断当前版本(JB老规矩)
缺点
1.付费,一年500多,JB全家桶2000一年
2.不开源(废话)
3.没有社区维护,所以可能有那么一点小毛病

总结

挑选IDE问题没话说,都是:

个人喜好+量力而为,有的人给一个记事本都能写的很开心,但是有的人就需要去用VSCode或者WebStorm

但是前端写到现在,我只能说,我见证了像Aptana这样的辉煌IDE,也见证了Hbuilder这种不正经IDE,用了大众都喜欢像VSCode这样的IDE,也自掏腰包买了付费的IDE(WebStorm)。
但是最终我还是觉得WebStorm香

你可能会问,已经有一个叫Vue-APlayer的项目了,你为什么要重复造轮子?
大哥 你不看看这个项目最后更新是什么时候?????
这项目三年以前就停止更新了,一堆Aplayer的原生功能在Vue-APlayer中是Beta版,这下全胎死腹中了。关键要命的是它只支持Vue2,对Vue3兼容死差。哦不对这个项目开发时根本没有Vue 3

废话讲完了,教程开始
首先,安装引入APlayer

npm install aplayer --save
或者
yarn add aplayer 
又或者
pnpm install aplayer

引入这里有个大坑 那就是官方文档写错了 官方css路径写错了,正确写法应该是:

import 'aplayer/dist/APlayer.min.css'; //目录是小写aplayer!!!!!!!
import APlayer from 'APlayer';

是不是觉得挺绕的,为什么我安装的是aplayer,这里却引入的是APlayer,大小写不同?
没办法 我也纳闷.... 也许是官方的屎山代码吧。

然后又是个大坑:
在Vue3中,有了一个新的Hook叫onMounted,但是你把Aplayer放在onMounted初始化不会报错,但是啥都不会显示。
这是因为onMounted这个hook好像访问不到模板或者是页面数据
那么怎么办呢? 那当然是放在mounted()方法中,但是要方法调用:

let ap;
export default defineComponent({
  mounted() {
    this.initAPlayer();
  },
methods:{
    initAPlayer() {
      ap = new APlayer({
        container: document.getElementById('aplayer'),
        fixed: true,
        autoplay:true,
        audio: [
               {
    "name": "ウミユリ海底譚 ",
    "artist": "星乃一歌&望月穂波&初音ミク",
    "url": "https://src.yuxiangwang0525.com/overlay/pjsk2.mp3",
    "cover": "https://src.yuxiangwang0525.com/overlay/pjskpicture.jpg"
  },
]
      });
    },
  },
})

好了 教程就这么多 跑路去搞Hadoop去了

版权所有 晚江右海 原创考场作文(回忆版) 未经许可禁止转载

写在前面: 本人作文水平并不咋地,不推荐备考的同学背这篇作文
建议搭配歌曲《闭眼，我触碰幻想的边界》食用本文:

如果在一年半前,你问我的梦想是什么。老实说,我也不知道。
那时候，我正碰上人生的第一个转折点:中考。当时,或许是我的初中学校想提高普高升学率。所以当时我们的任务就是:刷题,没日没夜的刷题。但是我属于从小就不善于学习的那种学生，自然也就成了老师之中的“眼中钉”。
不出意外,我成了一个意外:我距当年的普高线差了足足30分.......基本上与普高无缘了。
我当时拿着手机,看着这不堪入目的成绩,心里没有别的,只有忐忑。
大约十多天后吧,很意外,我被本市的一个公立的国家级重点职业学校录取了。说实话,当时我的心里没有窃喜，而是五味杂陈————因为当时大众对职业教育的偏见很大。大多数家长和老师认为职业学校是给考不上普高的差生上的托底学校，里面的学生都是混日子的学生。加上当时网上一直有人炒作类似:“千万不要让你的孩子上职业学校,不然孩子的一生就完蛋了”。我在录取之后,自然也就成了学弟学妹们的“反面教材”。当时我心里也难受,因为我也不知道我会遇上什么样的同学和老师,心想万一真的遇上了差生和“不良青年”。我可能真的就沦落了。思来想去,那几天虽然我表面带着喜悦,但是却一直在担忧.......
一个月后,我怀着惴惴不安的心情,踏入了新学校的大门,见到了陌生的同学和老师。在教室坐下,我都不敢环绕四周。我不敢想象的同学是怎样的。
直到几天后,我的想法在慢慢变化........
体验了几天的新学校的校园生活,我没有感觉到这里差,和网络上说的正好相反:这里的学习氛围并没有想象中的不堪。反而，这里和普通学校一样。同学不是外人说的“抽烟喝酒打架拉帮结派”,而是和普通学校一样的,愿意求学的学生。老师也不是外人说的:“根本不管课堂 课讲的很差”课表中,文化课依然存在,只是将选科课换成了专业课。而专业就是我之前选择的,我擅长的,我也想掌握的————“物联网技术应用”。
再往后一个学期,我接触到了技能大赛(全国职业院校技能大赛),我在经过一次次的选拔后成功入选,我也凭着天赋和爱好,尝试攻克一个个难关。
我好像找到了自我,就在这个学校中。
以前我和别人一样都有刻板印象:学生就应该一直坐在教室学习文理,而不是去学习技能好进入社会,这样才能“成大器”。而我现在认为，学习一门技能,敢于实践,用来造福社会和人民,比只在教室中读理论要强得多。
之前有人在网上质疑我:“上个职业学校有什么了不起的,你还是没本事考不上普高,最后就是得进厂打螺丝当底层工人。”,现在,我终于可以用我的经历有力的回击:“职业教育,学习一个课程,并向社会奉献自己的力量,一点也不比光读书不实践,纸上谈兵差”。
引用我喜欢的一首歌的歌词
“

听见了吗 我的倔强
一如既往 绝不会停下
.........
直到遇见 不凋零的花
将梦沿途种下
会生根发芽 会得到回答

” 《闭眼，我触碰幻想的边界》<原文未写本段>
人生的掌舵权永远在自己手中。不管在哪里,只要找到方向,勇于追逐自己的梦想,走在青春的追梦路上,才是青春应该有的样子。

#include "ioCC2530.h"
#include <stdio.h>
#include <stdlib.h>
#define D3 P1_0
#define D4 P1_1
#define D5 P1_3
#define D6 P1_4
#define SW1  P1_2
long i = 71;
//延时
void Delay(unsigned int t)
{
  while (t--);
}
//引脚定义
void Init_Port()
{
  //1-设置4个引脚为通用I/O
  P1SEL &= ~0x1B;  //0001 1011 --> 1110 0100
  //2-设置4个引脚的方向：输出
  P1DIR |= 0x1B;  //0001 1011
  //3-关闭4个LED灯
  D3 = 0;
  D4 = 0;
  D5 = 0;
  D6 = 0;
  P1DIR &= ~0x04;  //设置P1_2口为输入口
  P1INP &= ~0x04;  //设置P1_2口为上拉或下拉
  P2INP &= ~0x40;  //设置P1口所有引脚使用上拉
}
void all_light_on(){
  D3 = 1;
  D4 = 1;
  D5 = 1;
  D6 = 1;
}void all_light_off(){
  D3 = 0;
  D4 = 0;
  D5 = 0;
  D6 = 0;
}
void Routering(){
  D3 = 1;
  Delay(56000);
  D3 = 0;
  D4 = 1;
  Delay(56000);
  D4 = 0;
  D5 = 1;
  Delay(56000);
  D5 = 0;
  D6 = 1;
  Delay(56000);
  D6 = 0;
}
void Flashing(){
  all_light_on();
  Delay(56000);
  all_light_off();
  Delay(56000);
}
void LED_Running()
{
  static int count = 0;
  switch (count)
    {
      case 1:
        all_light_on();
        break;
      case 2:
        Routering();
        break;
      case 3:
        Flashing();
        break;
      default:
        count = 0;
        break;
    }
  if (SW1 == 0)  //经过延时后按键仍旧处在按下状态
  {
    count++;
    }
    while (!SW1)
    {
      //等待按键松开
    }
    
  
}
/*==========================主函数============================*/
void main()
{
  Init_Port();
  while (1)
  {
    LED_Running();
  }
}