自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Es6新特性(一)

(一) let 命令和const命令知识点: let的用法类似于var,用于变量的声明 使用let就会产生块级作用域, let命令只在块级作用域内(也就是大括号内)有效 let在同一作用域内只能声明一次, 不能重复声明 let和const不存在变量提升 1. let命令// 用let声明变量<script> let username = '张三'; let age = 100; </script>// 用let..

2022-04-17 17:52:57 249

原创 React-基础知识(五)

1.路由传参方式(1) 通过state传参传递数据// 列表页面import {useNavigate} from 'react-router';function House() { const navigate = useNavigate(); // 跳转到详情 const toDetail = (item) => { navigate('/home/detail',{ // state里放要传递的参数 state: {

2022-04-05 23:42:35 222

原创 React-基础知识(四)

1.配置路由 (1) 配置路由步骤 安装路由插件 安装命令:npmi react-router-dom 创建需要的组件: 在app.js配置所需路由 Router 最外层需要用Router进行包裹(只需一次) Routes 路由组件包裹层 Route 用来配置路由,包括路由地址和路由组件 根据自己需要配置路由代码如下:导入所需组件:import React from 'rea..

2022-03-30 19:12:09 1174

原创 React-基础知识(三)

Hooks1.在函数组件中没有state(状态),也没有声明周期2.react hooks,可以让react函数组件也拥有状态NO.1:useState1.在函数组件中使用useState来定义响应式数据,接收一个参数(变量的默认值)2.setkeyword 相当于 setState,用来修改keyword的值代码如下11No.2:useEffect 一个参数: 函数, 只要状态发生了变化, 函数就会执行,(默认先执行一次) 两个参数: 函数+空数组, 只会

2022-03-29 18:40:59 1265

原创 reaact 基础知识(二)

1.条件渲染代码如下:import React from 'react';export default function() { let isLogin = true; return ( <div> <h4>条件渲染</h4> { isLogin? <p>138****0000</p>: <p>还没登录,<bu..

2022-03-27 13:03:31 299

原创 Vue中的数据代理

1.简单数据代理:通过一个对象代理对另一个对象中的属性的进行操作(读/写)代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"...

2022-03-26 23:15:12 1029

原创 vue添加属性 Object.defineproperty方法

1.添加属性(--->定义变量进行添加)可以修改代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia

2022-03-25 23:43:42 724

原创 React基础

1.项目搭建npm install -g create-react-app 使用 npx create-react-app 项目名称 运行项目 npm run start2.安装vscode格式化插件 Prettier - Code formatter 2.jsx-beautifyctrl+m 进行格式化 3.react 片段插件 Simple React Snippets常用的命令:imr 导入react imrc ...

2022-03-25 22:12:17 65

原创 MVVM模型

M: 模型(Model): data中的数据 V: 视图(View): 模板代码 VM: 视图模型(ViewModel): Vue实例 注意: 1.data中所有的属性,都出现在vm身上 2.vm身上的属性 及 Vue原型上所有属性,在vue模板中都可以使用代码如下:<!DOCTYPE html><html lang="en"><head> <meta...

2022-03-25 11:20:05 904

原创 vue数据绑定的方式

单向数据绑定(v-bind): 数据只能从data流向页面 双向数据绑定(v-model):

2022-03-24 23:55:48 449

原创 初识Vue基础知识

1.想让vue工作要创建一个vue实例并且传入一个配置对象2.root容器里的代码依然符合html规范,混入了特殊的vue语法3.root容器里的代码称为vue模板4.vue实例和root容器一一对应重点:{{xxx}}插值表达式,要写js表达式并且xxx可以自动读取data里面的所有属性js表达式: 表达式: 一个表达式会产生一个值,可以放任何一个需要值的地方 No.1 m No.2 m + n

2022-03-22 19:54:24 850

原创 jq对象相关方法

获取元素的兄弟节点 获取元素的父节点 获取元素的在兄弟元素中的排列位置 查找元素的后代某个节点 代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor..

2022-03-19 18:00:19 57

原创 DOM节点操作

(一)Dom树相关知识概念:全称 Document Object Model, 中文名称文档对象模型, 主要用来操作页面上的元素, 对页面元素的内容, 属性和样式进行操作(二)Dom节点操作1.获取Dom节点对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=

2022-03-19 17:27:25 60

原创 数组常用的方法

join()把数组的所有元素放入一个字符串var arr = ['张三','李四','王五']; arr.join(); // 无参数arr.join('-'); // 有参数2. reverse()反转数组的元素顺序(会改变原来的数组)var arr = ['张三','李四','王五']; arr.reverse();console.log(arr); 3.添加设删除数组成员添加和删除都是在原来数组进行, 会改变原来的数组pop() 删除数组的最后一个元素并

2022-03-15 23:28:06 132

原创 字符串常用方法

1.长度,下标, 去空格,// 1.字符串长度和下标var str1 = 'abcdef'; console.log('str1长度:', str1.length);console.log('第1个字符:',str1[0]);console.log('最后1个字符:',str1[str1.length-1]);// 2.去空格var str2 = ' asdfasdfas ';console.log('str2长度',str2.length);var newStr2 = str2.t

2022-03-15 23:21:11 46

原创 return用法

一、函数返回值,并终止函数的运行语法:return 表达式;在函数语句结束时执行,并返回表达式的值作为函数的结果;比如:function foo(obj){var resultObj=obj//可对传入参数进行处理.return resultObj;在这个列子中:obj 代表的是一个对象.所谓对象就是所他可以包纳万物.无论是Number bool 还是String 或这是其他实列都包含在里面.然而Return就是需要将处理过后的结果返回出去.就相当于一个工厂.我提供原材料然而工厂输出...

2022-03-15 23:13:16 3063

原创 Math对象随机数

封装一个函数, 每运行一次就返回一个某个范围内的随机数(比如5-20);知识点:Math.random() //生成 随机数html代码:<!DOCTYPE html><html lang="en"><body> <input type="text" id="inp1"> - <input type="text" id="inp2"> <button ...

2022-03-15 20:38:37 113

原创 日期对象常用的方法

日期对象常用方法

2022-03-15 20:32:32 175

原创 this指向

普通的函数调用: 函数被谁调用,this就是谁。 匿名函数或不处于任何对象中的函数指向window 。 如果是call, apply, bind,this指向了这三者调用函数时传入的第一个参数 构造函数中的this, 直接调用函数this的指向同第1点, 使用new操作符, this指向构造函数所创建的实例对象 箭头函数的指向: 由于箭头函数不绑定this, 它会捕获其所在(即定义的位置)上下文的this值, 作为自己的this值(1)普通函数调用函数调用谁this就指向谁<!DO

2022-03-11 20:11:42 65

原创 打印三角形

//倒三角var strStar = ''; for(var i=1;i<=9;i++){//外层循环循环行数 for(var j=i;j<=9;j++){//打印星星个数 strStar += '★'; } strStar += '\n'; } alert(strStar);//正三角var strStar = '';for(var .

2022-01-20 16:07:57 387

原创 三目运算符

三木运算符语法结构:条件表达式?表达式1:表达式2执行思路:条件表达式结果为真,执行表达式1,反之执行表达式2html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"

2022-01-17 10:39:29 360

原创 判断成绩分数

html和js代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <.

2022-01-17 09:56:47 449

原创 运算符相关

运算符相关知识点

2022-01-15 12:02:43 49

原创 简单定时器

简单定时器

2022-01-08 13:48:24 446

原创 JSON数据的相关应用

JSON数据格式,JSON对象和JSON字符串相互转换,JSON应用

2022-01-08 10:23:08 484

原创 JavaScript--window对象

JavaScript--window对象

2022-01-07 19:14:28 455

原创 js九九乘法表

九九乘法表

2021-12-29 17:18:06 76

空空如也

空空如也

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

TA关注的人

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