qiaomm的个人博客

前端开发技术复习题库包含两套自测题，涵盖HTML、CSS和JavaScript核心知识点。第一套题包括选择题（如标签属性、选择器使用等）、填空题（标签作用、布局类型等）、论述题（div与span区别、CSS引入方式）以及编程题（随机改背景色）。第二套题涉及图像属性、CSS选择器、JavaScript关键字、Flex布局等内容，论述题解析了var/let/const差异和浮动副作用。两套题均提供参考答案，重点考察标签使用、样式控制、脚本编程等前端基础技能，适合学生系统复习核心概念和实际应用。

比如：登录时的账号密码框、勾选同意协议的复选框，都是。： 显示一个文本框，里面灰色提示文字是"请输入"。我用最简单的方式给你讲明白。来识别你提交的数据（比如。比如你输入"123"，就变成 “123”。

特性作用对象块级元素本身父元素内部的文本和内联内容需要设置元素宽度不需要特别设置继承性不继承会继承典型用途布局中居中整个盒子居中文字或行内元素。

元素选择器：选中所有指定标签的元素。类选择器：选中所有指定类名的元素。ID 选择器：选中指定 ID 的元素。后代选择器：选中某个元素内部的后代元素。子元素选择器：选中某个元素的直接子元素。伪类选择器：选中元素的某种状态或特定位置。属性选择器：选中带有指定属性的元素。通配符选择器：选中所有元素。这些选择器是前端开发中最常用的工具，掌握它们可以帮助你更好地控制网页的样式和布局。希望这些解释对你有帮助！如果有其他问题，随时问我哦！

这些标签是前端开发中最常用的“零件”，通过它们可以搭建出网页的基本结构和内容。刚开始学习时，不用一下子记住所有标签，先掌握常用的，然后慢慢扩展。如果你有更多问题，随时问我！😊。

特性行内元素（Inline）块元素（Block）行内块元素（Inline-Block）是否独占一行不独占，和其他元素同行独占一行不独占，和其他元素同行能否设置宽高不能能能能否包含块元素不能能能常见标签<span><a><div><p><button><input>

在前端开发里，浮动（float）是个特别实用的工具，就好比是你布置房间时的一个魔法技巧，能让网页元素的摆放更灵活。下面我就详细给你讲讲。

内边距（padding）和外边距（margin）的区别。

提示：这里的跳转如何传参？指 一个页面向另一个地址页面跳转时，如何传值？比如下面的使用场景，热搜榜，是很常见的使用场景之一。以上场景非常常见，如果还是不明白，可以这样理解：（1）点击【首页】中的“细水长流者的博客”；（2）对【搜索页】进行传值（因为搜索页需要知道点击的是哪个链接）；（3）【搜索页】接收参数值，进行前端渲染。简单理解：首页向搜索页传值，搜索页接收首页传过来的参数值！！！。接下来，本文主要介绍的两种跳转传参方式——查询参数传参和动态路由传参。

我们经常遇到下面的场景，导航栏中点击过的a（比如“我的音乐”），显示高亮效果，如果使用js实现，则需要将点击的a标签的类名添加一个高亮类名。其实原理类似，只不过vue帮我们封装了标签。注意：前提是vue工程中确认已安装Vue-Router包。如不会，则参考中的VueRouter的使用步骤部分，本章节的代码是基于该篇博客进行进一步修改的，源代码亦是如此。

这篇文章主要讲解使用VueRouter如何实现简单页面切换，以及理解原理。需要实现的。

代码结构如下所示，总共四个代码文件，如果只是为了学习表格组件封装，只需要看MyTable.vue以及app.vue即可。

【代码】【VUE】 封装全局指令focus代码，自动聚焦。

既然是双向绑定，那么我们这个案例就是父组件和子组件相互传值的过程。比如父组件修改则子组件对应更新，子组件修改则父组件对应更新。我相信这个过程许多初学者都很懵，尤其是不知道修改什么更新什么，是视图？父传子：数据一定是由父组件（app.vue)传递给子组件(components中的vue文件)，app.vue提供数据=》对应到子组件的渲染功能.子传父：视图中前端用户对数据的修改，要同步到父组件的数据中。（1）鼠标双击紫砂壶文本，那么会出现input输入框；（2）点击回车会实现将用户改变之后的标签名渲染到前端。

在项目的目录结构中，通常会遵循一些规范，如组件文件的命名规范、路由的命名规范等，这样可以提高代码的可读性和维护性。同时，也可以根据团队内部的约定进行调整，以适应团队成员的开发习惯和项目的特点。除了以上目录之外，还可以根据项目的具体需求和规模进行调整或扩展，例如添加api目录用于存放与后端接口相关的文件，或者添加plugins目录用于存放插件相关的文件。在Vue.js 2中，项目的目录结构通常会按照一定的规范进行设置，以方便开发和维护。

【代码分享】【VUE】VUE2实现购物车案例。

【代码】【VUE2实现进度条】附可运行代码。

【vue2实现成绩计算案例】这个案例用到了，添加数据、删除数据、求和、求平均。

【代码】【VUE2实现记事本代码】

【代码】VUE2实现删除按钮代码分享。