自定义博客皮肤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 和 bodydata:数据对象Vue 中用到的数据定义在 data 中data 中可以写复杂数据类型渲染复杂类型数据时,遵守js的语法即可二、本地应用v-text作用是:设置标签的内容默认写法会替换全部内容,使用差值表达式 {{}} 可以

2021-08-04 09:34:29 141

原创 条件分支语句示例

单分支语句功能:根据条件是否执行大括号里面的代码块书写格式: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 163

原创 正则表达式 Regular Expression

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

2021-06-16 09:59:01 172

原创 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 165

原创 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 126

原创 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 95

原创 Javascirpt 程序与基础

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

2021-05-05 01:36:48 212

原创 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 1996

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

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

2021-03-26 19:28:20 137

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

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

2021-03-22 08:48:28 300

原创 2021-03-18

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

2021-03-18 17:00:47 134

空空如也

空空如也

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

TA关注的人

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