- 博客(11)
- 收藏
- 关注
原创 如何创建vue项目
构建vue项目 安装vue-cli脚手架 使用vue-cli脚手架工具,会自动帮我们配置环境和路由等工作,不需要手动配置,省去了很多麻烦,官方安装vue-cli步骤 在同一个设备上只需安装一次即可,若在输入安装命令后报错说文件已存在,但输入vue ui又无法进入可视化界面时,可以根据报错提醒进入到对应的文件目录下,把之前安装的vue-cli文件夹删除,同时回到上一级目录把vue开头的文件也删除,再回到终端页面输入安装命令进行重新安装即可。 创建项目 安装完毕后,在终端输入vue ui命令,进入到
2021-08-17 14:45:44
146
原创 浏览器渲染流程
浏览器渲染流程 渲染流程 构建DOM树 构建CSSOM树 构建Render树 布局 绘制 什么是DOM树 DOM是文档对象模型(Document Object Model)的简称,是HTML文档的对象表示。DOM Tree是指通过DOM将html页面进行解析生成HTMl Tree树状结构和对应访问方法,DOM节点树结构如下。百度百科 如何构建DOM树 当浏览器接收到由服务器端返回的报文中或从本地磁盘中获取到的HTML网页和资源时,由于初始时是字节形式的数据,因此浏览器会根据指定的编码方式(如ut
2021-08-13 20:43:11
191
原创 Ajax学习笔记
Ajax 基础 传统网站中存在的问题 Ajax概述 Ajax应用场景 主要是应用在不刷新页面的情况下,向服务端发送请求,和服务器端进行交互,从而更改客户端页面中的数据或者状态,其主要目的是为了提高用户在浏览器中的体验。 Ajax的运行环境 Ajax运行原理 Ajax的实现步骤 服务器端响应的数据格式 请求参数传递 报文 请求参数的格式 获取服务器端的响应 ajax状态码 Ajax错误处理 低版本IE浏览器缓存问题 Ajax异步编程 同步、异步概述 ajax请求属于异步代码
2021-06-10 19:51:06
214
原创 移动端开发
视口 布局视口 layout viewport 视觉视口 visual viewport 理想视口 ideal viewport meta视口标签 二倍图 物理像素&物理像素比
2020-12-03 20:08:18
322
原创 HTML5和CSS3
HTML5与CSS3HTML5新特性HTML5新增语义化标签HTML新增多媒体标签< video >标签< audio >标签HTML5新增input类型功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 HT
2020-10-31 20:28:02
835
原创 前端考核
页面截图 核心代码解析 背景图 背景图是把图片放在div盒子中,再根据需要,调整盒子大小。(因为JS还没学到后面,所以就没有弄轮翻图的效果了) 导航栏 在设置导航栏之前,先设置一个版心盒子div,利用margin属性,使版心盒子距离浏览器顶端100px的距离,并水平居中对齐。后续利用版心盒子对部分元素进行排版。如下图所示,粉色背景的为版心盒子。 接着,再设置一个div盒子装导航栏的元素,里面再设置...
2020-03-07 19:12:50
486
19-谢文姬-2.16-学习笔记
CSS引入方式 CSS样式表 可分为三大类:行内样式表(行内式)、内部样式表(嵌入式)、外部样式表(链接式)。 内部样式表 内部样式表是写到HTML页面内部。是将所有的CSS代码抽取出来,单独放到一个< style>标签中。 行内样式表 行内样式表是在元素标签内部的< style>属性中设定的CSS样式。适合于修改简单样式。 例: < div style=“color...
2020-02-16 22:18:31
174
19-谢文姬-2.9-学习笔记
文章目录CSS字体属性字体系列字体大小字体粗细字体样式字体符合属性CSS文本属性文本颜色文本对齐方式装饰文本文本缩进行间距 CSS字体属性 CSS Font(字体)属性用于定义字体系列、大小、粗细和文字样式(如斜体)。 字体系列 CSS使用font-family属性定义文本的字体系列。 语法: p { font-family: “Microsoft Yahei”,Arial,“微软雅黑”; } 注...
2020-02-09 22:39:23
397
原创 19-谢文姬-2.2-学习笔记
注册页面案例 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2020-02-02 23:01:15
543
原创 19-谢文姬-1_19-学习笔记
19-谢文姬-1_19-学习笔记## HTML是超文本标记语言。 超文本:①超越文本限制 ②超级链接文本 常用浏览器:IE、谷歌、火狐、Safari、Opera、Edge 浏览器内核:负责读取网页内容、整理讯息、计算网页显示方式并显示页面。 web标准:由w3c组织和其他标准化组织制定的一系列标准的集合 w3c(万维网联盟)是国际最著名的标准化组织。 web标准的构成:结构、表现、行为。 HTML...
2020-01-20 16:15:08
227
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人