前端开发
文章平均质量分 94
html
css
js
〃旅行走失的猫〃
计算机菜鸟
展开
-
JavaScript - Web API(一) - DOM简介、获取元素、事件基础、操作元素、节点操作
web api - dom原创 2022-07-18 16:47:14 · 781 阅读 · 0 评论 -
Vue基础(六)—— 路由
vue-router3. 导入并挂载路由模块在 src/main.js 入口文件中,导入并挂载路由模块。实例代码如下:4. 声明路由链接和占位符在 src/App.vue 组件中,使用vue-router提供的 和 声明路由链接和占位符:3.声明路由的匹配规则在 src/router/index.js 路由模块中,通过 routes 数组 声明路由的匹配规则 :三、vue-router ......原创 2022-06-15 14:20:26 · 1084 阅读 · 1 评论 -
CSS基础(五) —— 页面布局三大核心之三 定位、网页布局总结、元素的显示与隐藏
文章目录一、定位1.为什么需要定位2.定位组成3.静态定位 static(了解)4.相对定位 relative(重要)5.绝对定位 absolute(重要)6.子绝父相的由来7.固定定位 fixed(重要)8.粘性定位 sticky(了解)9.定位的总结10.定位叠放次序 z-index11.定位的拓展二、网页布局总结1.页面布局总结2.CSS 属性书写顺序(重点)三、元素的显示与隐藏1.display 属性2.visibility 可见性3.overflow 溢出一、定位1.为什么需要定位提问:以原创 2022-05-06 11:12:59 · 563 阅读 · 1 评论 -
CSS基础(四) —— 页面布局三大核心之二 浮动、常见页面布局、清除浮动
文章目录一、浮动1.传统网页布局的三种方式2.标准流(普通流/文档流)3.为什么需要浮动4.什么是浮动5.浮动特性(重难点)6.网页布局准则7.浮动布局注意点二、清除浮动1.为什么需要清除浮动2.清除浮动本质3.清除浮动3.清除浮动总结一、浮动1.传统网页布局的三种方式网页布局的本质 —— 用 CSS 来摆放盒子,把盒子摆放到相应位置CSS 提供了 三种传统布局 方式(简单说,就是 盒子如何进行排列顺序):普通流(标准流)浮动定位2.标准流(普通流/文档流)所谓的 标准流:就是原创 2022-05-05 20:56:02 · 155 阅读 · 0 评论 -
CSS基础(三) —— 页面布局三大核心之一 盒子模型、圆角边框、盒子阴影、文字阴影
文章目录一、盒子模型1.网页布局的本质2.盒子模型(Box Model)组成3.边框(border)1.边框(border)2.表格的细线边框(border-collapse)3.边框会影响盒子实际大小4.内边距(padding)5.外边距(margin)1.外边距2.外边距典型应用:让块级盒子水平居中3.外边距合并6.清除内外边距二、圆角边框三、盒子阴影四、文字阴影一、盒子模型1.网页布局的本质网页布局过程先准备好相关的网页元素,网页元素基本都是盒子 Box利用 CSS 设置好盒子样式,然后原创 2022-05-05 15:56:08 · 139 阅读 · 0 评论 -
CSS基础(二) —— 复合选择器、元素显示模式、背景、三大特性、注释、Emmet语法
文章目录一、CSS 的复合选择器1.什么是复合选择器2.后代选择器(重要)3.子选择器(重要)4.并集选择器(重要)5.伪类选择器6.链接伪类选择器7. :focus伪类选择器8. 复合选择器总结二、CSS 的元素显示模式1.什么是元素显示模式2.块元素3.行内元素4.行内块元素5.元素显示模式总结6.元素显示模式转换7.单行文字垂直居中三、CSS 的背景1.背景颜色2.背景图片3.背景平铺4.背景图片位置5.背景图像固定(背景附着)6.背景复合写法7.背景色半透明8.背景总结四、CSS 的三大特性1.层叠原创 2022-05-05 11:03:25 · 119 阅读 · 0 评论 -
CSS基础(一) —— 基础选择器、字体属性、文本属性、引入方式
文章目录一、CSS 简介1.CSS 概述2.CSS 语法规范3.CSS 代码风格二、CSS 基础选择器1.CSS 选择器的作用2.选择器分类3.标签选择器4.类选择器5.id 选择器6.通配符选择器7.基础选择器总结三、CSS 字体属性1.字体系列2.字体大小3.字体粗细4.文字样式5.文字复合属性6.文字属性总结四、CSS 文本属性1.文本颜色2.对齐文本3.装饰文本4.文本缩进5.行间距6.文本属性总结五、CSS 的引入方式1.行内样式表(行内式)2.内部样式表(嵌入式)3.外部样式表(链接式)4.CS原创 2022-04-30 23:09:39 · 707 阅读 · 0 评论 -
HTML基础
HTML 标签原创 2022-04-30 11:55:30 · 80 阅读 · 0 评论 -
JavaScript基础
文章目录一、数据类型1. 基本数据类型2. 引用数据类型3. 数据类型转换二、运算符1. 算术运算符2. 赋值运算符3. 比较运算符4. 逻辑运算符5. 运算符优先级三、表达式和语句1. 表达式和语句区别2. 程序三大流程控制语句3. 分支语句4. 循环结构四、数组1. 定义2. 数组的基本使用3. 操作数组五、函数1. 定义2. 函数使用3. 函数参数4. 函数返回值5. 作用域6. 匿名函数六、对象1. 定义2. 对象使用3. 操作对象4. 遍历对象5. 内置对象七、拓展1. 术语解释2. 基本数据类型原创 2022-04-08 12:30:50 · 80 阅读 · 0 评论 -
Ajax
AjaxAJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。 Ajax工作原理AJAX是基于现有的Internet标准:XMLHttpRequest 对象 (异步的与服务器交换数据)Ja原创 2020-12-14 14:26:18 · 96 阅读 · 0 评论 -
JavaScript
JavaScript语句时发给浏览器的命令,告诉浏览器要做的事情。浏览器按照编写的顺序依次执行每条语句。JavaScript的输出使用 window.alert() 弹出警告框使用 document.write() 方法将内容写到 HTML 文档中使用 innerHTML 写入到 HTML 元素使用 console.log() 写入到浏览器的控制台JavaScript数据类型值类型(基本类型):数字(number),字符串(string),布尔(Boolean),空(null),未.原创 2020-12-14 14:25:55 · 72 阅读 · 0 评论