01 2024 档案
路由--子路由
摘要:子路由(也称为嵌套路由)是一种在 Vue 应用的单个路由下设置多个视图的方法。这使得构建多层次的页面结构变得简单,例如,一个有多个嵌套视图的仪表板页面。在 Vue Router 中实现子路由可以让你在相同的页面布局内展示不同的组件,而无需为每个可能的组合创建单独的路由。 基本上,子路由允许你定义一个
阅读全文
表单
摘要:表单可以包含不同类型的输入元素,如文本字段、复选框、单选按钮、提交按钮等 表单标签 <form>:这是创建表单的基础标签。它包含了所有的表单元素。重要属性包括action(表单提交到的URL)和method(提交方法,通常为get或post)。 <input>:这是最常用的表单元素之一。它有多种类型
阅读全文
表格
摘要:基本表格标签 <table>:这是定义表格的最基本标签。所有表格元素都被包含在这个标签内。 <tr>(Table Row):用于定义表格的行。每个<tr>标签代表表格中的一行。 <th>(Table Header):用于定义表格的表头单元格。通常,表头单元格中的文本加粗居中。 <td>(Table
阅读全文
属性
摘要:全局属性 这些属性可以用在几乎所有的HTML标签上: class:为元素指定一个或多个类名,通常用于CSS或JavaScript。 id:为元素指定一个唯一的ID,用于CSS或JavaScript。 style:直接在元素上应用CSS样式。 title:为元素提供额外信息,通常以工具提示的形式显示。
阅读全文
标签
摘要:基础结构标签 <!DOCTYPE>:定义文档类型。 <html>:根元素,包含整个页面。 <head>:包含文档的元数据。 <title>:网站的标题。 <body>:定义文档的主体。 文本格式化标签 <h1> 到 <h6>:定义标题。 <p>:定义段落。 <br>:插入单个换行。 <hr>:插入水
阅读全文
html都学什么
摘要:标签和元素:学习常用的HTML标签,如标题(<h1>到<h6>)、段落(<p>)、链接(<a>)、图片(<img>)、列表(<ul>、<ol>、<li>)等,以及如何使用这些标签来组织网页内容。 属性:学习如何使用属性来扩展标签的功能,比如设置链接的href属性,图片的src和alt属性等。 表格:
阅读全文
常用样式--字体
摘要:字体系列(Font Family): font-family: "Helvetica", "Arial", sans-serif; 字体大小(Font Size): font-size: 16px; font-size: 1.5em; 字体粗细(Font Weight): font-weight:
阅读全文
常用样式--背景
摘要:背景颜色(Background Color): background-color: blue; 背景图片(Background Image): background-image: url('path/to/image.jpg'); 背景重复(Background Repeat): backgroun
阅读全文
TF-IDF
摘要:定义: TF-IDF 是针对一个文档集合(语料库)设计的,这种统计方法用于评估一个词语对于一份文件的重要程度 就是TF-IDF的值越高,这个词在这篇文档中的重要性就越高 TF (Term Frequency): 这是一个单词在该篇文章中出现的频率。例如,如果一个单词在文档中出现了5次,而文档总共有1
阅读全文
布局技术
摘要:主要布局技术如下: 浮动(Float): 最初用于文本环绕图像,但后来被用于布局。通过float属性,元素可以向左或向右移动,直到它的外边缘接触到包含框或另一个浮动元素的边缘。 定位(Positioning): 包括绝对定位(absolute)、相对定位(relative)、固定定位(fixed)和
阅读全文
盒子模型
摘要:内容(Content):这是盒子的主体部分,包含实际的内容,如文本、图片或其他媒体。 填充(Padding):这是内容区域和边框之间的空间。填充增加了盒子的大小,但不包括背景颜色或背景图像。 边框(Border):div边框的宽度。 边距(Margin):这是盒子最外层的空间,决定了盒子与其他元素之
阅读全文
选择器
摘要:元素选择器(Type Selectors):直接通过元素类型进行选择,例如 div, p, h1 等。 类选择器(Class Selectors):通过元素的 class 属性选择元素,以点(.)开头,例如 .classname。 ID选择器(ID Selectors):通过元素的 id 属性选择元
阅读全文
css定义方式
摘要:在Vue.js中,可以使用所有三种CSS样式定义方式(内联样式、内部样式表和外部样式表),但通常会采用一种或多种特定的方式来适应Vue的组件架构 内联样式(Inline Styles): 在Vue中,内联样式通常用于动态绑定样式属性。可以使用v-bind:style(或简写为:style)来实现。
阅读全文
css都要学习什么
摘要:CSS基础: 了解CSS是什么,以及它如何与HTML配合工作。 学习如何将CSS应用到HTML元素上,包括内联样式、内部样式表和外部样式表。 选择器: 学习不同类型的选择器(如元素、类、ID选择器)以及它们如何定位HTML元素。 了解组合器和伪类/伪元素的使用。 盒模型: 理解CSS盒模型的概念,包
阅读全文
如何写一个前端项目
摘要:先说错误的 最开始我想的都写在App.vue 在实际的开发中,这是不对的,也是不推荐 正确的 在实际的项目开发中,建议使用Vue Router来管理和导航不同的页面(视图)。 Vue Router是Vue.js的官方路由管理器。它允许您定义路由和子路由,并将页面组件映射到路由上,这样就可以根据URL
阅读全文
提取SAO
摘要:"SAO" 这个概念在自然语言处理(NLP)领域中指的是从文本中提取“主体-动作-客体”(Subject-Action-Object)结构。 主体(Subject):通常是句子中执行动作的人或事物。在英文中,主体通常位于句子的开头。 动作(Action):这是句子中描述的主要动作或事件。在英文中,动
阅读全文
路由--工作原理
摘要:什么是 <router-view>? <router-view> 是 Vue Router 提供的一个特殊组件。 它的作用是作为一个占位符,用于显示当前路由对应的组件。 如何理解 "路由出口"? 把 <router-view> 想象成一个电影院的屏幕。你可以在这个屏幕上播放不同的电影(组件),而哪部
阅读全文
分词、去停用词、词性还原
摘要:分词 就是讲一句话,根据名词,短句,专有名词,分开 text = "我爱自然语言处理"分割后 = "我/爱/自然语言/处理" NLTK(Natural Language Toolkit) import nltk nltk.download('punkt') # 首次使用需要下载数据 from nlt
阅读全文
rosetta使用说明
摘要:1. 首页 2. 显示页面 3. 读取数据 选择ODBC 之后点击ok 4. 数据离散化 5. 约减 参考其他人写的: https://wenku.baidu.com/view/85efcf4dfe4733687e21aaf7?aggId=85efcf4dfe4733687e21aaf7&fr=ca
阅读全文
rosetta
摘要:这个软件安装的费劲啊,rosetta重名的太多,各种软件。 还下载了rosetta commons 搞蛋白质的软件。 还有就是国内的搜索真的恶心,各种csdn,经管之家。。。。收费的。最后用google找到的资源下载。 我就想找一下正版的软件下载 一开始花钱下载了,打开之后,让我一度怀疑下载错了,不
阅读全文
docker mysql镜像
摘要:https://hub.docker.com/_/mysql/ docker run --name mysql\ -e MYSQL_ROOT_PASSWORD=123456\ --restart=always\ -d\ -p 3306:3306\ -e TZ=Asia/Shanghai\ -e CH
阅读全文
路由--基础入门
摘要:Vue Router,是一个用于 Vue.js 的官方路由管理器。 它和 Vue.js 核心深度集成,使得构建单页面应用(SPA)变得简单。 在单页面应用中,页面不会重新加载整个页面,而是通过动态加载和替换页面的某些部分来实现与用户的交互 router index.js // 1. 定义路由组件.
阅读全文
公司--第二章、注册登记
摘要:注册流程 1. 营业执照 2. 刻章 3. 银行开户 4. 税务报告 5. 社保,公积金开户 营业执照 注册资金 经营范围 注册地址 法人和监理
阅读全文
公司--第一章、总则
摘要:公司 公司是企业法人,有独立的法人财产,享有法人财 产权 公司的法律特征 独立能力:独立享有法人财产 权力能力:对外能签订合同 问:投入进公司的钱就算公司的,我投资进去的钱怎么办? 公司分类 有限责任公司: 承担责任:股东以其认缴的出资额为限对公司承担责任 ; 股份有限公司: 承担责任:股东以其认购
阅读全文
基础--计算属性
摘要:定义 计算属性本质上是基于Vue实例的数据进行计算得出的属性,它们的值会根据依赖的数据发生变化而自动更新 当依赖数据发生变化时,计算属性处理的值也会变化。 使用场景 避免根据data的值直接计算,然后填充到模板中。这样让<template>显的很乱 语法 // 图标显示的状态 const statu
阅读全文
基础--监听器
摘要:watch 的作用是用于监测响应式属性的变化,并在属性发生改变时,执行特定的操作 const vm = new Vue({ data: { message: 'Hello' }, watch: { // 监听message的变化 message(newValue, oldValue) { conso
阅读全文
基础--生命周期
摘要:初学时候,真抽象啊 就这个笔记,来来回回,更新好多次了 1.什么是dom DOM将HTML或XML文档表示为一个树形结构,其中每个节点都是文档中的一个元素(如标签、文本、注释等) 就是我们常看的源码格式 2. 什么是生命周期 就是vue组件,显示成浏览器页面的过程 3.挂载 挂载说简单点就是转化 这
阅读全文
模版--列表渲染:v-for
摘要:=后面写遍历的语法 index可写可不写 <template> <div> <ul> <li v-for="(item, index) in items" :key="index"> {{ index}} {{ item }} </li> </ul> </div> </template> <scri
阅读全文
模版--v-if、v-show
摘要:v-if 指令用于条件渲染。当v-if 指令的表达式的值为真时,对应的元素会被渲染到DOM中。如果表达式的值为假,该元素则不会被渲染 <div id="app"> <h1 v-if="showMessage">你好,世界!</h1> </div> var app = new Vue({ el: '#
阅读全文
组件--事件处理
摘要:事件处理分类 内联事件处理:内联事件处理是指直接在 Vue 模板的 HTML 元素上写入 JavaScript 代码来处理事件。这种方式允许你在模板中直接定义事件响应逻辑,而不是在 Vue 实例的 methods 部分。这种方式适用于简单的逻辑,可以避免为了小功能而编写额外的方法 <button @
阅读全文
vue书写风格API
摘要:Vue 的组件可以按两种不同的风格书写:选项式 API 和组合式 API。 vue2只支持选项式 API vue3支持两种 选项式 API (Options API) 在 Vue 2 中引入并继续在 Vue 3 中支持的选项式 API,是一种通过声明式选项(如 data, methods, comp
阅读全文
组件--插槽(用的少)
摘要:插槽(Slot)是一种模板语法,用于让子组件能够接收来自其父组件的 HTML 或组件内容 <slot> 是用来定义组件插槽的,放在子组件,父组件定义的内容会被放到子组件的 <slot> 位置 简单的说:就是你父组件引用了子组件,然后你还想对子组件进行局部更改,在子组件设置上插槽,就能改那了 多个插槽
阅读全文
组件
摘要:一个.vue 文件就是一个组件,分为根组件和组件 吐槽:vue的官网文档,是我见过最垃圾的,说不明白,让新手很难上手。当我多次再来看的时候,依旧懵懵懂懂。很多都搞不清。谁说前端简单?我给他大比斗 一般将App.vue作为根组件,将vue2_demo和vue3_demo等作为子组件导入并注册 // A
阅读全文
模版和渲染函数
摘要:Virtual DOM (虚拟 DOM): 挂载 (mount):一个运行时渲染器将会遍历整个虚拟 DOM 树,并据此构建真实的 DOM 树。这个过程被称为挂载 (mount)。 更新 (patch):如果我们有两份虚拟 DOM 树,渲染器将会有比较地遍历它们,找出它们之间的区别,并应用这其中的变化
阅读全文
选项式,组合式,响应式
摘要:"选项式"(Options API)、"组合式"(Composition API)和"响应式"(Reactivity API) 是Vue中重要的API概念,它们定义了组件的结构和行为,以及如何管理状态和逻辑 选项式 API(Options API) 概念:选项式API是Vue最初提供的API,通过定
阅读全文
模版语法
摘要:文本插值:使用双大括号 {{ }} 来绑定数据到文本节点。 <template> <div id="counter"> <!-- 组件根元素通常不需要 id,除非你需要它来进行 DOM 操作 --> <h1>Counter Example</h1> <p>{{ name }}</p> <p>{{ a
阅读全文