Web
文章平均质量分 63
Web
提辖鲁
这个作者很懒,什么都没留下…
展开
-
Vue学习笔记10:组件基础与注册
组件基础组件基础<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件基础</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script></head><body><d原创 2022-02-08 20:00:43 · 644 阅读 · 0 评论 -
Vue学习笔记9:表单输入绑定
表单输入绑定表单输入绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单输入绑定</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script></head><body>原创 2022-02-08 20:00:06 · 236 阅读 · 0 评论 -
Vue学习笔记8:事件处理
事件处理事件处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件处理</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script></head><body><d原创 2022-02-08 19:59:32 · 221 阅读 · 0 评论 -
Vue学习笔记7:列表渲染
列表渲染v-for<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表渲染</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script></head><body><原创 2022-02-08 19:59:01 · 126 阅读 · 0 评论 -
Vue学习笔记6:条件渲染
条件渲染条件渲染<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>条件渲染</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script></head><body><d原创 2022-02-08 19:58:29 · 109 阅读 · 0 评论 -
Vue学习笔记5:Class与Style绑定
Class与Style绑定绑定HTML Class<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绑定HTML Class</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <原创 2022-02-08 19:57:56 · 216 阅读 · 0 评论 -
Vue学习笔记4:计算属性与侦听器
计算属性与侦听器计算属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算属性</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script></head><body>&原创 2022-02-08 19:57:25 · 84 阅读 · 0 评论 -
Vue学习笔记3:模版语法
模版语法插值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>插值</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <style> #id_red {原创 2022-02-08 19:56:51 · 167 阅读 · 0 评论 -
Vue学习笔记2:Vue实例
Vue实例数据与方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数据与方法</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script></head><body>&l原创 2022-02-08 19:56:22 · 110 阅读 · 0 评论 -
Vue学习笔记1:介绍
介绍声明式渲染<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>声明式渲染</title> <!-- 引入Vue --> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue@2/原创 2022-02-08 19:52:20 · 204 阅读 · 0 评论 -
JavaScript学习笔记5:错误处理
错误处理try-catch// try catch finallyvar r1, r2, s = null;try { r1 = s.length; // 此处应产生错误 r2 = 100; // 该语句不会执行} catch (e) { console.log('出错了:' + e);} finally { console.log('finally');}console.log('r1 = ' + r1); // r1应为undefinedconsole.原创 2022-01-17 20:31:40 · 275 阅读 · 0 评论 -
JavaScript学习笔记4:面向对象
面向对象创建对象// 构造函数function Student1(name) { this.name = name; this.hello = function () { console.log('Hello, ' + this.name + '!'); }}// 使用关键字new就变为构造函数var xiaoming = new Student1('小明');xiaoming.name; // '小明'xiaoming.hello(); // Hel原创 2022-01-17 20:31:03 · 358 阅读 · 0 评论 -
JavaScript学习笔记3:标准对象
标准对象对象// 使用typeof操作符获取对象类型typeof 123; // 'number'typeof NaN; // 'number'typeof 'str'; // 'string'typeof true; // 'boolean'typeof undefined; // 'undefined'typeof Math.abs; // 'function'typeof null; // 'object'typeof []; // 'object'typeof {}; // '原创 2022-01-17 20:30:31 · 91 阅读 · 0 评论 -
JavaScript学习笔记2:函数
函数函数定义和调用// 定义函数// function指出这是一个函数定义// abs是函数的名称// (x)括号内列出函数的参数,多个参数以,分隔// { ... }之间的代码是函数体,可以包含若干语句,甚至可以没有任何语句function abs1(x) { if (x >= 0) { return x; } else { return -x; }}// 第二种函数定义方式,末尾加;// 定义一个匿名函数并赋值给变量v原创 2022-01-17 20:29:59 · 421 阅读 · 0 评论 -
JavaScript学习笔记1:快速入门
快速入门基本语法// 赋值语句// 一行代码可以包含两个语句,用;表示语句结束var x = 1; var y = 2;// 一个字符串也可以视为一个完整的语句'Hello, world';// 语句块if (2 > 1) { x = 1; y = 2; z = 3; // 语句块还可以嵌套 if (x < y) { z = 4; } if (x > y) { z = 5;原创 2022-01-17 20:28:01 · 85 阅读 · 0 评论 -
CSS学习笔记13:定位布局
固定定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>固定定位:fixed</title> <!--position:fixed 设置元素在浏览器的固定位置 元素不跟随页面滚动--> <!--top: 像素值--> <!--bottom: 像素值--> <原创 2022-01-14 20:23:04 · 91 阅读 · 0 评论 -
CSS学习笔记12:浮动布局
浮动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浮动</title> <!--float属性 设置周围元素环绕效果--> <!--left 元素向左浮动--> <!--right 元素向右浮动--> <style> /*定义父元素原创 2022-01-14 20:22:54 · 89 阅读 · 0 评论 -
CSS学习笔记11:盒子模型
宽高<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>宽高:width、height</title> <style> div, span { width: 100px; height: 50px; } /*块元素可原创 2022-01-14 20:22:42 · 74 阅读 · 0 评论 -
CSS学习笔记10:超链接样式
超链接伪类<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超链接伪类</title> <!--超链接伪类 用来定义超链接在鼠标点击的不同时期的样式--> <!--a:link 定义a元素未访问时的样式--> <!--a:visited 定义a元素访问后的样式--原创 2022-01-13 20:29:39 · 540 阅读 · 0 评论 -
CSS学习笔记9:背景样式
背景颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景颜色</title> <style> div { width: 100px; height: 60px; } #div1 { /原创 2022-01-13 20:28:14 · 145 阅读 · 0 评论 -
CSS学习笔记8:图片样式
图片大小<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片大小</title> <style> img { width: 100px; height: 100px; } </style></head&原创 2022-01-13 20:26:28 · 264 阅读 · 0 评论 -
CSS学习笔记7:表格样式
表格标题位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格标题位置</title> <style> table, tr, td, th { border: 1px solid silver; } /*caption-side属性*原创 2022-01-13 20:24:31 · 165 阅读 · 0 评论 -
CSS学习笔记6:列表样式
列表项符号<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表项符号</title> <style> /*ol列表的list-style-type属性*/ /*decimal 阿拉伯数字:1、2、3…(默认值)*/ /*lower-roman 小写罗马数字:i、原创 2022-01-13 20:23:21 · 156 阅读 · 0 评论 -
CSS学习笔记5:边框样式
整体样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>整体样式</title> <!--border-width 边框的宽度--> <!-- 取值一般为px--> <!--border-style 边框的外观--> <!-- none 无样式原创 2022-01-13 20:21:52 · 153 阅读 · 0 评论 -
CSS学习笔记4:文本样式
首行缩进<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>首行缩进</title> <!--text-indent 首行缩进--> <!--text-indent值应该是font-size值的2倍--> <style> p { fo原创 2022-01-13 20:20:46 · 104 阅读 · 0 评论 -
CSS学习笔记3:字体样式
字体类型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>字体类型</title> <!--font-family 字体类型--> <style> #div1 { font-family: Arial; } /*字体类型原创 2022-01-13 20:17:36 · 171 阅读 · 0 评论 -
CSS学习笔记2:选择器
定义id与class<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定义id与class</title></head><body><!--id 同一页面不可重复--><!--class 同一页面可以重复--><div id="content1" cla原创 2022-01-13 20:14:41 · 87 阅读 · 0 评论 -
CSS学习笔记1:引入方式
外部样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>外部样式</title> <!--rel属性 relative的缩写,取值固定"stylesheet",表示引入的是一个样式表文件(即CSS文件)--> <!--type属性 取值固定"text/css",表示这是标准的CSS-->原创 2022-01-13 20:11:38 · 83 阅读 · 0 评论 -
HTML学习笔记8:框架
HTML学习笔记:框架原创 2022-01-11 20:52:59 · 61 阅读 · 0 评论 -
HTML学习笔记7:表单
HTML学习笔记:表单原创 2022-01-11 20:42:00 · 161 阅读 · 0 评论 -
HTML学习笔记6:超链接
HTML学习笔记:超链接原创 2022-01-11 20:33:17 · 243 阅读 · 0 评论 -
HTML学习笔记5:图片
HTML学习笔记:图片原创 2022-01-11 20:10:01 · 64 阅读 · 0 评论 -
HTML学习笔记4:表格
HTML学习笔记:表格原创 2022-01-11 20:08:52 · 185 阅读 · 0 评论 -
HTML学习笔记3:列表
HTML学习笔记:列表原创 2022-01-10 20:54:52 · 97 阅读 · 0 评论 -
Manjaro安装nodejs与多版本管理
nodejs 安装与多版本管理使用yay安装nodejs使用yay包管理器安装nodejs与npm其他系统如ubuntu自行使用apt安装#安装nodejsyay -S nodejs#或着查询指定lts版后安装yay nodejs-lts#安装npmyay -S npm#查看node版本与npm版本node --versionnpm --version使用node版本管理器安装nodejsnvm#安装nvmyay -S nvm#配置nvm到zsh中echo 'sourc原创 2021-01-27 15:59:02 · 3841 阅读 · 1 评论 -
HTML学习笔记2:文本
HTML学习笔记:文本原创 2022-01-10 20:42:42 · 231 阅读 · 0 评论 -
HTML学习笔记1:基本标签
HTML学习笔记:基本标签原创 2022-01-10 20:31:20 · 148 阅读 · 0 评论