搜索
首页web前端html教程【2016.1.31】小白自学敲代码的零散知识点整理(1)_html/css_WEB-ITnose

     本来是准备在29日写下前端和后端的一个学习整理,扩展一下知识,小结一下,结果大致浏览下编程这块的资料感觉自己所想和看的相差甚远,29日的小结就改到今天来个整理,也只是整理,结论都不敢随便说...


     很多新手上来就问学什么语言,java还是HTML,js,css什么的,学前端还是后端好,数据库学MySQL还是MongoDB等等一系列没有很多常识的问题.....

    别怪我说的太直白,其实最早我也是这样的,第一次学习编程问了很多人最终从VB开始,VB相关书籍的我有2本,当初下定决心来学,结果看了几天枯燥的代码就没有然后了,这几本书现在还在我的书柜上面,第二次学习编程是在高考完了以后准备来学,还花了几百块买了一本和辞海一样厚的C++的书来看,最后也是由于看不懂,枯燥乏味没有坚持下来,这本书依旧在书柜里放着,还挨着VB的书........第三次就是大学大二的时候学习Android的编程,结果依旧是不了了之,最后总结了下

要不就洗洗睡吧,想学就多动手(当然不是放下面,是放键盘上面)

现在我胡汉三又回来了,重新来认识这块的知识理论,想真正的从头开始学习.

首先这次说的就是WEB端这块的知识点.

新生很多在学习HTML,css,JavaScript等这样的基础web前端代码的时候,想过为什么要先学着三个家伙,而不是学其他,当然有的会说从简单到复杂,我可不是这个意思,我的意思是我们为什么要遵循这些原则为什么要这么写

我想很多人一开始甚至学完了基本HTML,css,js的都未必想过这个问题,作为小白的笔者来谈谈这块的原因.这是学习web前端的一些硬知识.

刚才说道的硬知识有三个标准:http标准、W3C标准和ECMAScript标准

先说说http标准

http知识一角

我的意思是:你不必去非常了解http的详细内容,但是你要了解web前端开发常用的一些http的知识

再说下W3C标准

W3C标准部分

既然是标准当然是人制定的,是这个组织 World Wide Web Consortium,不认识没事我给你翻译,叫万维网联盟,他们这帮家伙为什么这么做个标准呢,原因很简单就是方便,好用,统一,万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。

这样解释是不是有点熟悉,结构标准就是对应着XML,HTML等,表现标准对应CSS,CSS3等,行为标准是对应着JavaScript,dom等,所以才有了网页三家族HTML,css,js。

最后在这块说ECMAScript

有些人可能只知道javascript,而不知道ES——其实,js是在ES的基础上,为web浏览器做了一部分封装(增加了DOM操作、BOM操作等)。

ES的目录

如上图中的这些概念,大家可能平时都在javascript中看到,其实他们是ES的内容。只不过javascript继承了ES的这些特性,并且javascript用的比较广泛,因此才会在js中讨论的多一些。


说完了硬知识就该说说软的

你也知道我们说话一生说一辈子话,说来说去也就那么多点词字,虽然不断更新但是那几个字,不会有大的变化,那么我们根本没必要把所有的字词都学会,都会写,字典也是如此小学生字典和大学词典完全是两个概念....

这个编程和说话也是一个道理,在使用一些代码时绝大多数都是重复的,因此人们为了节省时间,提高效率是不是从多个意思的一句话,整理起来用一个符号或者一个词来表达,那么类库或者框架就是这个道理.

这次说的就是类库或者框架

有时间欢迎返古归真

别问我那个好用哪个不好用,我是小白不会,我只是摘录一下一些大神的话送给大家...

首先,jquery一定是大部分web前端开发者不可或缺的工具。而我利用jquery不仅仅停留在只使用它的API和插件上,我还会自己去写jquery插件,我还会去读jquery的源码、了解jquery的设计思路。如果你也能那样做,请相信我,你会收获到意想不到的效果。如果有一个问题:怎样才能最最透彻的理解javascript的事件系统?最佳答案之一:读几遍(一遍可能读不懂)jquery关于事件处理部分的源码!

其他的自行百度,概不详提,提了我也不敢随意回答...

工具介绍

如果你专门做web前端,就不要在用vs了,当然要选择sublime。写html语句还用手动一条一条写吗?你得需要zencoding的协助,否则效率太差了。

最后说下运行环境

B/S,C/S什么的

首先,你要知道web系统虽然大部分是在浏览器下运行,但是js可能会被运行在node环境。

今天就到这吧....明天看有没有机会继续

此文摘录很多大神的话,仅供参考学习....

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存,这玩意儿,说简单也简单,说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章,结果用户打开还是老版本,这滋味,谁受得了?这篇文章,咱就来扒一扒这背后的弯弯绕绕,以及如何优雅地解决这个问题。读完之后,你就能轻松应对各种缓存难题,让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存,说白了就是浏览器或者服务器为了提高访问速度,把一些静态资源(比如图片、CSS、JS)或者页面内容存储起来。下次访问时,直接从缓存里取,不用再重新下载,速度自然快。但这玩意儿,也是个双刃剑。新版本上线,

如何高效地在网页中为PNG图片添加描边效果?如何高效地在网页中为PNG图片添加描边效果?Mar 04, 2025 pm 02:39 PM

本文展示了使用CSS为网页中添加有效的PNG边框。 它认为,与JavaScript或库相比,CSS提供了出色的性能,详细介绍了如何调整边界宽度,样式和颜色以获得微妙或突出的效果

如何使用HTML5表单验证属性来验证用户输入?如何使用HTML5表单验证属性来验证用户输入?Mar 17, 2025 pm 12:27 PM

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

HTML5中跨浏览器兼容性的最佳实践是什么?HTML5中跨浏览器兼容性的最佳实践是什么?Mar 17, 2025 pm 12:20 PM

文章讨论了确保HTML5跨浏览器兼容性的最佳实践,重点是特征检测,进行性增强和测试方法。

< datalist>的目的是什么。 元素?< datalist>的目的是什么。 元素?Mar 21, 2025 pm 12:33 PM

本文讨论了html< datalist>元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

> gt;的目的是什么 元素?> gt;的目的是什么 元素?Mar 21, 2025 pm 12:34 PM

本文讨论了HTML< Progress>元素,其目的,样式和与< meter>元素。主要重点是使用< progress>为了完成任务和LT;仪表>对于stati

< meter>的目的是什么。 元素?< meter>的目的是什么。 元素?Mar 21, 2025 pm 12:35 PM

本文讨论了HTML< meter>元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了< meter>从< progress>和前

我如何使用html5< time> 元素以语义表示日期和时间?我如何使用html5< time> 元素以语义表示日期和时间?Mar 12, 2025 pm 04:05 PM

本文解释了HTML5< time>语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
1 个月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境