首页专题 web前端技术

web前端技术

很多同学在进行编程学习时缺乏系统学习的资料。本页面基于web前端技术内容，从基础理论到综合实战，通过实用的知识类文章，标准的编程教程，丰富的视频课程，为您在web前端技术相关知识领域提供全面立体的资料补充。同时还包含 w3c标准、w3c菜鸟、w3c验证的知识内容，欢迎查阅！

web前端技术相关知识

web前端技术学习之元素分类
内联元素（行内元素）特点：<span>、<a>、<label>、 <strong> 和<em> 1、和其他元素都在一行上； 2、元素的高度、宽度及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。解决方法：写在一行，之间不要有空格之类的符号。块级元素特点：<div>、 <p>、<h1~h6>、<form>、<ol>、<ul> 和 <li> 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占
web前端技术学习之CSS布局模型
CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型： 1、流动模型（Flow）流动模型是默认的网页布局模式。在流动模型下，内联元素都会在所处的包含元素内从左到右按顺序水平分布显示。在流动模型下，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，在默认状态下，块状元素的宽度都为100%。 2、浮动模型（Float） float:right/left/none; 任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动 3、层模型（lay
web前端技术学习之网页布局基础
W3C标准：结构化标准语言（HTML和XML）表现标准语言（CSS）行为标准与语言（DOM和ECMAScript）倡导结构，样式，行为分离。 CSS存在3种定位机制：标准文档流（Nomal flow）特点：从左向右从上向下输出文档内容。由块级元素和行级元素组成。块级元素（如div，ul，li，ol，h1-6，dl，dt，p）从左到右撑满页面，独占一行。触碰到页面边缘时，会自动换行。行级元素（如span，strong，input，img）能在同一行内显示，不会改变HTML文档结构。块级元素和行级元素都是盒子模型（
web前端技术基础课程讲解之Vue.js构建方式
先介绍下Vue，它是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还方便与第三方库或既有项目整合。另一方面当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。Vue构建方式有两种构建方式，独立构建和运行构建。他们的区别在于前者包含模板编译器而后者不包含。模板编译器的职责是将模板字符串编译为纯JacaScript的渲染函数。如果你想要在组件中使用template选项，你就需要编译器。声明周期具体要注意的是created和mounted区别，created是vm实例已创建但为挂载，因此一些DOM操作应该放在mounted中。异步请求放在created或者mounted暂时没有发现什么区别。计算（computed）属性模板内的表达式不应该包含太多的逻辑，对于任何复杂逻辑，都应当使用计算属性，Component属性和methods不同的是计算属性是基于他们的依赖进行缓存的。Component属