已经编写了两个网站的前端代码,在暑假里接下来是了解些后端知识,还是重点研究下js或者框架?
回复内容:
一个一个来前端:
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 题主的每一个问题都是我所需要解决的,,这是帮我归纳了。。。 已改

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

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

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.

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.

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 is not a standalone programming language, but a collection of HTML5, CSS3 and JavaScript for building modern web applications. 1. HTML5 defines the web page structure and content, and provides new tags and APIs. 2. CSS3 controls style and layout, and introduces new features such as animation. 3. JavaScript implements dynamic interaction and enhances functions through DOM operations and asynchronous requests.

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

H5 pop-up window creation steps: 1. Determine the triggering method (click, time, exit, scroll); 2. Design content (title, text, action button); 3. Set style (size, color, font, background); 4. Implement code (HTML, CSS, JavaScript); 5. Test and deployment.

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.

"h5" and "HTML5" are the same in most cases, but they may have different meanings in certain specific scenarios. 1. "HTML5" is a W3C-defined standard that contains new tags and APIs. 2. "h5" is usually the abbreviation of HTML5, but in mobile development, it may refer to a framework based on HTML5. Understanding these differences helps to use these terms accurately in your project.
