随笔分类 -  前端

上一页 1 2 3 4 下一页
表单
摘要：表单可以包含不同类型的输入元素，如文本字段、复选框、单选按钮、提交按钮等 表单标签 <form>：这是创建表单的基础标签。它包含了所有的表单元素。重要属性包括action（表单提交到的URL）和method（提交方法，通常为get或post）。 <input>：这是最常用的表单元素之一。它有多种类型 阅读全文
posted @ 2024-01-27 01:19 黑逍逍 阅读(38) 评论(0) 推荐(0)
表格
摘要：基本表格标签 <table>：这是定义表格的最基本标签。所有表格元素都被包含在这个标签内。 <tr>（Table Row）：用于定义表格的行。每个<tr>标签代表表格中的一行。 <th>（Table Header）：用于定义表格的表头单元格。通常，表头单元格中的文本加粗居中。 <td>（Table 阅读全文
posted @ 2024-01-27 01:12 黑逍逍 阅读(37) 评论(0) 推荐(0)
属性
摘要：全局属性 这些属性可以用在几乎所有的HTML标签上： class：为元素指定一个或多个类名，通常用于CSS或JavaScript。 id：为元素指定一个唯一的ID，用于CSS或JavaScript。 style：直接在元素上应用CSS样式。 title：为元素提供额外信息，通常以工具提示的形式显示。 阅读全文
posted @ 2024-01-27 01:08 黑逍逍 阅读(45) 评论(0) 推荐(0)
标签
摘要：基础结构标签 <!DOCTYPE>：定义文档类型。 <html>：根元素，包含整个页面。 <head>：包含文档的元数据。 <title>：网站的标题。 <body>：定义文档的主体。 文本格式化标签 <h1> 到 <h6>：定义标题。 <p>：定义段落。 <br>：插入单个换行。 <hr>：插入水 阅读全文
posted @ 2024-01-27 00:50 黑逍逍 阅读(27) 评论(0) 推荐(0)
html都学什么
摘要：标签和元素：学习常用的HTML标签，如标题（<h1>到<h6>）、段落（<p>）、链接（<a>）、图片（<img>）、列表（<ul>、<ol>、<li>）等，以及如何使用这些标签来组织网页内容。 属性：学习如何使用属性来扩展标签的功能，比如设置链接的href属性，图片的src和alt属性等。 表格： 阅读全文
posted @ 2024-01-27 00:28 黑逍逍 阅读(21) 评论(0) 推荐(0)
常用样式--字体
摘要：字体系列（Font Family）： font-family: "Helvetica", "Arial", sans-serif; 字体大小（Font Size）： font-size: 16px; font-size: 1.5em; 字体粗细（Font Weight）： font-weight: 阅读全文
posted @ 2024-01-25 18:15 黑逍逍 阅读(58) 评论(0) 推荐(0)
常用样式--背景
摘要：背景颜色（Background Color）： background-color: blue; 背景图片（Background Image）： background-image: url('path/to/image.jpg'); 背景重复（Background Repeat）： backgroun 阅读全文
posted @ 2024-01-25 13:09 黑逍逍 阅读(15) 评论(0) 推荐(0)
布局技术
摘要：主要布局技术如下： 浮动（Float）: 最初用于文本环绕图像，但后来被用于布局。通过float属性，元素可以向左或向右移动，直到它的外边缘接触到包含框或另一个浮动元素的边缘。 定位（Positioning）: 包括绝对定位（absolute）、相对定位（relative）、固定定位（fixed）和 阅读全文
posted @ 2024-01-24 15:02 黑逍逍 阅读(19) 评论(0) 推荐(0)
盒子模型
摘要：内容（Content）：这是盒子的主体部分，包含实际的内容，如文本、图片或其他媒体。 填充（Padding）：这是内容区域和边框之间的空间。填充增加了盒子的大小，但不包括背景颜色或背景图像。 边框（Border）：div边框的宽度。 边距（Margin）：这是盒子最外层的空间，决定了盒子与其他元素之 阅读全文
posted @ 2024-01-23 22:27 黑逍逍 阅读(11) 评论(0) 推荐(0)
选择器
摘要：元素选择器（Type Selectors）：直接通过元素类型进行选择，例如 div, p, h1 等。 类选择器（Class Selectors）：通过元素的 class 属性选择元素，以点（.）开头，例如 .classname。 ID选择器（ID Selectors）：通过元素的 id 属性选择元 阅读全文
posted @ 2024-01-23 22:13 黑逍逍 阅读(24) 评论(0) 推荐(0)
css定义方式
摘要：在Vue.js中，可以使用所有三种CSS样式定义方式（内联样式、内部样式表和外部样式表），但通常会采用一种或多种特定的方式来适应Vue的组件架构 内联样式（Inline Styles）： 在Vue中，内联样式通常用于动态绑定样式属性。可以使用v-bind:style（或简写为:style）来实现。 阅读全文
posted @ 2024-01-23 21:46 黑逍逍 阅读(21) 评论(0) 推荐(0)
css都要学习什么
摘要：CSS基础: 了解CSS是什么，以及它如何与HTML配合工作。 学习如何将CSS应用到HTML元素上，包括内联样式、内部样式表和外部样式表。 选择器: 学习不同类型的选择器（如元素、类、ID选择器）以及它们如何定位HTML元素。 了解组合器和伪类/伪元素的使用。 盒模型: 理解CSS盒模型的概念，包 阅读全文
posted @ 2024-01-23 10:30 黑逍逍 阅读(28) 评论(0) 推荐(0)
如何写一个前端项目
摘要：先说错误的 最开始我想的都写在App.vue 在实际的开发中，这是不对的，也是不推荐 正确的 在实际的项目开发中，建议使用Vue Router来管理和导航不同的页面（视图）。 Vue Router是Vue.js的官方路由管理器。它允许您定义路由和子路由，并将页面组件映射到路由上，这样就可以根据URL 阅读全文
posted @ 2024-01-21 14:32 黑逍逍 阅读(14) 评论(0) 推荐(0)
路由--工作原理
摘要：什么是 <router-view>？ <router-view> 是 Vue Router 提供的一个特殊组件。 它的作用是作为一个占位符，用于显示当前路由对应的组件。 如何理解 "路由出口"？ 把 <router-view> 想象成一个电影院的屏幕。你可以在这个屏幕上播放不同的电影（组件），而哪部 阅读全文
posted @ 2024-01-18 12:35 黑逍逍 阅读(24) 评论(0) 推荐(0)
路由--基础入门
摘要：Vue Router，是一个用于 Vue.js 的官方路由管理器。 它和 Vue.js 核心深度集成，使得构建单页面应用（SPA）变得简单。 在单页面应用中，页面不会重新加载整个页面，而是通过动态加载和替换页面的某些部分来实现与用户的交互 router index.js // 1. 定义路由组件. 阅读全文
posted @ 2024-01-12 23:21 黑逍逍 阅读(16) 评论(0) 推荐(0)
基础--监听器
摘要：watch 的作用是用于监测响应式属性的变化，并在属性发生改变时，执行特定的操作 const vm = new Vue({ data: { message: 'Hello' }, watch: { // 监听message的变化 message(newValue, oldValue) { conso 阅读全文
posted @ 2024-01-07 23:01 黑逍逍 阅读(4) 评论(0) 推荐(0)
基础--生命周期
摘要：初学时候，真抽象啊 就这个笔记，来来回回，更新好多次了 1.什么是dom DOM将HTML或XML文档表示为一个树形结构，其中每个节点都是文档中的一个元素（如标签、文本、注释等） 就是我们常看的源码格式 2. 什么是生命周期 就是vue组件，显示成浏览器页面的过程 3.挂载 挂载说简单点就是转化 这 阅读全文
posted @ 2024-01-07 23:01 黑逍逍 阅读(9) 评论(0) 推荐(0)
基础--计算属性
摘要：定义 计算属性本质上是基于Vue实例的数据进行计算得出的属性，它们的值会根据依赖的数据发生变化而自动更新 当依赖数据发生变化时，计算属性处理的值也会变化。 使用场景 避免根据data的值直接计算，然后填充到模板中。这样让<template>显的很乱 语法 // 图标显示的状态 const statu 阅读全文
posted @ 2024-01-07 23:01 黑逍逍 阅读(5) 评论(0) 推荐(0)
组件--注册
摘要：就是在一个vue中能使用其他的vue 有两种方式，全局注册和局部注册 全局注册： 注册之后，在哪都能直接用 局部注册： 只是在当前的vue中能使用 阅读全文
posted @ 2024-01-07 23:00 黑逍逍 阅读(7) 评论(0) 推荐(0)
模版--列表渲染：v-for
摘要：=后面写遍历的语法 index可写可不写 <template> <div> <ul> <li v-for="(item, index) in items" :key="index"> {{ index}} {{ item }} </li> </ul> </div> </template> <scri 阅读全文
posted @ 2024-01-07 14:40 黑逍逍 阅读(8) 评论(0) 推荐(0)

上一页 1 2 3 4 下一页