- 博客(10)
- 收藏
- 关注
原创 初识react
React是一个用于构建用户界面的JavaScript库。它由Facebook开发,用于构建大型、高效的Web应用程序。作为一个功能强大且灵活的库,React在技术界备受推崇。在本章中,我们将深入了解React是什么,以及它为何如此受欢迎。在本章中,我们介绍了React的起源、设计原则、特点、生态系统以及未来展望。通过深入理解React,我们可以更好地利用它来构建高效、灵活的Web应用程序。
2023-06-15 17:30:09 62
原创 vue全家桶
通过对Vue.js的认识,我们可以看到它的简单易学、渐进式和响应式数据绑定的特点使其成为一款受欢迎的前端框架。结合Vue全家桶的使用,我们可以更好地构建复杂的应用程序。在接下来的章节中,我们将深入学习Vue.js的各个方面,包括模板语法、计算属性、组件开发等,帮助读者掌握Vue.js的使用技巧和开发实践。在本章中,我们详细介绍了Vue实例的创建、数据与响应式原理、实例方法与生命周期钩子、模板语法与指令、计算属性与侦听器、条件渲染与列表渲染以及表单输入与绑定等相关内容。
2023-06-15 17:28:12 119
原创 React Hooks
在React 的世界中,有容器组件和UI组件之分,在React Hooks出现之前,UI组件我们可以使用函数,无状态组件来展示UI,而对于容器组件,函数组件就显得无能为力,我们依赖于类组件来获取数据,处理数据,并向下传递参数给UI组件进行渲染。在我看来,使用React Hooks相比于从前的类组件有以下几点好处:1.代码可读性更强,原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中,容易使开发者不利于维护和迭代,通过React Hooks可以将功能代码聚合,方便阅读维护2.组件树层级变浅,在原本的代
2021-09-02 14:49:41 146
原创 路由动画 react-transition-group
官网https://reactcommunity.org/react-transition-group/安装# npmnpm install react-transition-group --saveCSSTransitionApp.jsximport React, { Component } from 'react'import { CSSTransition } from 'react-transition-group'import './style.css'import 'a
2021-09-02 14:43:26 177
原创 create-react-app支持decorators
create-react-app支持decoratorsyarn add @babel/core @babel/plugin-proposal-decorators @babel/preset-env1、创建.babelrc{ "presets":[ "@babel/preset-env" ], "plugins":[ [ "@babel/plugin-proposal-decorators",
2021-09-02 14:42:23 184
原创 第一:搭建react开发环境
1.安装脚手架 npm install -g create-react-app2.创建项目(可能创建多次) create-react-app reactdemo (方法1) npx create-react-app reactdemo2 (方法2)3.安装依赖包,运行此项目 cd reactdemo npm start --->运行项目 npm run build ---->生成项目(打包)4.react介绍1 React
2021-09-02 14:41:14 67
原创 禁止网页复制的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...
2019-05-15 11:17:56 917
原创 JS 常用正则表达式备忘录
正则表达式或“regex”用于匹配字符串的各个部分,供大家学习参考。1.匹配正则 使用 .test() 方法 let testString = "My test string"; let testRegex = /string/; testRegex.test(testString);2.匹配多个模式使用操作符号 |const regex = /yes|no|maybe/; ...
2019-05-15 10:55:04 86
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人