这几天有点急于求成了,原来每一门技术都像大海,只有深入其中才发现它比看到的更要深广的多.

虽然忙里偷闲的看了HTML5,NODE.JS,JAVASCRIPT核心等许多东西,但是真正掌握的不足十分之一,让我不禁感慨技术的博大精深.

从网上买了几本书,有关于javascript设计模式的,有关于网页前端设计思想的,因为每当基础和实践一段时间后,就会发现有很多东西是思想和模式上的问题.

曾经写html css的时候,都是内联样式,压根不知道维护性,简洁性是什么概念.

后来样式表和html的分离,懵懵懂懂.接着是css文件的分离,类的重用性考虑.还经历了css文件的全部整合,到现在的又进行分离.真的觉得在写程序之前,有一个全局的考虑和设计是很重要的.

对于js,刚开始就用的是jquery,用了一段时间发现这些凌驾于基础之上的东西虽然好用,却是在照葫芦画瓢,无法进行更深入的开发.于是又转向javascript的学习.

刚开始也是局限于window.onload这样的形式去写,经历了不算短的时间.知道买了权威指南,才发现js的强大,我们所谓的客户端javascript不过是冰山一角.又不禁感慨这门语言的博大精深和灵活多变.

现在前端技术我自己的认识就是三大块:html+css  javascript  ps,增加附加价值的就是会一门服务端语言,比如php,如果你javascript学的不错,学习PHP不会觉得有什么难度(不包括精通).当然,基于javascript的node.js对我来说更加美好.

我的规划就是,齐头并进.这并不冲突,因为他们三个是相辅相成的关系.每天工作之余花两个小时,一个月就是六十个小时,一年呢?七百二十个小时.珍贵的时间...

html+css 很多人都觉得这很简单.不就是个标签语言么?三天就学会了.是的,你是学会了,你能做出像样子的网页吗?能解决兼容性的问题吗?你会响应式布局吗?你会本地存储吗?你会...?我知道你不会,你只会写个<div></div>.

  规划:1.继续深入学习HTML+CSS布局,设计,兼容性问题处理.

    2.学习响应式布局,不断练习,编写优良的响应式布局代码.

    3.学习html5+css3,达到熟练使用并最终代替html4(不支持html5的旧版本IE引入html5.js解决兼容性问题)

    4.熟练jquerymobile 和  bootstrap进行快速开发.

    5.学习前端设计思想和布局思路,使网页布局合理,直观,使用简便.

javascript

  规划:1.深入学习javascript客户端编程,了解客户端javascript实现原理.

    2.深入学习语言核心,了解函数,闭包,原型链,高阶函数.

    3.深入理解函数式编程思想,接口编程思想,模块化思想,编写可用性高的插件.

    4.学习使用node.js

    5.学习js设计模式,编写高性能的javascript代码.

    6.学习算法.

ps

  规划:1.学习基本的切图操作.

    2.暂时还没有.

每天2个小时的学习不算长,比不上大家每天看微信看电影的时间,希望有兴趣的朋友一起学习.

html css布局的更多相关文章

  1. 界面设计技法之css布局

    css布局之于页面就如同ECMAScript之于JS一般,细想一番,html就如同语文,css就如同数学,js呢,就是物理,有些扯远,这里就先不展开了. 回到主题,从最开始的css到如今的sass(l ...

  2. CSS布局 - 三栏布局

    CSS布局技术可谓是前端技术中最基础的技术,就是因为基础,所以我认为要更加熟练,深入的去掌握,去梳理. 一. 传统 ---> 浮动实现的三栏布局 采用浮动实现的三栏布局有以下特点及注意事项: · ...

  3. DIV+CSS布局中主要CSS属性介绍

    Float: Float属性是DIV+CSS布局中最基本也是最常用的属性,用于实现多列功能,我们知道<div>标签默认一行只能显示一个,而使用Float属性可以实现一行显示多个div的功能 ...

  4. CSS 布局

    近日开发中,总感觉页面布局方面力不从心.以前也曾学过这方面的内容,但是不够系统,因此我打算整理一下. 在web 页面中一般有 table 和 css+div 两种布局方式. 其中css+div 又分为 ...

  5. CSS布局经典—圣杯布局与双飞翼布局

    在我之前的博客网页整体布局完全剖析-剖完你不进来看一下么?中总结单列.两列.三列固宽与变宽布局,我还以为已经囊括了所有经典的网页布局方法了呢,当然除了CSS3的弹性盒模型没有涉及到,现在看来确实是自己 ...

  6. html学习第三天—— 第12章——css布局模型

    清楚了CSS 盒模型的基本概念. 盒模型类型, 我们就可以深入探讨网页布局的基本模型了.布局模型与盒模型一样都是 CSS 最基本. 最核心的概念. 但布局模型是建立在盒模型基础之上,又不同于我们常说的 ...

  7. CSS篇之DIV+CSS布局

    <div></div> div与其他标签一样,也是一个XHTML所支持的标签. div是XHTML中指定的,远门用于布局设计的容器标记. 简单的CSS布局 头部 内容 页脚 & ...

  8. CSS 布局口诀

    body { font-family: Segoe UI,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMi ...

  9. CSS布局基础——BFC

    what's BFC? 第一次看到这个名词,我是拒绝的,css什么时候还有这个东西?于是迫不及待的google了一下,才发现原来它无时无刻不在我们的css当中,只不过它并不是一个属性,不需要我们平常使 ...

  10. 熟悉HTML CSS布局模型

    HTML最难的地方来了!这个我反复了很多遍, 包括现在写博客, 也对我自己算是一种温习, 我这块怕是没办法写的很好懂, 因为我自己还不能把我学到的准确通俗易懂的表达出来, 给自己记个笔记, 以后再来一 ...

随机推荐

  1. C#泛型(C#_编程指南)CSDN学习整理笔记

    1.1. 泛型概述 2.0版C#语言和公共语言运行时(CLR)中增加了泛型.泛型将类型参数的概念引入.NETFramework,类型参数使得设计如下类和方法成为可能:这些类和方法将一个或多个类型的指定 ...

  2. Oracle基础 数据泵导出/导入Expdp/impdp(转)

    一.EXPDP和IMPDP使用说明 Oracle Database 10g引入了最新的数据泵(Data Dump)技术,数据泵导出导入(EXPDP和IMPDP)的作用 1)实现逻辑备份和逻辑恢复. 2 ...

  3. 跨域 HTTP 请求

    如果你需要从不同的服务器(不同域名)上获取数据就需要使用跨域 HTTP 请求. 跨域请求在网页上非常常见.很多网页从不同服务器上载入 CSS, 图片,Js脚本等. 在现代浏览器中,为了数据的安全,所有 ...

  4. JavaScript--匿名函数和闭包(16)

    // 匿名函数:没有名字的函数; // 闭包:可访问一个函数作用域里的变量的函数; 一 匿名函数 // 普通函数 function box(){ // 函数名是box; return 'Lee'; } ...

  5. https双向认证demo

    阅读此文首先需要具备数据加解密,公钥,私钥,签名,证书等基础知识. 通信服务端:使用tomcat 通信客户端:使用apache httpclient 4.5.1 1. 服务端操作 . keytool ...

  6. EventDemoandStyleDemoandThemeDemo

    Event Handling 示例: 分为EventListener. EventListenerRegistration和EventHandler. 注册Event的三种方法: 1)  在Activ ...

  7. 二十一、Android上常见度量单位【xdpi、hdpi、mdpi、ldpi】解读

    术语和概念 屏幕尺寸 屏幕的物理尺寸,以屏幕的对角线长度作为依据(比如 2.8寸, 3.5寸). 简而言之, Android把所有的屏幕尺寸简化为三大类:大,正常,和小. 程序可以针对这三种尺寸的屏幕 ...

  8. 怎么解决tomcat占用8080端口问题图文教程(转)

    亲测有效. 原因:可能是开了多个tomcat 原文网址:http://jingyan.baidu.com/article/1612d5006c3cdae20e1eee04.html  怎么解决tomc ...

  9. 20150224—ASP.NET基础

    一.如何使用VS2012创建ASP.NET的项目. 文件-新建-网站 出现以下对话框,选择ASP.NET的空网站(注意,左侧使用的模板是Visual C#) 选择好存放位置,名字之后 点击确定.这样就 ...

  10. WCF之Host宿主

    Self_hosting自托管宿主. 过程:手动创建Host实例,把服务端点添加到Host实例上,把服务接口与Host关联. 一个Host只能指定一个服务类型,但是可以添加多个服务端点,也可以打开多个 ...