近期听说周星驰也开始招募web3.0的人才了，可见其火爆程度真是不一般啊，不得不说的是，这又是一场新的革命，必将带来腥风血雨。
It has recently been reported that Starzilla Zhou has also begun to recruit web3.0 xff0c; that the intensity of the fire is extraordinary xff0c; that one has to say xff0c; that this is a new revolution xff0c; and that it is bound to bring blood and blood.
对于前端开发来说，很多人可能刚刚准备学习，刚刚入门，刚刚在企业中找到自己的目标，刚刚理解了web2.0带来的优越感。但你也必须知道，web3.0来了。
For front-end development, xff0c; many may just be ready to learn xff0c; xff0c; ff0c; xff0c; b2.0; xff0c; ff0c. You must also know that xff0c; b3.0 is coming.
?
目录
1、web1.0
? ? ? ? web1.0比较早，我们大多数人可能没有接触过，那个年代是哪个年代呢，我们熟知的thinkpad键盘上那个小红帽，大概跟那个年代差不多吧，也许比那个时代稍微晚一丢丢。
♪ Web1.0 is early ♪ #xff0c; most of us may not have been touched ♪ #xff0c; what era was that? ♪ ♪ #xff0c; the little red hat on our well-known thinkpad keyboard ♪ #xff0c; probably like that time ♪ #xff0c; maybe a little later than that.
? ? ? ? 如果我们前端开发出生在那个年代，应该是没有需求可做的，因为那个时候别说单独写前端页面了，不是大家不重视用户体验，而是没法重视，机器的配置也低，网速也慢，也就注定了网页不可能太复杂。
If our front end was born in that era xff0c; if there was no need to do xff0c; because there was no need to write the front page alone xff0c; it was not that people did not value the user experience xff0c; it was not that xff0c; the machine was also poorly configured xff0c; the web was slow xff0c; and the web page could not be too complicated.
? ? ? ? 那个时候网页布局以table为主，因为网页的布局简单性，使table成为了一个天然的布局框架，别说css3了，普通属性都少的可怜。
♪ That's when the layout of the web page was dominated by table ♪ #xff0c; because of the simple layout of the web page ♪ #xff0c; making tableable a natural layout frame ♪ #xff0c; don't say css3 xff0c; poor common attributes.
? ? ? ? 网页上的动画几乎没有，就是只读，只能读，不过也是比看报纸的那种只读要便利得多。大家看个新闻啦，浏览个黄页啦。像我们熟知的新浪，搜狐已经是web1.0末期的产物了。要说这些大佬也真是强，去国外混迹一段时间，回来就能统领一个时代。可怜我现在连小区也懒得出。
♪ There's hardly any animation on the web page ♪ #xff0c; it's xff0c only; it's xff0c only; but it's much easier to read than a newspaper. People read a story ♪ #xff0c; browse a yellow page. New waves like we know #xff0c; search for foxes is the end product of web1.0.
2、web2.0
我记得大学毕业写论文的时候，我还特意写了好长一段对于web2.0的理解，感觉好先进的样子，不知道大家有没有过这种感受。
I remember xff0c when I graduated from college to write a dissertation; I wrote a long reading of web 2.0 xff0c; I felt so advanced xff0c; I don't know if you've ever felt it.
? ? ? ? web2.0初期也仍然是没有前端开发的，但是html css js技术已经比较成熟了，只是那个时候不倡导前后端分离，JSP里可包含万物。搞个MVC也顶多是调个接口，把java代码从jsp中抽离一下。这些java开发完全可以胜任。
♪ ♪ Web 2.0 started with xff0c without the front end; but html css js technology is mature xff0c; it's just that when you don't advocate back-to-back separation xff0c; the JP contains everything. Most of the MVCs are an interface xff0c; extracting the java code from the jsp. These java developments are fully capable.
? ? ? ? 再加上extjs的横空出世，在当时看来，extjs的样式简直就是天花板级别的，已经不能用美观，漂亮来形容了，对人们来说要多喜欢有多喜欢。
♪ ♪ Plus extjs ♪ #xff0c; it seems at the time ♪ #xff0c; extjs styles are like ceiling level ♪ #xff0c; can no longer describe #xff0c in beauty; how much people like #xff0c; how much people like it.
? ? ? ? 页面变得开始复杂，丰富起来，也不再是只读模式。用户的机型配置在摩尔定律的加持下快速迭代升级，网速也得到了飞速提升。
The page becomes complex xff0c; it is enriched xff0c; and it is no longer read-only mode. The user's mechanical configuration is rapidly upgraded xff0c under Moore's Law; the speed of the net has also been raised.
? ? ? ? 这已经开始了交互式web开发，视频网站，电商网站，就连传统的办公，财务软件也从CS模式走向BS模式。
This has started an interactive web development & #xff0c; video website & #xff0c; electric company website & #xff0c; even traditional office & #xff0c; financial software moving from CS mode to BS mode.
? ? ? ? 而还有一个巨大的进步呢就是网民的剧增，使企业逐渐认识到页面上的用户体验这一环节很重要，而且将服务端与前端分开将会带来更大的生产效率。所以，前端同学开始有了自己的一口饭吃。
♪ ♪ And there's another big advance ♪ #xff0c ♪ that's a huge increase in the Internet; that's making companies realize that the user experience on the page is important ♪ #xff0c; and that separating the service end from the front end will bring greater productivity. ♪ #xff0c; that's why the front-end students are starting to eat their own food.
? ? ? ? 不仅有了饭吃，还慢慢变得更香，各种前端框架接踵而至，就连nodejs也开始渗透到服务端开发，大家之前只能听一听的mysql redis，现在引个sdk组件也玩的飞起。
♪ ♪ Not only eat ♪ ♪ xff0c; slowly become more #xff0c; various front-end frameworks follow ♪ #xff0c; even Nodejs are starting to infiltrate the service-end development ♪ #xff0c; you can only listen to the Mysql redis， and now you're leading a sdk component to fly.
这是一个好的时代，但也是一个不好的时代。
It's a good time, but it's also a bad time.
3、web3.0
网上对于web3.0的回答过于千篇一律了，更像是一个老师教出来的。小时候我们玩那种纸叠起来的方宝，仍在地上你打一下，我打一下，打着打着，人打起来了，真不知道这个游戏是谁灌输下来的。但是既然全国各地如此的统一，而且困难时期并没有这么一项游戏，可想而知，这个游戏是谁灌输到全国各地的了。
The online answer to Web3.0 is too uniform xff0c; it's more like a teacher to teach. When we were kids, we played that piece of paper folded up xff0c; you still hit xff0c; I hit xff0c; I hit xff0c; people hit xff0c; I really didn't know who invented the game. But since the country was so unified xff0c; and there was no such game during the difficult period xff0c; you know xff0c; who indoc was indocable all over the country.
? ? ? ? 在从2005年到现在十五六年间，对于web2.0的理解程度以及扩展程度远远超出了当初的设定与想象，所以网上这千篇一律的回答必将在不就的将来变为过去式。
♪ ♪ ♪ 15 to 16 years from 2005 to the present ♪ #xff0c; understanding and expansion of web 2.0 far exceeds the original set-up and imagination ♪ ♪ ♪ ♪ xff0c; so the universal answer on the Internet is bound to become the past in the uncertain future. ♪
? ? ? ? 那么对于我们前端来说呢，势必带来巨大的机会，但也肯定有更大的挑战。而且不仅仅是前端的某个人，近期不是vue创始团队开始也开始研究在web3.0的场景与应用了嘛，而且之前那么多做java 做C的人，公司需求那么多，开始去学了go phython开发，不单单是他们觉得当前技术无法满足时代的变迁了，更是因为未来可能这将会是主场，一个技术领域的主场。
♪ So for our front end ♪ #xff0c; there's bound to be great opportunities #xff0c; there's certainly a bigger challenge. And it's not just someone at the front end #xff0c; it's not the beginning of the recent study of the scenes and applications at Web3.0 ♪ #xff0c; and there's a lot of people who did java as C before #xff0c; so much company needs #xff0c; going to go #xff0c; it's not just that they don't think that the current technology will be able to meet the changes of the era #xff0c; it's probably going to be the main field of technology #xff0c; and it's a leading field of technology in the future.
? ? ? ? 但谁又能说得准呢，学完了phython以后，很多人继续用phyhon回去写接口去了，翻来覆去还是那些东西。
♪ ♪ But who can tell? ♪ #xff0c; after phython ♪ #xff0c; many continue to write the interface with phyhon ♪ #xff0c; flip over or something.
? ? ? ? 今天不说那些网上千篇一律的东西，单独把前端拿出来说我们应该提早做哪些准备，也不仅仅是为了面试，也希望在未来可以让自己能有一口饭吃，哪怕是一口卑微的熬夜饭。
♪ Today we don't say everything that's common on the Internet ♪ #xff0c; single out the front and say what we should do early ♪ #xff0c; not just for interviews ♪ ♪ xff0c; and hopefully in the future we can have a meal ♪ #xff0c; even a humble night meal.
1、继续加固现有知识体系
? ? ? ? 尽管大家都说web3.0什么数据上链啦，全球数据去中心化啦，密码不可篡改啦，目前来说，你说出天花来，跟我们有关系吗，各种噱头肯定会有各种市里蜂拥而上，而这期间就要再不断的开新的站点，新的前端需求涌现，只要你需要网站，需要小程序，APP里需要嵌套H5，我们就可以上。不管你的接口是java phython 还是将来用玛雅文写了，我们就调呗。
♪ Though everyone says web 3.0 what data uplink ♪ #xff0c; global data down centralized xff0c; password unalterable #xff0c; currently #xff0c; you say smallpox to #xff0c; xff0c; we're connected; there's bound to be all kinds of market rushes on xff0c; this period will be followed by new sites xff0c; new front demand is emerging xff0c; as long as you need a website xff0c; need a small program #xff0c; APP needs an embedded H5xff0c; we can do it. Whether your interface is java phthon or we'll do it in Mayan xff0c; we'll do it.
? ? ? ? 但未来可能不光有vue react这些框架，这些框架哪怕再升级，也终有一天会变为历史。而很多人可能还在纠结，我写的是jq 是vue ，不是js。好吧，别纠结，框架千千万，买本《红宝书》好好看。
♪ But the future may not be just the vue react framework ♪ #xff0c; these frameworks may even be upgraded ♪ #xff0c; one day they will become history. Many people may still be wondering ♪ #xff0c; I write jq is vue & #xff0c; not js. Okay #xff0c; don't fix xff0c; framework #xff0c; buy a Red Book.
2、鼓励自己学习node
?不管自己是否感兴趣，也需要去学一下，不管公司是否用得到，也需要去学一下。
♪ Whether or not you're interested in #xff0c; you need to learn about #xff0c; you need to learn about #xff0c whether or not the company uses it; you need to learn about it. ♪
既然说道未来web3.0是整合数据的时代，那么可能真的几年后，网站将面临梳理，面临合并，面临淘汰。而前端开发还是众多语言中比较好入门的，一旦有了一定的前端基础，相信再学nodejs也会简单很多。
Now that the future web3.0 is an era of data integration xff0c; then it may really be years later xff0c; the website will be faced with collating xff0c; the website will be faced with merging xff0c; it will be eliminated. And the front end development is also a better entry xff0c in many languages; once there is a certain front end base xff0c; and it will be easier to believe that re-learning Nodejs will be easier.
? ? ? ? 而且node是目前前端人员唯一可以渗透到服务端的行之有效的快速途径，掌握了这项技术，先不说在未来会怎么样，至少和服务端交流的时候，可以站在一个全栈的认知角度去考虑问题，思考整个链路的数据，方案是否可以更加有效。
♪ And node is the only effective and quick way for front-end personnel to penetrate the service end ♪ #xff0c; mastering the technology ♪ #xff0c; not saying what will happen in the future ♪ #xff0c; #xff0c at least when service-end exchanges ♪ ♪ ♪ can think about the problem from the perspective of a full-scale perception xff0c; think about the entire chain xff0c; and whether the programme can be more effective.
? ? ? ? 我们厂的雨化田是咋说的来着，你们干得了的我要看，你们干不了的我也要看。除了当下，往远了说，node既然做为一门服务端开发语言，必将比前端可以触碰到更底层的东西，机器配置，底层数据，网络，等等。那个时候什么这个全家桶那个全家桶，在你眼里，都是饭桶。
♪ What the rainfields at our factory say is ♪ #xff0c; what you can do is I can see #xff0c; what you can't do. ♪ Except now ♪ #xff0c; far away ♪ #xff0c; since node has developed a language for a service end ♪ #xff0c; sure to touch something even worse ♪ #xff0c; machine configurationxff0c; bottom dataxff0c; networkxff0c; etc.
3、你可知web3.js
? ? ? ? 一听这名字就不用很慌，说一千道一万，还是个js，我还以为再也不用js，以后就写css就可以完成整个页面，发送请求了呢。
♪ Don't worry about the name ♪ ♪ ♪ xff0c; say a thousand xff0c; or a js， I thought I'd never use js， write css to finish the whole page ♪ #xff0c; send the request.
? ? ? ? 说到web3.js就说到了在全球区块服务器上存储的数据，在几年前我还在P2P的时候，有几个客户当时就是搞各种虚拟物品、货币的，好比这种以太房当时我被灌输的知识是这些都是不好的，不要参与的。
♪ Speaking of Web3.js, the data stored on a global block server ♪ #xff0c; when I was at P2P a few years ago ♪ #xff0c; a few clients were doing various virtual items, money ♪ ♪ ♪ xff0c; as if the knowledge I was in Ether room was bad ♪ #xff0c; don't be involved.
? ? ? ? 但目前来看，以全球多个节点做太坊还真是个不错的作坊，他有数以万计的服务器部署于全球，就差往火星也扔几台了。那么我们想将数据传输到这些机器的节点上，除了给服务端发送post请求数据外，还可以利用web3.js提供的API接口，将我们本机与某个链上的节点相连，这样就上了链了。
♪ But for now ♪ #xff0c; being a tavern with multiple nodes around the world is a really good workshop ♪ #xff0c; he has tens of thousands of servers deployed to #xff0c worldwide; he's just a couple of times away from Mars. Then we want to transfer data to the nodes of these machines #xff0c; in addition to sending pot request data to the server xff0c; using the API interface #xff0c provided by web3.js; linking our own aircraft to a node on a chain #xff0c; and so on.
? ? ? ? 今天不说具体使用，具体是怎么npm install web3,怎么引入web3实例对象的，怎么利用API传输的，怎么利用promise的（你看，弄来弄去还是老一套，草药熬了好几锅，换了点水，加了点冰糖，就说新药来了），函数事件，消息调用等等，这是一个库，不是框架，学几天用一用就好了。不过使用场景不多，因为大多数公司不会让你这么干的，他不希望他的数据去中心化。你敢不敢把你的钱包先去中心化了？
Not to mention the use of xff0c today; how npm install web3 and how to introduce xff0c to the web3 example; how to use xff0c to the API transfer; how to use the promise xff08; you see xff0c; whether to do it or not xff0c; xff0c; water xff0c; plus a little ice sugar xff0c; new drugs xff09; xff0c; function event #xff0c; call and so on #xff0c; it's a library xff0c; ffff0c; not a framework; ff0c; a few days to study; but not a few scenes; xff0c; because most companies don't let you do this xff0c; he doesn't want his data to go to the centre.
4、你可知Ethers.js
? ? ? ? 这里不做ethers.js与web3.js的对比，其实我更倾向于前者。但他俩都是相对于这种多个区块存储并且去中心化的，不是大家常说的区块链，区块链和以太方还不是一个东西。
There is no comparison between ethers.js and web3.js & #xff0c; I prefer the former. Both of them are stored and decentralized xff0c; not what you usually call the #xff0c; the #synchronous and Ether are not yet a thing.
? ? ? ? 他也是提供一些行之有效的方法，使我们前端可以通过调用与以太方暴露出来的节点进行交互。
♪ He's also offering some workable methods ♪ #xff0c; allowing our front end to interact with nodes exposed by the Ether side by calling.
? ? ? ? 曾经一个朋友去面大数据算法开发，人家给他除了一套java面试题。朋友做完了，做的还不错，问，我是来面试大数据的，这是java题目吧。人家嘿嘿一笑：做大数据你不得会java嘛。
♪ Once a friend went to the big data algorithm development ♪ #xff0c; they gave him a set of java interviews. ♪ #xff0c; done well ♪ #xff0c; asked #xff0c; I'm here to interview big data ♪ #xff0c; this is Java's topic. ♪ #xff1a; you can't do big data. ♪
? ? ? ? 意思就是近几年看，新的web3.0对于前端来看，还不会造成太大的毁灭性挑战，但这个新的世纪性机会肯定会增加我们的从业机会，他们越要实现新的业务，就得做更多新的平台，但凡有新平台就要有劳动力，比较庆幸的是尽管现在搞什么低代码，low代码，无代码开发，他们也是需要前端开发人力投入的，更何况符合这些条件的网站还是比较少数的。
♪ That means looking at #xff0c in recent years; new web3.0 for the front end #xff0c; that does not pose too much devastating challenges #xff0c; but this new century's opportunity will certainly increase our chances of doing business #xff0c; they will have to do new business #xff0c; they will have to do more #xff0c; #xff0c; #xff0c, where there are new platforms, will have to be a workforce #xff0c; fortunately, even though there are low-codes #xff0c; #xff0c, which is uncoded; they are also #xff0c, which requires human input from the front; and, more importantly, there are a few websites that meet these conditions.
? ? ? ? 所以更应该在这个浪潮来临前夕，加紧加固我们的手头知识，当遇到一个瓶颈的时候及时从本文第二节中的知识点入手去扩展自己。
♪ So it's all the more important to step up our knowledge on the eve of this wave ♪ #xff0c; to step up our knowledge ♪ #xff0c; to expand ourselves from the knowledge points in section II of this paper in a timely manner when a bottleneck is encountered.
? ? ? ? 相信未来前端的世界还是很美好滴，加油吧！！！
♪ Believe that the world ahead is still beautiful ♪ ♪ ♪ the future ahead ♪ ♪ ♪ the world ahead ♪ ♪ the future ♪ ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ the future ♪ ♪ ♪ the future ♪ ♪ the world ♪ ♪ ♪ the future ♪ ♪ ♪ the future ♪ ♪ the future ♪ ♪ ♪ the future ♪ ♪ ♪ the future ♪ ♪ the world ♪ ♪ the future ♪ ♪ the future ♪ ♪ the future ♪ ♪ the world ♪ ♪ the future ♪ ♪ ♪ the future ♪ ♪ the future ♪ ♪ ♪ the future ♪ ♪ ♪ the world ♪ the future ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ the future ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ the future ♪ ♪ the future ♪ ♪ ♪ the future ♪ ♪ the future ♪ ♪ the future ♪ ♪ ♪ the future ♪ ♪ the future ♪ ♪ ♪ ♪ ♪ the future ♪ ♪ the future ♪ ♪ ♪ ♪ ♪ the future ♪ the future ♪ the future ♪ the future ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ the future ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪ ♪
注册有任何问题请添加 微信：MVIP619 拉你进入群
打开微信扫一扫
添加客服
进入交流群
发表评论