WEB前端是使用HTML、CSS、JS以及更多的框架技术,编写网站页面、App应用、小程序、2D、3D游戏、Web、VR、AR等应用,通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作,实现设计意图并调用后台接口;也可以独立工作,完成强用户交互的各类应用。达内教育开设的web前端课程结合了前端H5,后端node.JS和移动端APP开发,致力于培养真正的全栈人才。
课程内容
Html5、Css3、W3C盒子模型、Less预处理、Javascript基础语法、Media查询、CssRem插件、浏览器兼容
ECMAScript6、面向对象、闭包、原型链、作用域、监听事件、Dom、正则表达式、Json、JQuery框架、BootStrap框架、Animate框架
MySQL、DDL、DML、DQL、Node.js、Commonjs、NPM和YARN、Http、Cookie、Session、Node.js连接、Express框架、MySQL、后端路由、静态资源托管、RestFul API、Ajax
Git、Vue框架、Vue组件、过渡和动画、VueRouter路由系统、Webpack工程化、ESLint代码校验、clean-webpack-plugin、Sourcemaps、Vue/CIi脚手架、MVVM模式、Render
小程序组件、小程序样式、腾讯地图API、分包加载、兼容处理、发布和.上线、公众号关联、小程序JavaScript
虚拟DOM、Diff算法、React框架、JSX语法、Vue组件、过渡和动画、CSSModules、React组件、ESLint代码校验、Treeshaking打包优化、React/Cli脚手架、Redux状态管理架构、AntDesign组件框架
学Web前端, 为什么选择博为峰
简单选择器总结
标签名选择器和类名选择器 默认可以一次性选中多个元素,id 名选择器一次只能选中一
个元素。
一个标签的身上可以既具有类名又具有 id 名,且这二个属性值是可以相同的。
允许一个标签的身上同时设置多个类名,要求多个类名之间用空格隔开。
关于 id 选择器要求一个页面当中同一个 id 名称只能出现一次。
id 名与类名命名规则
名称不能是纯数字或者以数字开头( 但是我们经常会以数字结尾 )
名称不能使用中文
名称包特殊字符( - _ )
起名字时要做到见名知意
元素展示类型
在 HTML 当中本身定义了很多的元素,这些元素默认在网页上展示的时候会存在自已
默认的状态,例如有些元素默认情况下宽高属性不起作用,有些元素默认情况下都独占一行
显示。 种现象我们就称之为元素展示类型, 这为了记忆我们人为的将元素展示类型分为三种: 块元素、行内元素、行内块元素。
块元素:当同时存在多个块元素的时候,每个块元素都会独占一行显示,且默认情况
下它的宽高属性可以起作用。
行内元素:当同时存在多个行内元素的时候,这些元素都会显示在一行,如果一行放
不下自动折行。默认情况下它的宽高属性不起作用
行内块元素:当同时存多个行内块元素的时候,这些元素会显示在一行,默认情况下
它的宽高属性起作用。
注:不需要去死记哪些元素是行内,哪些是块,哪些是行内块。
布局标签补充
div 标签,它是 HTML 当中定义好的一个双标签( DIV+CSS )。我们人为的认为它是一个体
积**的标签。
span 标签,它也是一个双标签,主要用来放文字,我们人为的认为这体积很小。
段落标签里不能包裹标题,因为浏览器不能正常解析。
元素展示类型转换
在我们进行网页布局过程中往往会遇到一些"特殊的模块",对于这种模块来说我们之前的一
些常见标签在使用的时候就会显示 “语义” 有些不对应,所以我们可以使用相应的标签进行
强制的类型转换,从而让它可以展示成 设计稿 上的样子。在 CSS 当中有一个 display 属
性,可以设置不同的值来完成元素类型的转换。
转成块元素: display:block;
转成行内块:display:inline-block
转成行内元素:display:inline; none
简单选择器权重
权重:我们就可以理解为是不同类型的 CSS 选择器在对同一个元素进行样式设置的时候,出 现的控制能力不同的现象。
对于简单选择器来说 : id 选择器 》 类名选择器 》 标签名选择器
CSS 特性
在权重相同的情况下,同一个元素后写的 CSS 样式会覆盖先写的 CSS 样式。【覆盖性】
CSS 的定义存在继承的特点,子元素会继承父元素的一些样式【继承性】
(1) 不是所有的 CSS 属性都可以被继承。
(2) 不是所有类型的元素都会去继承祖先元素的样式( 继承一般发生在块元素的身 上)
(3) 继承指的就是子元素可以使用祖先元素的一些样式
同选择器对同一个元素的 CSS 控制能力存在着强弱。
更多培训课程,学习资讯,课程优惠等学校信息,请进入 郑州博为峰教育 网站详细了解,免费咨询电话:400-998-6158