- 博客(30)
- 收藏
- 关注
RSS订阅原创 计时器的用法
window.setTimeout(函数,多少毫秒)两个参数：（fn，ms）1000毫秒=1秒window可省略不写，延迟计时器，2秒之后执行了，只执行了一次。
2023-08-03 17:19:19
192
原创 vue的计算属性？计算属性与方法的区别?计算属性与watch有什么区别？
vue的计算属性？计算属性与方法的区别?计算属性与watch有什么区别？
2022-07-05 22:49:10
238
原创 数组ES5新增方法
数组ES5新增方法 indexOf 功能:查找目标元素,找到返回下标,找不到返回-1 参数:indexof(目标元素); 返回值:找到返回下标,找不到返回-1 注意事项:若出现重复的元素,则只能查找第一个出现的元素下标 var arr=[7,8,6,3,2,0] console.log(arr.indexOf(4));//-1,没有 案例:数组去重: 数组去重
2021-12-14 21:06:01
901
原创 数组及其数组的方法
数组数组的概念一个变量只能存储一个数据，如果我们有一组数据，比如1到100一百个数字，定义100个变量来存储就太痛苦了，这时候我们就需要数组来存储这样的数据。数组:存储一组数据.数组的定义数组为引用类型，创建时可通过构造方法创建。堆和栈及索引思维构造方法1.无参构造函数，创建一空数组var a1=new Array();2.一个数字参数构造函数，指定数组长度（由于数组长度可以动态调整，作用并不大），创建指定长度的数组var a2=new Array(5);3.
2021-12-14 20:49:43
590
原创 dva 路由/导航/
dvadva 就是一个react的第三方框架 dva就是对redux进行简化dva实质上 是集成了 react-router+redux+redux-saga 使用简便的语法来进行数据的统一状态管理创建 全局下载 npm install -g dva-cli 查看版本 dva -v cd到指定文件夹下 创建项目 dva new 名字 启动 npm start 路由1.在routes中创建对应的路由页面2.在src下的router.
2021-12-09 21:00:43
1914
原创 generator函数
generator函数generator 迭代器函数 星号函数es6新增的一个特性 让普通函数交出执行权（可以在函数中按照我们的需要让其走走停停）引子 function fun(){ console.log(1) console.log(2) console.log(3) } // 函数只要被调用 那么就会自动执行完 fun()generator我们如何让...
2021-12-09 20:49:16
281
原创 async与await
async与await字面理解async ： 异步await： async wait的简写 等待异步是什么？async 就是一个promise的语法糖（糖衣语法 现有语法的一个精简写法）1.使用async 包装的函数会返回一个promise对象<script> // promise的传统写法 // function fun(){ // return new Promise((resolve,reject)=&g...
2021-12-08 21:28:43
127
原创 HOC 高阶组件
HOC 高阶组件在react组件的创建过程中经常需要我们把多个组件中的一类功能进行重复的使用 我们其实就可以把这一类相同的功能进行提取公用 这样一来 我们在编写组件的时候就可以重复使用这一类提取的公共内容 减少了代码量与后期代码的维护难度。HOC高阶组件------》参数是一个组件 并且返回值还是一个组件使用:1.创建文件夹用来容纳HOC的代码// hoc 参数是一个组件 返回值还是一个组件import React, { Component } from 'react'.
2021-12-04 17:56:52
307
原创 react 跨组件传值方式 context上下文 redux (白话总结)
跨组件传值方式方式一:context上下文使用步骤: 1.创建文件夹context,里面创建index.js写一个组件 2.创建上下文对象以及(对象的方式创建)他的生产者和消费者 2-1.引进去上下文对象createContext 2-2.创建上下文对象 let context=createContext()2-3.创建生产者和消费者 let {Provider,Consumer}=c...
2021-12-03 17:54:46
434
原创 react 跨组件传值 context与redux的使用
react中组件传递参数是通过props一层一层的进行传递的 数据也是单向传递的 如果出现了跨层级的关系 要是按照传统的方式传参 太麻烦了方式1 context上下文对象就是react中为了解决跨层级传值出现的一个技术 降低了数据传递的复杂度 传递起来更加的高效上下文对象 有两个内容Provider 生产者 ----- 》 创建要传递的数据Consumer 消费者 ------ 》 使用传递的数据使用:1.使用上下文对象 我们可以创建一个文件夹用来容纳他 并且创建一个文件写一
2021-12-03 11:14:34
1000
原创 react 组件传值 事件 状态机 改变this指向
props正向传值props能修改吗?props是只读的 不能修改语法:props函数组件语法 ：只需要在函数组件中添加一个props的形参 即可使用props子组件接收// 子组件需要把props当成形参传入let Zi=(props)=>{ let {text,num}=props return( <div> zizizziziziziz---{text}--{num} ...
2021-12-02 13:54:10
408
原创 react 组件传值 状态机/state
组件本质 自定义标签组件的特点优势强内聚 弱耦合提高了代码的复用性降低了测试难度代码的复杂度也大大降低组件的分类在react中有两种组件的写法函数组件--无状态组件语法:function 函数名(组件名 但是名字首字母必须必须必须必须 必须 大写){return (jsx)}类组件--有状态组件语法：class 类名(当前组件名首字母大写) extends React.Component{render(){ render
2021-11-30 22:32:46
557
原创 node / mongodb / token 用法
node是基于chome(谷歌浏览器)的v8引擎 来实现的一个javascript运行环境（这个环境可以单独的在任何操作系统上运行 从而可以让js的触角延伸到服务器端）node能在服务器端运行js有啥用？因为js默认情况下不能直接读取本地计算及硬盘上的东西 但是node可以让js运行在服务器端 那么node就把js变成了服务器端语言 那么js就可以读取计算及硬盘上的东西（可以访问数据库）node特点单线程非阻塞式io事件驱动node的安装repl交互性解释器就是可以在
2021-11-30 15:22:42
172
原创 跨组件传值/同胞传值/modules模块化数据/mutations 状态的修改 --------大白话总结
1.跨组件传值1.(新建项目的时候,跟router的做法一样,选中vuex直接回车) 系统自动配置完会有store文件夹方法一: 直接把数据放在store文件下,然后直接在想使用的地方 用this.$store.state.数据名 来读取vue中代码全部: <template> <div class="about"> <h1>跨组件传值==={{this.$store.state.name}}</h1...
2021-11-13 16:37:44
599
原创 2021-11-12 兄弟同胞传值--中央事件总线/数据请求的闭环操作
兄弟同胞传值--中央事件总线相同父组件的两个子组件之间相互传值(父组件引入两个子组件)什么是中央事件总线eventBus--中央事件总线 就是凌驾在两个兄弟组件之上的一个空的vue实例（中央事件总线eventBus）通过这个空的vue实例 就在两个兄弟组件之上建立起了数据通信的桥梁实现1.新建文件夹eventbus与文件用来存放这个中央事件总线的空实例2.创建空实例import Vue from "vue"//创建实例并且暴露export default new Vue
2021-11-12 21:29:24
568
原创 vue 路由---router 配置路由规则
路由---router传统的项目怎么切换跳转页面?1.新建很多的html文件2.使用 标签的方式进行跳转（a标签） 或者使用js的方式进行跳转（window.location.href ）传统的项目称之为 多页面项目路由基本概念根据url的不同来渲染不同的组件页面SPA -- 单页面应用 在用户切换页面的时候 没有那种传统页面的白屏问题 提高了用户的体验路由基本创建vue-cl自动创建在创建脚手架的时候 选择自定义 再选择Router 即可在创建完项目之后
2021-11-10 17:59:22
2402
原创 2021-11-08 组件与路由
组件组件把一个页面拆成多个细小的小功能区域 分别来创建就可以让这一个个的小模块方便重复的进行调用 减少了代码量 降低了后期维护的难度组件分类全局组件--component局部组件--components创建组件其实就是新建一个.vue文件 并且写入如下内容<template> <div> 我是一个组件么么哒 </div></template><script>export default {...
2021-11-08 21:29:37
84
原创 2021-11-05 html.css3基础
0. 写出移动端html根元素字体大小设置为100px时，使用vw的推导过程/* 750px html{font-size:26.67vw}640px html{font-size: 31.25vw;} */1. 元素的类型分类？元素类型的特点？块状元素：独占一行，可以设置宽度和高度 margin,padding都支持行内元素（内联元素）：不独占一行，不可以设置宽度和高度，支持左右padding，左右margin。行内块元素（置换元素）：img input select textarea..
2021-11-05 12:00:21
75
原创 2021-11-03 Vue的计算属性与钩子函数
计算属性--computed为什么要使用计算属性?视图层是用来展示数据的 但是我们却在视图层中处理数据 不太合适<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="...
2021-11-03 21:30:58
74
原创 2021-11-03第一阶段
0. 写出移动端html根元素字体大小设置为100px时，使用vw的推导过程/* 750px html{font-size:26.67vw}640px html{font-size: 31.25vw;} */1. 元素的类型分类？元素类型的特点？块状元素：独占一行，可以设置宽度和高度 margin,padding都支持行内元素（内联元素）：不独占一行，不可以设置宽度和高度，支持左右padding，左右margin。行内块元素（置换元素）：img input select textarea..
2021-11-03 16:29:19
169
原创 vue 指令
v-if全家桶v-if从用户角度看上去与v-show没有区别作用:判断当前dom是否加载语法:v-if="表达式(结果为布尔值)" true加载当前dom false移除当前dom<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">...
2021-11-02 20:06:14
88
原创 vue 常见指令 双向绑定原理
1.淘宝镜像npm 的下载是需要访问国外服务器才可以下载 但是国内访问很慢 所以淘宝集团 自行搭建了一个服务器 这个服务器每隔10分钟就会把npm国外服务器的内容拉去一次 就叫淘宝镜像要使用需要配置：npm i -g cnpm --registry=https://registry.npm.taobao.org然后在当下目录cmd，执行命令获取vue的依赖库 cnpm install --save vue什么是html标签的属性扩展标签的功能属性的语法 必须写在开标签..
2021-11-01 19:16:07
131
原创 cookie与localStorage及sessionStorage区别与联系(day29)
本地存储1.cookies的大小限制在4kB，不适合大量的数据存储。2.浏览器还限制站点可以在用户计算机上存储的cookies的数量。3 cookies是随HTTP事务一起被发送的，因此会浪费一部分带宽。HTML5很好的提供了本地存储的功能，以键值对存储的解决方案，支持容量至少为4M，HTML5的web提供了两种客户端存储方式。 localStorage：是一种没有时间限制的数据存储方式，可以将数据永久保存在客户端。 sessionStorage：指的是针对一个session的
2021-10-15 16:58:37
60
原创 jQuery插件(day30)
jQuery插件插件使用的步骤1.用户编写插孔2.设计者提供插件3.根据插件提供的文档连接插孔和插件选择器插件如果一个类的某个方法,不需要使用到this,则该方法建议设置为静态方法通过static关键字修饰,被static修饰的方法,只能通过类名来调用,不能通过对象调用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met..
2021-10-15 16:46:19
57
原创 2021-10-07 第二阶段 JavaScript基础语法
第二阶段JavaScript基础语法 HTML ：标记语言 JavaScript ：编程语言 序言JavaScript发展历史（JS）1. 1994年，网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器--只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。 liveScript ==&
2021-10-07 15:36:39
395
2
原创 2021-10-07 html.css3 第一阶段学习笔记
Htnl基本介绍html5是什么？网站建设步骤 买域名 租空间 网站设计 特定网站上传到空间中 网站推广 维护 使用方法(```+空格+html）生成html再按回车出现html 文本框 #+空格 :一级标题##+空格：两级标题*+空格：列表标签 单标签 <hr> 水平线属性：width:宽度 color：颜色 size：粗细<<...
2021-10-07 11:14:33
129
原创 2021-08-30 day01 基础 js基础
一.Java script一.js的组成:ECMAScript:制定语法规范DOM:页面文档对象类型(操作html元素的)BOM:浏览器对象类型二.基本语句//在页面中写入 document.write('')// 在控制台打印 console.log('二阶段了.要好好学了')// 弹出框alert('学习快乐')// 页面输入框 prompt('请输入...') **注意:输入的类型都是字符串// 确认框 confirm('亲,确定要删
2021-08-31 20:23:27
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人