JavaScript库
文章平均质量分 90
JavaScript的库
南栀~zmt
新手小白
展开
-
【React】react-router-dom
路由原创 2022-05-12 16:12:34 · 2257 阅读 · 1 评论 -
【React】React路由概念
路由原创 2022-04-28 16:17:53 · 618 阅读 · 0 评论 -
【React】Context
Context原创 2022-04-25 09:04:17 · 1510 阅读 · 0 评论 -
【React】React-Redux
react-redux原创 2022-04-21 17:53:24 · 3900 阅读 · 0 评论 -
【React】Redux
文章目录1. 设计思想2. 三大原则3. `createStore(reducer)`3.1 store3.2 `reducer(state,action)`3.3 `getState()` `dispatch()` `subscribe()`3.4 `bindActionCreators()`4. 购物车案例5. 小结Redux是一款著名的JavaScript状态管理容器。也就是说,Redex除了和React配合使用,还可以配置JS、Vue使用。1. 设计思想Redux是将整个应用状态存储到一原创 2022-04-20 19:58:05 · 674 阅读 · 0 评论 -
【React】React Hooks
React Hook原创 2022-03-31 21:18:40 · 612 阅读 · 0 评论 -
【React】事件处理基本用法、受控组件 非受控组件
事件处理基本用法、受控组件 非受控组件原创 2022-03-31 16:36:31 · 1043 阅读 · 0 评论 -
【React】setState是同步的还是异步的?
异步情况下的setState()import React,{Compontent} from 'react';class Mydemo extends React.Component { state = { num: 0 }; add = () => { this.setState({ num: this.state.num + 1 }) console.log(this.state转载 2022-03-31 15:45:41 · 3519 阅读 · 1 评论 -
【React】React组件的生命周期
React组件的生命周期原创 2022-03-28 21:22:46 · 294 阅读 · 0 评论 -
【React】函数式组件与类组件的不同
函数组件与类组件的区别原创 2022-03-28 20:07:03 · 1961 阅读 · 0 评论 -
React和Vue的区别
react与vue的区别原创 2022-03-28 16:49:25 · 9082 阅读 · 1 评论 -
虚拟dom
虚拟DOM原创 2022-03-28 09:54:20 · 877 阅读 · 0 评论 -
MVVM、MVC
文章目录MVC(Model View Controller)南栀的MVVM博客MVC(Model View Controller)MVC模型代表Model View Controller (模型-视图-控制器)模式。这种模型用于应用程序的分层开发。Model(模型):模型代表一个存取数据的对象或者JAVA POJO。它也可以带有逻辑,在数据变化时更新控制器。View(视图):View视图是指用户看到并与之交互的界面。比如由html元素组成的网页界面,或者软件的客户端界面。MVC的好处之一在于它原创 2022-03-22 16:57:29 · 329 阅读 · 0 评论 -
【Vue】Vue路由(vue-router)
vue路由跳转原创 2022-02-23 21:02:59 · 962 阅读 · 2 评论 -
【Vue】Vue生命周期及其钩子函数
vue生命周期及其钩子函数2.0原创 2022-02-22 12:51:06 · 325 阅读 · 0 评论 -
【Vue】Vue组件间通信的方式
组件通信方式一:props $emit方式二:eventBus方式 $emit $on方式三:$attrs $listeners方式四:provide inject方式一:props $emitprops $emit:父组件A–>子组件B:通过props的方式子组件B–>父组件A: 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现。父组件向子组件传值:父组件中调用子组件 给子组件的绑定的属性名赋予父组件的data、computed中的值。子组原创 2022-02-17 14:43:44 · 613 阅读 · 0 评论 -
【Vue】Vue脚手架(vue-cli)环境搭建和应用示例
文章目录Vue脚手架创建vue项目的步骤项目结构解析Vue脚手架应用示例基本分析创建自己的第一个vue-cli项目界面实现组件嵌套Vue组件CSS域多个组件嵌套Vue脚手架vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面(SPA)环境配置的工具,cli 就是(command-line-interface ) 命令行界面。创建vue项目的步骤(仅第一次创建Vue项目时执行):全局安装@vue/cli npm install -g @vue/cli切换到要创建项目的目录,原创 2022-02-13 21:27:17 · 812 阅读 · 0 评论 -
【Vue】Vue数据及事件绑定
文章目录1. 数据绑定1.1 单向绑定1.1.1 插值绑定1.1.2 v-bind绑定1.2 双向绑定2. 事件绑定与监听2.1 方法及内联处理器2.2 修饰符事件修饰符键值修饰符1. 数据绑定1.1 单向绑定把Model绑定到View后,当用JavaScript代码更新Model时,View会自动更新。因此,我们不需要进行额外的DOM操作,只需要进行Model操作就可以实现视图的联动更新。单向绑定的实现过程是:所有数据只保存一份一旦数据变化,就去更新页面(只有data–>DOM,没有D原创 2022-02-13 19:20:41 · 1369 阅读 · 0 评论 -
【Vue】vue.js中组件的使用
文章目录组件创建全局组件创建局部组件组件中的data和methods组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素, 封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特 殊功能。创建全局组件方式一:Vue.extend({}),Vue.component()创建组件:使用Vue.extend({})var com1 = Vue.extend({ template: `<h2>这是用V原创 2022-02-10 21:47:35 · 1258 阅读 · 0 评论 -
【Vue】Vue的过滤器(filter)
文章目录filter概述全局过滤器局部过滤器filter概述过滤器的兼容性:过滤器仅在 vue 2.x 和 1.x 中受支持,在 vue 3.x 的版本中剔除了过滤器相关的功能。在企业级项目开发中:如果使用的是 2.x 版本的 vue,则依然可以使用过滤器相关的功能如果项目已经升级到了 3.x 版本的 vue,官方建议使用计算属性或方法代替被剔除的过滤器功能过滤器主要用于文本的格式化,或者数组数据的过滤与排序等。使用时通过管道符( | )添加到表达式的尾部 使用。注册过滤器:全局原创 2022-02-10 20:41:34 · 2594 阅读 · 0 评论 -
【Vue】class和style的绑定
文章目录classstyle在vue中可以使用[v-bind]指令绑定class与styleclass可以传给 v-bind:class 一个对象,以动态地切换 class<style> .divColor{ width: 100px; height: 100px; background-color: red; }</style><div id="root" v-bind:class="{divCo原创 2022-02-10 20:22:32 · 774 阅读 · 0 评论 -
【Vue】Vue常用属性、三种模板总结
文章目录常用属性`el``data``methods``computed`计算属性`watch`侦听器三种模板html模板字符串模板render函数模板Vue.js是通过newVue({…})来声明一个实例的。实例中包含了当前页面的HTML结构、数据、事件。在实例中可以传入一个选项对象,包含数据、模板、挂载元素、方法、生命周期钩子函数等选项。注: 本篇文章的例子在此基础上进行更新添加。<!-- 非组件化的开发方式 需要引入vue的js文件 --><!DOCTYPE htm原创 2022-02-10 17:58:10 · 1185 阅读 · 0 评论 -
【Vue】Vue指令
Vue指令v-showv-htmlv-textv-if、v-elsev-forv-bindv-on引入vue.jshtml展示:<div id="app"> <p>{{msg}}</p> <p>{{ 80+2 }}</p> <p>{{ 20>30 }}</p></div>创建Vue对象:<script> new Vue({ el:原创 2021-11-19 16:30:56 · 150 阅读 · 0 评论 -
【Vue】MVVM、Vue简介
文章目录MVVM简介MVVM简介原创 2021-11-19 10:59:12 · 804 阅读 · 2 评论 -
【React】react子组件给父组件传值、父组件给子组件传值
文章目录父组件给子组件传值子组件给父组件传值父组件向子组件传值: 父通过初始state,子组件通过this.props进行接收。子组件向父组件传值: 需在父设置接收函数和state,同时用props将函数名传入子孙。父组件给子组件传值父组件Comment.js/* 父组件Comment */import React from 'react';import CommentList from './CommentList';class Comment extends React.Com原创 2021-11-15 20:12:20 · 1422 阅读 · 3 评论 -
【React】React三大属性:Props、State、Refs
React框架定义了一个Props的概念, 专门用来实现React组件接受参数的输入。每个组件对象都会有props(properties的简写)属性。组件标签的所有属性都保存在props中。function HelloMessage(props) { return <h1>Hello {props.name}!</h1>;} const element = <HelloMessage name="Runoob"/>; ReactDOM.rend.原创 2021-11-06 16:50:51 · 654 阅读 · 0 评论 -
【React】diff算法
diff算法传统diff、React diffReact 三大策略React中key的引入、性能的提升diff算法作为Virtual DOM的加速器,其算法的改进优化是React整个界面渲染的基础和性能的保障,同时也是React源码中最神秘的,最不可思议的部分。传统diff、React diff传统diff算法:通过循环递归对节点进行依次对比,算法复杂度达到 O(n^3)如果要展示1000个节点,得执行上亿次比较。。即便是CPU快能执行30亿条命令,也很难在一秒内计算出差异。React d原创 2021-09-23 20:31:34 · 389 阅读 · 0 评论 -
【React】React组件(函数式组件、类组件)
文章目录React组件介绍函数组件React组件介绍React组件可以将UI切分成一些独立的、可复用的部件, 这样有助于设计人员专注于构建每一个单独的部件。React组件通过Props可以接收任意的输入值React语法是基于版本ECMAScript6实现的。因此,React组件除了通过JavaScript函数形式实现,还可以通过ES6 Class(类)的形式来实现。组件就是页面上的一部分,大大小小的各种组件拼在一起就变成了一个完整的页面,就像我们玩的拼图,需要一块一块的拼接在一起才能变成一副原创 2021-10-29 17:46:39 · 830 阅读 · 0 评论 -
【React】React JSX
JSX原创 2021-10-18 20:31:59 · 288 阅读 · 0 评论 -
【React】概述、基本使用方式...
文章目录React概述React虚拟DOMReact的渲染机制React的基本使用方式React概述是一个JavaScript库,旨在简化可视化界面的开发起源于Facebook的内部项目,于2013年5月开源。基于JSX的语法,JSX是React的核心组成部分,它使用xml标记的方式去直接声明界面,和html、js混写React核心是组件,组件的设计提高了代码的复用率,降低了测试的难度和代码复杂度。组件将数据和逻辑进行封装中文官网:React中文官方文档框架用途:React主要用于构建U原创 2021-10-18 19:12:07 · 197 阅读 · 0 评论