Front-End(一)

前端初识

  现在网站开发的市场越来越大,个人和企业都有了主页、网络办公的需求,并且随着网站开发前端和后台的工作细分,前端开发的需求也越来越大。

  前端的任务是将美工的网页设计使用前端技术尽可能无差别地实现(当然部分前端还承担着美工的工作),需要包括html文档结构化、元素定位排版、动画效果实现等技能。

  个人确定的成长路线是这样的,大致看完w3cSchool中html、css、js的部分,这三个是前端使用的主要技术;之后多进行网页实现的实践,学会使用相关的工具,多看看别人是怎么组织文档和相关代码的;了解前端与后台的交互,能做到与美工和后台的无缝式合作。

技术基础

  技术学习是渐进的,可以先浏览w3c中的介绍,然后结合具体的网页实践,迭代式得完善自己的知识系统。

  为了标准化、结构化和内容表现分离,需要明确html、CSS各自承担的职能。

  HTML

  html是超文本标记语言(hyper主要体现在复杂庞大的web文档世界中,可以使用超链接的形式做跳转索引)。主要管理的是页面的结构和内容,而不是样式。不要为了实现美工设计中的样式,而采用某种标签,比如不要为了在文字前出现"*",就使用<ul>。美工的设计稿拿到手,首先需要分析网页的文档结构,就像确定一本书的目录一样,确定哪些是一级标题、二级标题、表格、段落等,然后使用恰当的格式标签规划html,并合理使用<div>,对网页设计分块、模块化。html发展至今也有了很多版本,从html到xhtml再到html5,xhtml的出现除了进一步明确文档编写的格式化规则,更是为了强调html所承担的结构化作用。

  html的学习主要包括熟悉各种标签和属性设置,学会使用w3c的html参考手册帮自己快速完成编写任务,另外w3c还提供了html速查手册,可以用于记忆参考。

  CSS

  CSS承担着确定内容样式的作用。CSS也在不断发展,以支持更多的特性,像CSS3就开始支持自定义web字体,CSS动画的设计。

  CSS的学习主要包括各种标签样式的设计和使用,结合html理解框、定位规则等,进一步得学习如何精简CSS等进阶内容,这需要结合实践迭代式完善,可以多与网络上的前端交流新的效果和技术。

  JS

  js主要负责实现更完善的用户交互和客户端的自动化功能。学习基础之后,需要学习一两个常用的JS框架,比如Jquery。进一步得学会使用第三方的插件和代码,为自己所用。

时间: 2024-09-29 22:06:33

Front-End(一)的相关文章

大陆释放四重大信号,对台政策明显出现转变

为了和平统一台湾,大陆方面向台湾释放的善意那是举世公认,无论从资金.技术.人才.农产品进入大陆,那都是一路绿灯,享受着超国民待遇.每年上千亿美元的巨大贸易逆差之所以能长期存在而没有引发矛盾,是大陆的容忍所致.反观台湾方面,对大陆释放的巨大善意却很不以为然,甚至还认为理所当然,把大陆当冤大头.一面赚大陆的钱不客气,一面搞台`独没商量. 与大陆全面对台湾开放形成鲜明对比的是,台湾方面对大陆投资.人才技术交流的种种限制.单就两岸服贸协议来看,大陆开放64个领域给台湾企业,而台湾却给大陆开放48个行业,

关于SP, front end director, back end director, SP

在vnx中有SPA和SPB的概念,lun挂给SPA和SPB来实现冗余. 在VMAX中没有SP的概念,只有front-end director and back-end director. 他们支持不同的协议,有fc的,iscsi的,fcoe的,取决于配置,lun挂给两个front-FA port来实现IO 冗余,lun只是一个符号,通过back-end port来与真是的disk通信. host HBA -> san -> front end director ports -> lun

stl容器中的 .front()函数隐士转换

周末,睡了两个好觉.前天把周任务完成了,在看公司项目源码.发现std::map 的.front函数会发生隐士转换. 伪代码如下: std::map<int,int> m_map; int &i = m_map.front(): // .fornt 函数书上写的是返回一个引用. m_map.pop_push(); //弹出第一个 映射 return i; //当时就郁闷了,这样做不会出错吗? //仔细看是这样的 int i = m_map.front(); //这里转换了,当时蒙蒙冲的,

Writing In The Front

As a graduate, it's a shame that i do not have my technical blog. Actually, the thought of having my own blog last for long and i even wrote my personal home page. However, since the design of my home page is terrible, it's not easy for me to upload

HDOJ 4691 Front compression 后缀数组

后缀数组求两子串间的最大公共前缀. Front compression Time Limit: 5000/5000 MS (Java/Others)    Memory Limit: 102400/102400 K (Java/Others) Total Submission(s): 1382    Accepted Submission(s): 517 Problem Description Front compression is a type of delta encoding compr

ActivityManager: Warning: Activity not started, its current task has been brought to the front 的的问题

运行android程序的时候提示:ActivityManager: Warning: Activity not started, its current task has been brought to the front 但是在模拟器上显示出了程序界面,后来google了一下, 有一组提问和回答引起了我的注意: [html] view plaincopy Hi, I have a very simple android project. I got the following error me

I finally made sense of front end build tools. You can, too.

来源于:https://medium.freecodecamp.com/making-sense-of-front-end-build-tools-3a1b3a87043b#.nvnd2vsd8 Front end build tools can be confusing even to experienced developers like me. The solution is to understand how they work - and work together - on a co

STL vector中的front方法(4)

public member function <vector> std::vector::front reference front(); const_reference front() const; Access first element 访问第一个元素 Returns a reference to the first element in the vector. 返回第一个元素的引用. Unlike member vector::begin, which returns an itera

[Design Pattern] Front Controller Pattern 简单案例

Front Controller Pattern, 即前端控制器模式,用于集中化用户请求,使得所有请求都经过同一个前端控制器处理,处理内容有身份验证.权限验证.记录和追踪请求等,处理后再交由分发器把请求分发到对于的处理者. 前端控制器模式主要涉及下面三个角色 前端控制器(Front Controller) - 一个处理器用于处理全部的用户请求 分发器(Dispatcher) - 把处理后的请求分发到对于的业务处理程序 视图(View) - 真正处理请求业务程序 下面是前端控制器的一个简单案例.

Activity not started, its current task has been brought to the front

运行错误:Activity not started, its current task has been brought to the front . 原因分析:因为你的模拟器中还有东西在运行,也就是你要运行的activity已经有一个在模拟器中运行了.不要以认为模拟器退出到桌面了就没有东西在跑了.在你调试的时候异常关闭的程序有可能就有activity在运行. 解决方法:project->clean.