- 博客(20)
- 收藏
- 关注
RSS订阅原创 vscode-react快捷键
(4)imrse导入React,useState,useEffect。(3)rcredux 创建一个 redux格式的类模板。(1)frc创建一个函数组件。(2)rcc创建一个类组件。
2023-07-15 18:44:52
531
1
原创 记录3d动画-翻转
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <style> ul { margin: 100px; } ul li {
2022-05-28 16:22:59
198
原创 记录css 3d效果实现盒子两面反转
1、盒子反转2、保留子元素3d空间，transform-style: preserve-3d;3、隐藏子盒子的背面，backface-visibility: hidden;<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title>
2022-05-28 15:48:22
329
3
原创 webpack编译报错
webpack版本号"webpack": "^4.46.0","webpack-cli": "^4.9.2","webpack-dev-server": "^4.9.0",报错信息原因node版本过低,切换12.11.0版本可以启动webpack-dev-server v4.0.0+ 要求 node >= v12、webpack >= v4.37.0
2022-05-12 22:27:41
606
原创 设计模式----观察者模式案例（弹幕）
观察者模式主要有两部分：观察者和被观察者可以多个观察者观察一个被观察者，被观察者可以有多个观察被观察者的变化或者通知被观察者的变化html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2020-11-21 16:56:06
221
原创 五星好评--cookie存储上一次点击的数据
思路1.在哪里存储数据到cookie中2.如何处理cookie数据3.cookie数据回显import Component from "./Component.js";export default class Star extends Component { static STAR_NUM = 5; label = ""; starCon; face; score; pos = -1; starArr = []; static Sta
2020-11-01 17:27:36
387
原创 回调函数
// 回调函数中不能直接传参 function fn(f,n){ return f(n); } function fn1(n){ console.log(n); n++; return n; } var sum=fn(fn1,10);
2020-10-11 14:26:41
277
1
原创 作用域
作用域，变量起作用的范围var a = 3;//全局变量，在任何地方都可以调用function fn(){ var a = 5;//局部变量 //在函数中定义新的变量，不会因为与全局变量名称相同而覆盖全局变量 //反而会因为与全局变量名相同而造成全局变量在这个函数中无法调用 console.log(a);}fn();//5console.log(a);//3var a = 3;function fn(){ a = 5;//改变全局变量a的值 console.log(a);}f
2020-10-10 22:21:04
106
原创 return
return1.return返回，跳出2.如果return后面不跟值，直接跳出返回undefined,跳出后，后面的语句就不再执行了3.return 只能返回1个值，如果返回多个值，就用对象4.函数执行时一般都会有返回值的，如果使用return，就会将return后面的内容返回出来；如果没有return 返回undefinedfunction fn(){ return; return 1,2,3;//返回最后一个 return
2020-10-10 21:36:01
726
原创 JavaScript基础（八）---arguments参数列表
arguments参数列表function fn(){ console.log(arguments);//这个关键词只能出现在函数中,参数列表 console.log(arguments[0],arguments[1],arguments[2],arguments[3]); // 分别对应传入参数 } fn(1,2,3,4);1.这个关键词只能出现在函数中,当前参数列表（实参）2.不确定到底传入多
2020-10-10 20:21:02
410
原创 JavaScript(七)-函数
一、命名函数function abc(){ 命名函数}定义在函数中的内容，不会自动执行；函数 将代码变成语句块的形式，通过调用函数名，可以完成该语句块所有语句；函数命名1.函数名称，除了构造函数外，其他的函数名称必须小写字母开始，数字字母下滑线组成，驼峰式命名2.和变量名相同3.函数后面()指函数的进入函数时带入参数，参数就相当于变量，数量和名字可以自己定义4.函数的后面｛｝里面是正式函数内的所有语句块，当执行函数时，就会执行｛｝中内容function abc(参数){
2020-10-06 03:27:27
224
原创 JavaScript（六）-对象
//1.定义对象var obj={a:1,b:2};//a是obj的key//1是obj的key属性的value;//键值对key-value;//2.给对象的key赋值obj.a=10;//直接定义对象obj的属性a的值是10//3.给对象添加新属性（方法一）obj.c=20;//现在给obj对象创建一个新属性c，并且设置这个新属性的值是20//打印属性值（方法一）console.log(obj.c);//4.给对象添加新属性（方法二）obj["d"]=30;//即obj.
2020-10-06 01:19:05
445
原创 JavaScript（五）-循环
文章目录一、while循环二、break/continue一、while循环死循环出现的两种情况，1、条件不对，2、没有向条件外运行的过程while循环有3个重要的部分，1、起始值，2、条件，3、向条件外允许的过程 var str="<ul>"; var i=0; while(i<10){ str+="<li>"+i+"</li>"; i++; }
2020-10-05 16:26:28
248
原创 JavaScript基础（四）--条件语句
流程控制语句（一）条件语句1.ifif就是 “如果”的意思。if ( 条件表达式) {语句1}语句2表达式值为真时，执行if控制的语句1.表达式如果不是布尔值就会隐式转换为布尔值；2.语句体只有一条语句时,可以不加{}3.意味着条件后的一句表达式为满足该条件执行，其他不执行；if(a>5) b=6;a++即：if(a>5){ b=6;}a++;2.if elseif(条件表达式){语句1}else{语句2}语句3if语句也成为“选择语句”、“
2020-10-03 20:02:46
215
原创 JavaScript基础（三）--运算符
#JavaScript基础（一）#JavaScript基础（二）第一章 js引入、变量声明、常用函数第二章 数据类型、数据类型转换提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一
2020-10-02 23:20:42
261
原创 JavaScript基础（二）--数据类型
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：JavaScript基础（一）提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、panda
2020-10-02 16:22:50
332
1
原创 JavaScript基础（一）
文章目录一、javaScript组成二、JavaScript引入及书写1.引入2.书写3.树4.锚点三、注释四、调试五、常用方法总结一、javaScript组成1.ECMAScript（核心）2.DOM(document object model)文档对象模型3.BOM(browser object model)浏览器对象模型二、JavaScript引入及书写1.引入所有script标签都是顺序执行的1.内部书写(1)位于 head 部分的脚本：当你把脚本放置到 head 部分后，
2020-10-02 15:48:05
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人