回复内容:
一个一个来前端:
css:
- 关于怎么组织好css结构这个坑很大。不过已经有一些规范了,最出名的oocss Home · stubbornella/oocss Wiki · GitHub
- 关于复用css主要靠组件化,把常用的东西组件化,比如Button,Dropdown,以后用就加一下class。
- Bootstrap结构挺好,学一下LESS(很简单的,一天看完),看一下源码,自己照着定制一下UI库。(主要就是Grid system, Button,Dropdown,Form,Modal,Collapse,其他的用到的时候加)
- 以前是前端发个请求,后端渲染个html页面回来。前端写js主要就是操作dom,而在操作dom方面jQuery很好。
- 现在的趋势是前端发请求,后端发JSON数据(JSON就是Dictionary,一个个的Key-Value pair),前端根据JSON数据渲染页面。这时候前端方面主要工作就是怎样监视数据,在数据变化的时候让View也跟着变化。用jQuery来解决这种问题很麻烦,比如一个Todo List,增删改就得给所有按钮绑定不同的事件,业务稍微复杂点代码数目立马变得很难维护
- 所以MVVM框架应运而生,把数据绑定到View之后你只需要改数据(View Model),View就自动改。我们就不用再管dom了,管理好数据就行。这种框架最流行的是Angular,不过正在大改,马上新版本就要出来了。建议学习Knockout Knockout : Home, 或者React A JavaScript library for building user interfaces (跟MVVM不一样,是Web Components实现,现在很火,angular 2 基本就向着这方向)
- 对什么需求用什么工具,比如一个Canvas动画为主的项目用jQuery挺好。
- Build工具(Gulp), 前端组件化(RequireJS, Browserify),测试(Mocha)也稍微了解了解好。
后端:
- 后端比前端选择就多了去了,如果是以前端的角度想了解后端知识的话强烈建议Node.js 。 PHP, Apache, MySQL各种坑,各种想死。 用了MEAN之后浑身舒坦。
- 如果抛弃前端转后端的话,选个语言(java,c#,python,ruby),从新学起,学数据库,学操作系统,学网络,和前端是两回事。
其他:
- 嵌入式,物联网啥的都跟底层硬件相关的,要用c,c++,跟Web开发没啥关系。
- 学好英文,所有最新的资料都是英文的,放弃百度吧。有问题用谷歌和stackoverflow,先想怎么把问题翻译成英文的再搜索。多看英文慢慢就会了,说来说去就那么几个专业词汇。
- 至少对我来说最好的学习方法就是做项目,撸代码。比看书看视频公开课好使多了。做完了还能放到github找工作还有用。
- 找不到项目做?重新造轮子吧,山寨个知乎,山寨个某论坛,山寨Virtual Dom,模仿是最快的学习方法。
然后关于前端……你做的算是小打小闹吧-_-||主要是有兴趣就好,然后学习推荐图书馆和技术博客。
多写少犹豫,很多东西写了就懂了。
╮(╯_╰)╭其实我相当于什么都没说……最后加油吧骚年Y(^_^)Y 题主的每一个问题都是我所需要解决的,,这是帮我归纳了。。。 已改

Advanced tips for H5 include: 1. Use complex graphics to draw, 2. Use WebWorkers to improve performance, 3. Enhance user experience through WebStorage, 4. Implement responsive design, 5. Use WebRTC to achieve real-time communication, 6. Perform performance optimization and best practices. These tips help developers build more dynamic, interactive and efficient web applications.

H5 (HTML5) will improve web content and design through new elements and APIs. 1) H5 enhances semantic tagging and multimedia support. 2) It introduces Canvas and SVG, enriching web design. 3) H5 works by extending HTML functionality through new tags and APIs. 4) Basic usage includes creating graphics using it, and advanced usage involves WebStorageAPI. 5) Developers need to pay attention to browser compatibility and performance optimization.

H5 brings a number of new functions and capabilities, greatly improving the interactivity and development efficiency of web pages. 1. Semantic tags such as enhance SEO. 2. Multimedia support simplifies audio and video playback through and tags. 3. Canvas drawing provides dynamic graphics drawing tools. 4. Local storage simplifies data storage through localStorage and sessionStorage. 5. The geolocation API facilitates the development of location-based services.

HTML5 brings five key improvements: 1. Semantic tags improve code clarity and SEO effects; 2. Multimedia support simplifies video and audio embedding; 3. Form enhancement simplifies verification; 4. Offline and local storage improves user experience; 5. Canvas and graphics functions enhance the visualization of web pages.

The core features of HTML5 include semantic tags, multimedia support, offline storage and local storage, and form enhancement. 1. Semantic tags such as, etc. to improve code readability and SEO effect. 2. Simplify multimedia embedding with labels. 3. Offline storage and local storage such as ApplicationCache and LocalStorage support network-free operation and data storage. 4. Form enhancement introduces new input types and verification properties to simplify processing and verification.

H5 provides a variety of new features and functions, greatly enhancing the capabilities of front-end development. 1. Multimedia support: embed media through and elements, no plug-ins are required. 2. Canvas: Use elements to dynamically render 2D graphics and animations. 3. Local storage: implement persistent data storage through localStorage and sessionStorage to improve user experience.

H5 and HTML5 are different concepts: HTML5 is a version of HTML, containing new elements and APIs; H5 is a mobile application development framework based on HTML5. HTML5 parses and renders code through the browser, while H5 applications need to run containers and interact with native code through JavaScript.

Key elements of HTML5 include,,,,,, etc., which are used to build modern web pages. 1. Define the head content, 2. Used to navigate the link, 3. Represent the content of independent articles, 4. Organize the page content, 5. Display the sidebar content, 6. Define the footer, these elements enhance the structure and functionality of the web page.


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

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

SecLists
SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

SublimeText3 English version
Recommended: Win version, supports code prompts!

Zend Studio 13.0.1
Powerful PHP integrated development environment

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

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