- 博客(27)
- 收藏
- 关注
RSS订阅原创 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
250
原创 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
223
原创 React-基础知识(四)
1.配置路由 (1) 配置路由步骤 安装路由插件 安装命令:npmi react-router-dom 创建需要的组件: 在app.js配置所需路由 Router 最外层需要用Router进行包裹(只需一次) Routes 路由组件包裹层 Route 用来配置路由,包括路由地址和路由组件 根据自己需要配置路由代码如下:导入所需组件:import React from 'rea..
2022-03-30 19:12:09
1176
原创 React-基础知识(三)
Hooks1.在函数组件中没有state(状态),也没有声明周期2.react hooks,可以让react函数组件也拥有状态NO.1:useState1.在函数组件中使用useState来定义响应式数据,接收一个参数(变量的默认值)2.setkeyword 相当于 setState,用来修改keyword的值代码如下11No.2:useEffect 一个参数: 函数, 只要状态发生了变化, 函数就会执行,(默认先执行一次) 两个参数: 函数+空数组, 只会
2022-03-29 18:40:59
1269
原创 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
300
原创 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
1031
原创 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
726
原创 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
905
原创 初识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
853
原创 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
47
原创 return用法
一、函数返回值，并终止函数的运行语法：return 表达式；在函数语句结束时执行，并返回表达式的值作为函数的结果；比如：function foo(obj){var resultObj=obj//可对传入参数进行处理.return resultObj;在这个列子中：obj 代表的是一个对象.所谓对象就是所他可以包纳万物.无论是Number bool 还是String 或这是其他实列都包含在里面.然而Return就是需要将处理过后的结果返回出去.就相当于一个工厂.我提供原材料然而工厂输出...
2022-03-15 23:13:16
3070
原创 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
114
原创 this指向
普通的函数调用: 函数被谁调用，this就是谁。 匿名函数或不处于任何对象中的函数指向window 。 如果是call, apply, bind，this指向了这三者调用函数时传入的第一个参数 构造函数中的this, 直接调用函数this的指向同第1点, 使用new操作符, this指向构造函数所创建的实例对象 箭头函数的指向: 由于箭头函数不绑定this， 它会捕获其所在（即定义的位置）上下文的this值， 作为自己的this值(1)普通函数调用函数调用谁this就指向谁<!DO
2022-03-11 20:11:42
66
原创 打印三角形
//倒三角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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人