09 2021 档案

第二十四篇:对于dom的理解
摘要：好家伙, HTML CSS JS structure style function 结构体 样式 功能 <> { } {;} 好了,什么是DOM? document object model 1.文本对象模型 , 是个接口 2.DOM为了方便编程语言对HTML等文档的操作,于是将HTML文档中的对象 阅读全文
posted @ 2021-09-29 23:33 养肥胖虎 阅读(59) 评论(0) 推荐(0)
第二十三篇:自定义事件(比如删除)
摘要：好家伙,贼绕,贼复杂 1.以下就是用自定义事件实现删除的功能 模块去上删除vue中的数据,需要参数传递和事件分发 2.前端可以控制模块,也可以控制vue. 上代码(实现组件删除的功能) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT 阅读全文
posted @ 2021-09-28 23:20 养肥胖虎 阅读(90) 评论(0) 推荐(0)
第二十二篇:有关插槽solt的使用
摘要：1.什么是插槽? 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示， 父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签 2.其作用? 感觉是为了使插入更加灵活,用于实现一些特定的功能. 3.pro 阅读全文
posted @ 2021-09-27 23:32 养肥胖虎 阅读(164) 评论(0) 推荐(0)
第二十一篇:概念补全
摘要：vue 尤雨溪 HTML:结构 CSS:表现 JS:行为 可算是给我找到了 https://blog.csdn.net/pan_h1995/article/details/106792712 但问题是,最简化了依旧运行不了 <!DOCTYPE html> <template> <html> <hea 阅读全文
posted @ 2021-09-26 23:55 养肥胖虎 阅读(33) 评论(0) 推荐(0)
第二十篇:还是解决报错
摘要：报错为: Module build failed: TypeError: this.getOptions is not a function 解决方案 直接使用命令：npm install sass-loader@7.3.1 --save-dev 降低版本号 阅读全文
posted @ 2021-09-25 13:45 养肥胖虎 阅读(119) 评论(0) 推荐(0)
第十九篇:解决报错
摘要：好家伙; 一波错误直接卡进度 错误为: * !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v 阅读全文
posted @ 2021-09-24 23:33 养肥胖虎 阅读(104) 评论(0) 推荐(0)
第十三篇:axios网络通信
摘要：好了这事一个非常艰巨的任务 解释以下的全部代码 <template> <div class="hello"> <p style="color:gray"> 提示：在vscode terminal中使用npm run server启动服务，否则是看不到效果的 </p> <!-- <el-button 阅读全文
posted @ 2021-09-23 23:33 养肥胖虎 阅读(84) 评论(0) 推荐(0)
第十八篇:大作业
摘要：吐了呀,登陆界面写了一个星期了还没写完. 赶紧的赶紧的 好家伙还是没写完 要问人了 <script type = "text/javascript"> new Vue({ el: '#app', data () { return { info: null } }, mounted () { axio 阅读全文
posted @ 2021-09-23 23:31 养肥胖虎 阅读(64) 评论(0) 推荐(0)
第十七篇:大作业要收尾了
摘要：=!意思“不等于” <style> body {background-color:rgb(255, 255, 255);margin-left:120px} h1 {font-size:36pt;color:black} h2 {color:black;margin:0px 0px; } /*距离都 阅读全文
posted @ 2021-09-23 01:21 养肥胖虎 阅读(48) 评论(0) 推荐(0)
中秋快乐
摘要：好家伙,今天偷懒 doge 阅读全文
posted @ 2021-09-21 02:46 养肥胖虎 阅读(28) 评论(0) 推荐(1)
第十六篇:计算属性
摘要：计算属性: 是一个属性,他有计算的能力 计算出来的结果,保存在属性中. 和methods不同 computed是一个属性不是一个方法 methods:定义方法,调用方法要带括号.如currentTime1(),他是实时的,会不断重新渲染 computed:定义计算属性, 只要 message 还没有 阅读全文
posted @ 2021-09-19 23:51 养肥胖虎 阅读(67) 评论(0) 推荐(0)
第十五篇:基础知识补全(二)
摘要：<a> 超链接标签 问:src是什么? src是source的缩写，这里是源文件的意思。“source”本身是“源”的意思 问:什么是http ? 超文本傳輸協定 (HTTP) 是一種用來傳輸超媒體文件 (像是HTML文件) 的 應用層 協定，被設計來讓瀏覽器和伺服器進行溝通，但也可做其他用途。.( 阅读全文
posted @ 2021-09-18 08:56 养肥胖虎 阅读(45) 评论(0) 推荐(0)
第十四篇:基础知识补全
摘要：什么是Api? API（Application Programming Interface，应用程序接口）是一些预先定义的接口（如函数、HTTP接口），或 指软件系统不同组成部分衔接的约定。 用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程，而又无需访问源码，或理解内部工作机制的细节。 阅读全文
posted @ 2021-09-17 23:07 养肥胖虎 阅读(62) 评论(0) 推荐(0)
第十二篇:事件监控的补充
摘要：好家伙 v-on用于事件绑定 实现像什么点一下按钮数字加一或者来回切换框颜色之类的功能 举个例子 <button v-on:click="事件的名字">+1</button> 就绑定了事件 阅读全文
posted @ 2021-09-15 23:17 养肥胖虎 阅读(49) 评论(0) 推荐(0)
第十一篇:vue.js监听属性(大作业进行时)
摘要：这个知识点急着用所以就跳过<计算属性>先学了 首先理解一下什么是监听:对事件进行监控,也就是当我进行操作(按了按钮之类的事件)时,会有相应的事情发生 上代码 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <b 阅读全文
posted @ 2021-09-14 10:04 养肥胖虎 阅读(85) 评论(0) 推荐(0)
第十篇:vue.js for循环语句(大作业进行时)
摘要：Vue.js 循环语句 <div id="app"> <ol> <li v-for="site in sites"> /*for的特殊格式,site in sites,嗯我把他理解为数据在数据组里,然后循环*/ {{ site.name }} /*试了下,<template>,<li>,<p>里面都 阅读全文
posted @ 2021-09-13 23:04 养肥胖虎 阅读(266) 评论(0) 推荐(0)
第九篇:vue条件语句
摘要：好家伙,终于有个简单了的 v-if 条件判断 <div id="app"> <p v-if="seen">现在你看到我了</p> /*判断seen的值后,选择是否输出文本*/ <template v-if="ok"> <h1>菜鸟教程</h1> <p>学的不仅是技术，更是梦想！</p> <p>哈哈哈 阅读全文
posted @ 2021-09-12 20:30 养肥胖虎 阅读(72) 评论(0) 推荐(0)
第八篇:用css写一个登录界面
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> body {background-color:black;margin-left:120px} h1 {font- 阅读全文
posted @ 2021-09-11 21:48 养肥胖虎 阅读(323) 评论(0) 推荐(0)
第七篇:还是模板语法(修饰符,用户输入,过滤器[要先跳过了])
摘要：修饰符 修饰符是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。例如，.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()：(看不懂,不管) 用户输入 在 input 输入框中我们可以使用 v-model 指令来实现双向数据 阅读全文
posted @ 2021-09-10 23:52 养肥胖虎 阅读(73) 评论(0) 推荐(0)
第六篇的补充
摘要：属性是什么??? 嗯,html的基本组成是标签(tag),标签由什么构成?? 标签名,属性,id之类的 所以v-bind是将html的的某个功能与vue中的某个id绑定 大概是这么回事 以后有了更深的理解再回来补充. 阅读全文
posted @ 2021-09-10 19:43 养肥胖虎 阅读(39) 评论(0) 推荐(0)
第六篇:vue.js模板语法(,属性,指令,参数)
摘要：Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。(看不懂,不管) 属性(不完全懂) v-bind是什么东西:HTML 属性中的值应使用 v-bind 阅读全文
posted @ 2021-09-09 18:41 养肥胖虎 阅读(257) 评论(0) 推荐(0)
第五篇:vue.js起步
摘要：<div id="vue_det"> //使改动全部在指定的 div 内，div 外部不受影响 <h1>site : {{site}}</h1> <h1>url : {{url}}</h1> // {{ }} 用于输出对象属性和函数返回值,这里应该是输出对象? <h1>{{details()}}</ 阅读全文
posted @ 2021-09-08 21:29 养肥胖虎 阅读(51) 评论(0) 推荐(0)
第四篇:理解vue代码
摘要：解释以下代码: 实现输入框中能够打字的功能 <el-input v-model="input" placeholder="在这打字"></el-input> <调用饿了么的input组件> <v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新 阅读全文
posted @ 2021-09-07 11:26 养肥胖虎 阅读(132) 评论(0) 推荐(0)
第三课：nodejs npm和vue
摘要：1.安装node js 2.node js给windows提供了一个可以直接执行js的环境{node提供翻译} 3.npm是包管理器 a、npm是nodejs的组成部分 b、管 包(package) 的 安装，卸载，更新，运行 启动是npm run npm run dev是什么? npm insta 阅读全文
posted @ 2021-09-05 20:45 养肥胖虎 阅读(219) 评论(0) 推荐(0)
复习
摘要：在gitee的一套上传修改再下载流程： 1.git clone 某网址 2.git add 保存本次修改 3.使用vscode进行修改 4.git commit -m"一些简单的说明" 5.git push 上传本次修改 阅读全文
posted @ 2021-09-04 10:12 养肥胖虎 阅读(64) 评论(0) 推荐(0)
第二课：创建开发环境
摘要：1.gitee一个平台用来分享代码 2.git clone 用于下载代码 git clone 网址 克隆网址对应的仓库 3.一套操作流程 git add . 保存当前修改内容{在最前面} git commit -m"说明" 提交 git push 上传 git pull 下载 4.html是一个语种 阅读全文
posted @ 2021-09-03 22:43 养肥胖虎 阅读(65) 评论(0) 推荐(0)
第一课：学习新命令行的使用
摘要：命令行脚本 第一步：使用win键搜索git bash 第二步：关于ls命令 查看该目录下所有的文件夹 ls --help 查看ls的帮助文档 ls 将该目录列表 第三步：关于cd命令 cd 进入该文件 cd c:/某文件 进入该文件夹 第四步:命令本质是应用某些脚本软件 命令后跟参数 第五步：环境变 阅读全文
posted @ 2021-09-03 21:38 养肥胖虎 阅读(99) 评论(0) 推荐(0)