前端知识点汇总
文章平均质量分 70
主要还是JS HTML CSS基础知识汇总,关于面试啥的打算再开一个栏
目羲
在困难的道路上艰难前行,忍着眼泪走
展开
-
VUE 基础(1)
vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统首先创建div标签,其中左右双大括号的方式声明变量第二步使用script脚本,使用new Vue的方式可以获得一个应用对象,其中el=元素,data=保存数据原创 2022-09-26 20:57:53 · 270 阅读 · 0 评论 -
defer和async
首先先了解一下页面的加载渲染过程1.首先浏览器会通过HTTP请求服务器获取HTML文件2.然后就开始从上到下解析HTML,构建DOM3.如果在解析过程中,碰见了外联的样式声明以及脚本声明,则会暂停解析4.开始下载样式文件(构建CSSDOM)以及脚本文件,之后又开始解析文档构建DOM,此时脚本文件解释执行也在同时进行5.完成文档解析后,将DOM和CSSDOM进行关联和映射,最后将视图渲染到浏览器窗口所以在脚本文件执行的时候会阻塞文档的的解析,会一定程度上影响用户的体验。这时候就会用到defer以及a原创 2022-06-08 18:39:35 · 188 阅读 · 0 评论 -
HTML中行内元素块级元素 行内块元素
1.当给行内元素定义一个具体的宽高时,是没有用的。只有对于块级元素是有用的。除非在行内元素里面写上内容,那个内容有多大,那就会被撑开有多大例:如果是块级元素如果是行内元素那就毫无显示,如果在里面写上内容2.块级元素各独占一行,如果改成行内元素,则会变成一行。如果给行内元素设置外边距,只有左右有外边距,上下是没有外边距的,块级元素设置外边距的都是有用的设置行元素设置外边距行内元素适合显示具体内容,而块级元素适合做布局在HTML设置标签为span,在css里面设置display:in原创 2022-06-08 15:51:32 · 2605 阅读 · 0 评论 -
HTML文档结构
1.文档结构HTML文档由头部head和主体body两个部分组成。头部head标记中可以定义标题、样式等,头部信息不会显示在网页上;主体body标记中可以定义段落、标题字、超链接、脚本、表格、表单等元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文档结构</title> <!--meta描述网页文档的属性-原创 2022-05-05 20:33:47 · 842 阅读 · 0 评论