自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 Vue学习基础(一):本地应用

Vue 一、Vue基础 el:挂载点 el 是用来设置 Vue 实例挂在(管理)的元素 Vue 会管理 el 选项命中的元素及其内部的后代元素 可以使用其他的选择器,但建议使用ID选择器 可以使用其他的双标签,不能使用 HTML 和 body data:数据对象 Vue 中用到的数据定义在 data 中 data 中可以写复杂数据类型 渲染复杂类型数据时,遵守js的语法即可 二、本地应用 v-text 作用是:设置标签的内容 默认写法会替换全部内容,使用差值表达式 {{}} 可以

2021-08-04 09:34:29 160

原创 条件分支语句示例

单分支语句 功能:根据条件是否执行大括号里面的代码块 书写格式: if(条件){代码块} const rs = require("readline-sync"); console.log(`请输入一个纯数字`); let inputNum = rs.question() - 0; if (!isNaN(inputNum)) { console.log(`您输入的${inputNum}是纯数字`) } 双分支语句 功能:根据条件的结果,执行哪个大括号里面的代码块 书写格式: if(条件){代码块}

2021-06-16 10:00:19 183

原创 正则表达式 Regular Expression

正则表达式 Regular Expression ( 简称:RegExp) 功能:制定输入内容的规则,描述字符串的匹配方式,即用户输入的内容是否符合要求 创建正则表达式 1.构造函数:new RegExp(规则); let str = "123a"; let re = new RegExp(/a/, "g"); console.log(re.test(str));//true 2.字面量: /规则/ let str = "123a" let re = /a/g; console.log(re

2021-06-16 09:59:01 188

原创 DOM版 99乘法表

let str = “”; for (let i = 1; i <= 9; i++) { str += <tr> for (let j = 1; j <= i; j++) { str += <td> ${j} * ${i} = ${j * i}</td> } str += </tr>; } let tbEle = document.getElementsByTagName(“tbody”)[0]; tbEle.innerHTML = str; .

2021-05-12 22:47:21 181

原创 DOM简易版购物车

let shopArr = [{ index: 1, shopName: “Apple”, price: 100, count: 1 }, { index: 2, shopName: “HuaWei”, price: 200, count: 1 }, { index: 3, shopName: “xiaomi”, price: 300, count: 1 }, { index: 4, shopName: “vivo”, price: 400, count: 1 }, { index: 5, shopName

2021-05-12 22:46:33 140

原创 DOM版 文字时钟

let time = setInterval(star, 1000); function star() { let str = “”; let date = new Date; let hours = date.getHours(); let minutes = date.getMinutes(); let seconds = date.getSeconds(); str = str + date.getFullYear();//获取年份 str += “-”; let month = date.getUT

2021-05-12 22:44:19 107

原创 Javascirpt 程序与基础

程序与基础 软件 可以实现一定功能,由多个程序组成。 程序 由数据结构和算法组成。 数据结构 储存数据的方式。 算法 解决问题的方法和步骤。 开发语言的类别 解释性语言: (读一行执行一行) JS JavaScript php 编译性语言: (解读完全部再执行) Java c c++ c# 程序设计的步骤 软件计划 需求分析 软件设计 (数据结构和算法) 软件开发 软件测试 软件上线 软件维护 错误(报错) 1.语法错误:没有按照规范的书写格式进行书写。 *

2021-05-05 01:36:48 225

原创 CSS各类选择器及a标签的四种状态

CSS 元素选择器 选择器选中的是离大括号最近的元素,,其他都是对这元素的条件 ID 选择器 书写格式:#ID名 {声名块} 注:ID名是匹配HTML标签中的id的值 例子: #mousen{color:red} 再注:一个页面ID值不可以重复,即只能使用一次 组合选择器,并集选择器 书写格式:类名,元素名,ID名{声名块} 例子:h1,h2, .box, f75{color: red ;} 命名规范 适用范围 (ID,类) 1、不要以数字开头 2、包含的字符 (字母、数字、下划..

2021-04-02 17:09:31 2020

原创 盒子的分类和弹性布局的一些属性

盒子的分类 不同的元素产生的盒子类型给可能不同 ,但都是矩形 一个元素,产生数码样的盒子,取决于它CSS的 display 属性 display:none 不生成盒子 display:inline 行盒 display:block 块盒 display:其他取值 其他盒子 盒子的组成 margin 外边距:与其他盒子之间的距离 border 边框 padding 内边距:边框与内容之间的距离 content 内容 :内容的宽度和高度 常规流水平居中的

2021-03-26 19:28:20 149

原创 锚点功能及路径和一些常见文本元素的含义

3.15日前端学习总结 <a name="add"></a><!-- 定义锚点 --> <a href="#add">跳转到add</a> 锚点功能链接 <a href="tel:12345678910">给我打电话<a/> <a href="mailto:[email protected]">给我发邮件</a> a 标签的打开方式: 属性:target 属性值:_ b

2021-03-22 08:48:28 324

原创 2021-03-18

HTML+CSS 学习总结 什么是HTML? 用于定义文档的内容结构 中文全称:超文本标记语言 英文全称:HyperText Markup Language 什么是CSS? 用于定义 html 文档的样式,,页面表现的基础,可以控制布局,控制元素渲染 中文全称:层叠样式表 英文全称:Cascading Style Sheets HTML 元素的组成部分:开始标记、元素内容、结束标记 <a href = "/classroom/74" >结束标记</a> a 是标记名

2021-03-18 17:00:47 148

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除