为什么说「一入前端深似海」,入行需谨慎?
看到微博上很多做前端的都打算转行, 很多前端老人都奉劝入行需谨慎, 这是为什么?
回复内容:
其实只要你爱这个行业,愿意打磨自己的技艺,一入什么都深似海。小野二郎捏了75年的寿司,仍然不认为自己已臻至善。一直重复同样的事情以求精进,我总是向往能够有所进步,我会继续向上,努力达到巅峰,但没有人知道巅峰在哪里。——记录片《寿司之神》
这是流传很广的一张图,供参考。重要的是也许你参考的时候上面的技术有些都过时了,需要你自己修改补充上去。来源:关于前端的那点事儿

前端确实是一个非常辛苦而重要的工作,产品最终的用户体验,都需要前端工程师去实现。
不过前端确实也非常苦逼,主要有以下原因:
1. 搞死人的兼容性:以前写网页的时候,写好一个网页,要满足IE6-IE9各种版本,熟知当时微软IE内核都升级过了,而国内用着盗版XP的网民还执着的用着IE6,一个功能在一个浏览器里能用,在另一个又不行,JS新出个效果,一用就是一个大烂坑。后来又出来一堆搜狗,360,遨游。。前端同学一回想是不是满眼泪。
终于熬到了移动互联网时代,以为从此以后,前端同学也可以一处代码供全球,结果横空出现了成千上万种Android手机,三星,小米,HTC,魅族;之后每出一个功能,又要抱着一堆手机在那里调试。。。老板看到是一个功能,但为了适配,已经做了10个,100个。。。
2. 产品经理改需求:不象同样深似海的后端,在与产品经理讨价还价的时候,后端同学是很有底气的,反正都是代码,出来的都是数字,JSON,你看着办。
前端就不一样,PM看了DEMO,就会忍不住奇思妙想,要不我们再改下布局?再加个效果?这个弹窗弹出时能不能后面改一下背景?这些精益求精的过程,伴随着带来的都是前端同学的加班之夜。。
3. 技术更新迭代快:同比后端,确实有写C,C++,写编译器写十年二十年的,可是用同样的前端技术,最多也挺不过5年吧,越来越煊的效果,组件层出不穷,各种新的交互方式也需要支持,前端同学确实需要干到老,学到老。。
当然,对于前端大牛,以上这些问题都不算是问题,但在成为大牛的路上,还是不免经历那些个坎坷的日日夜夜吧。。。
- 前端易学难精,很多外人看来,尤其是那些后端狗看起来前端很简单,不就写写js,做个html页面嘛,这也造成了前端成为鄙视链的最末端——做c的看不起做c++的,做c++的看不起做java的,做java的看不起做.net,做.net看不起做页面的。但是,当这堆程序狗在加班调bug时,“美工”正在陪着他的小女友逛街呢。很多时候在后端看来,甚至cto那里,前端正因为入门容易,所以,一直以来前端的待遇不如后端,近几年随着各产品注重用户体验,前端才有所提升,但是,前端是很难精通的,也很难称为大牛,因为一个前端大牛不仅仅只限于前端,稍微大型些的公司招聘前端时都注明:会php/python或者java优先。
- 前端需经得起寂寞。前端的知识点非常细碎,各种浏览器的兼容性,各种设备的适配性,响应式设计、扁平化、视差滚动层出不穷的新概念新设计方向,你需要耐得住寂寞,时时更新自己的知识,偶尔你的头脑风暴,可能很多时候在boss那,在用户那得来的却是一个否定
后端烂一点 你把代码包装好用户看不见 不会吐槽你
前端不美观或者交互不顺手 整个公司从老板到用户都会吐槽你


转自:https://github.com/JacksonTian/fks 现在已经还好了吧。前两年我亲眼见前端被IE6折磨的痛不欲生的模样,这两年好多了。 入哪行水不深?
不管哪行的人都有「一入xx深似海」之类的话,来提高自己的比格的吧? 前端工程师事比较多比较杂,敲得代码量最多,技术含量最低,尤其是冲在前线跟pm和设计师搏斗,浪费很多体力,典型的活多钱少还受气。
所以综合来说,做前端除非你对前端有着深厚的感情,极大的热情,单从工作,晋级空间,收入地位上来说,比不过其他岗位,比不过后端。
杨树苗说了,现在啥事能干一辈子啊,唱歌唱不了一辈子,程序员能写一辈子代码吗?知乎上好像有了写了十几年代码的大牛,这个我不清楚,但是bat里有几个正常退休的码农?我估计是没有吧,计算机这东西才出现了多少年。从传统观念来说,这些事都不靠谱,但是如果你真心喜爱可以每天开心的工作,何乐而不为呢

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics



Running the H5 project requires the following steps: installing necessary tools such as web server, Node.js, development tools, etc. Build a development environment, create project folders, initialize projects, and write code. Start the development server and run the command using the command line. Preview the project in your browser and enter the development server URL. Publish projects, optimize code, deploy projects, and set up web server configuration.

H5 page production refers to the creation of cross-platform compatible web pages using technologies such as HTML5, CSS3 and JavaScript. Its core lies in the browser's parsing code, rendering structure, style and interactive functions. Common technologies include animation effects, responsive design, and data interaction. To avoid errors, developers should be debugged; performance optimization and best practices include image format optimization, request reduction and code specifications, etc. to improve loading speed and code quality.

The article discusses managing user location privacy and permissions using the Geolocation API, emphasizing best practices for requesting permissions, ensuring data security, and complying with privacy laws.

The steps to create an H5 click icon include: preparing a square source image in the image editing software. Add interactivity in the H5 editor and set the click event. Create a hotspot that covers the entire icon. Set the action of click events, such as jumping to the page or triggering animation. Export H5 documents as HTML, CSS, and JavaScript files. Deploy the exported files to a website or other platform.

H5 (HTML5) is suitable for lightweight applications, such as marketing campaign pages, product display pages and corporate promotion micro-websites. Its advantages lie in cross-platformity and rich interactivity, but its limitations lie in complex interactions and animations, local resource access and offline capabilities.

The article explains how to use the HTML5 Drag and Drop API to create interactive user interfaces, detailing steps to make elements draggable, handle key events, and enhance user experience with custom feedback. It also discusses common pitfalls to a

<p>The next page function can be created through HTML. The steps include: creating container elements, splitting content, adding navigation links, hiding other pages, and adding scripts. This feature allows users to browse segmented content, displaying only one page at a time, and is suitable for displaying large amounts of data or content. </p>

The H5 page needs to be maintained continuously, because of factors such as code vulnerabilities, browser compatibility, performance optimization, security updates and user experience improvements. Effective maintenance methods include establishing a complete testing system, using version control tools, regularly monitoring page performance, collecting user feedback and formulating maintenance plans.
