html,css和javascript的区别

html-css025

html,css和javascript的区别,第1张

1、HTML—Hypertext Markup Language。

超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(比如文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,

?

<html>

<head>

<title>HTML</title>

</head>

<body>

</body>

</html>

HTML文本中包含了所谓的“链接点”HTML利用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。总的来说,HTML就是整合网页结构和内容显示的一种语言。

2、CSS—Cascading Style Sheet

层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中,我们使用过CSS文件,对一些标签的样式进行修改。

我们使用CSS为每个HTML元素定义样式,也可以用于多个界面。进行全局更新时,只需修改样式即可。

?

body {

border :1px solid #000/*整体的边框*/

font-size :14px

}

说白了,CSS就是设置网页上HTML元素属性的语言。

3、JavaScript

一开始特别郁闷为什么它的名字跟Java如此相似?

这是典型的市场营销方面的成功,它的推广成功,也是借了Java的东风。当微软开始意识到Javascript在Web开发人员中流行起来时,微软还是一贯风格,建立了自己的脚本语言,JScript。

Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的HTML页面,显示警告框,设置cookie等等。

?

function jsHello(){

alert('Hello World!')

}

把代码嵌入HTML语言中,它会在加载时弹出一个“Hello World”对话框。

内置对象没有传统的animate这个方法,效果都是css3来实现的。zeptojs官网有这块的介绍,以前这个是作为独立插件的

animate

animate(properties, [duration, [easing, [function(){ ... }]]])  ⇒ self

animate(properties, { duration: msec, easing: type, complete: fn })  ⇒ self

animate(animationName, { ... })  ⇒ self

$("#some_element").animate({

  opacity: 0.25, left: '50px',

  color: '#abcdef',

  rotateZ: '45deg', translate3d: '0,10px,0'

}, 500, 'ease-out')

1.HTML

知识要点:web工作原理、HTML4及HTML5、常见标签、相对路径与绝对路径、HTML5标签

2.CSS+布局

知识要点:CSS基本语法、基本选择器、复合选择器、背景图片、盒子模型、精灵图、常见网页布局、浮动定位、Flex布局、响应式布局、移动端适配、网页动画、CSS3新特性、Less预处理器

3.ECMA基础

知识要点:ECMA基本语法、数据类型、运算符、分支结构、循环结构、函数、常见内置对象的属性和方法、Array、Math、Date、String

4.DOM

知识要点:DOM模型、节点类型、节点的基本操作、JS操作样式表、克隆节点、获取坐标位置、获取元素尺寸、节点的各种属性和方法。

5.BOM+jQuery

知识要点:History、Location、Navigate、定时器、线程、事件循环、web工作原理、性能优化、事件对象、正则表达式、jQuery框架

6.vue框架基本语法

知识要点:vue基本语法、双向绑定、组件传值、条件渲染、列表渲染、事件处理、表单绑定、自定义事件、插槽、过渡、动画、动态路由、嵌套路由、编程式导航、导航守卫、路由懒加载、脚手架、生命周期、vuex、axios、ts、vue3

7.vue案例

知识要点:将知识点融会贯通到案例中。

8.react基本语法

知识要点:react简介、jsx语法、元素渲染、组件和props、state、生命周期、表单、条件渲染、组合继承、hooks、性能优化、redux

9.react案例

知识要点:将知识点融会贯通到案例中

新增内容:微信小程序及uni-app框架

知识要点:

小程序框架(配置/程序与页面注册/路由),开发者工具

小程序框架组件学习(基础/视图/表单/地图/媒体/导航/开发能力)

小程序框架组件学习(地图/媒体/导航/开发能力)

小程序API(基础/路由/界面/网络/数据缓存/位置服务)

小程序API(设备/媒体/开放接口/授权/登录/支付)

10.Node服务器与数据库及框架

Node原生模块、跨域、安全校验、数据加密、数据库基本操作、express框架、koa框架

11.Node 项目周/WebPack