随笔分类 - 流行框架
摘要：一、前置知识 1.具有一定的JavaWeb应用开发经验 2.具有Spring与SpringMVC的使用经验 二、SpringBoot介绍 1.什么是SpringBoot 让Spring应用开发变得"简单粗暴" 2.开发流程 2.1 Spring应用开发流程 2.2 SpringBoot应用开发流程
阅读全文
摘要：初识Vue 生命周期 vue安装 要先下载安装nodejs 安装好后,命令行中输入node -v 出现版本号,表示安装成功 同时因为npm是集成在node中的,只要node安装好,npm也会被安装好 为了更加方便敲命令,下载,安装git, 安装好后在一个目录中点击鼠标右键👉git bash her
阅读全文
摘要：常用工具函数 observe 可以理解为监听器，纯函数，不能用作修饰器。 例子：todoList项目，监听每一个list数据项的变化。 class Store{ } toJS 将数据转换为纯对象。 trace 追踪，需要在父作用域中被调用。可用于代码调试。 传入参数true，在执行代码时会进入deb
阅读全文
摘要：路由：根据访问的网址url的不同，代码能展示出不同的内容。 React 中的前端路由：根据访问的网址url的不同，React会展示出不同的组件。 React中默认是没有路由的，需要自己来安装一下。 安装路由模块：npm install react-router-dom --save 引入Browse
阅读全文
摘要：Ant Design 组件库中封装了很多现成的样式组件，直接拿过来用就可以减少一些样式的编写工作。 可以在其官网中查看使用文档： Ant Design官网 1⃣️安装：npm install antd --save 2⃣️引入组件库样式文件：import 'antd/dist/antd.css';
阅读全文
摘要：在React中，生命周期函数指的是组件在某一时刻会自动执行的函数。生命周期函数也叫钩子函数。 constructor在组件创建的时候自动执行，也是一个生命周期函数（普通的类周期函数），但不是React独有的生命周期函数。 render函数是React的一个生命周期函数，当数据发生变化时，render
阅读全文
摘要：1 选择元素 D3选择元素的函数有两个：select和selectAll select：返回匹配选择器的第一个元素 selectAll：返回匹配选择器的所有元素 这里的选择器指的是CSS选择器。 select和select All函数中传递的参数有两种： CSS选择器： d3.select("bod
阅读全文
摘要：mobx-react的作用是将react组件转换为对可观察数据的反应。 首先在项目下安装所需依赖：npm i react react-dom prop-types mobx-react -S （为了编译JSX语法） npm install --save-dev @babel/preset-react
阅读全文
摘要：在一些特殊情况下，React也需要对DOM进行一些操作，这时就要用到——ref。 理解ref 1）例子：用上一节的Counter.js项目来理解，实现获取增加按钮距离浏览器窗口顶部的距离。 import React,{ Component,Fragment } from 'react'; impor
阅读全文
摘要：创建一个新的组件Counter.js以及其子组件Child.js来理解这些概念。 例子：实现点击增加按钮，下面的数字跟着增加的效果。 组件在第一次渲染时（也就是Counter组件被js调用渲染到页面中时），render函数会被默认执行一次；当state或props数据变更的时候，render函数会被
阅读全文
摘要：1 声明式开发 （与之对应的是命令式开发，如：JS、Jquery，每一步都要我们来指定，不断地操作DOM。🏠需要我们一砖一瓦、一步一步的盖起来） React这种声明式开发，不需要对DOM做任何操作，只需要定义好JSX模板和数据就好，当数据变化时页面也自动发生了变化。（只需准备好图纸和材料，🏠自动
阅读全文
摘要：对组件进行适当的拆分有利于项目维护。 例子：结合上一节TodoList的项目，将list中的每一项都拆分成一个组件 新建一个组件文件（即list中的某一项）TodoItem.js 实现添加功能 content ：父组件通过属性的方式向子组件传值（告诉子组件我们要传递的内容） this.props ：
阅读全文
摘要：之前课程中老师用的babel的版本比较低，我在学习时安装的babel版本较高，因此每当使用class语法或decorator修饰器时都会出现一些报错的情况！ ❌ ERROR in ./src/index.js 4:1 Module parse failed: Unexpected character
阅读全文
摘要：1 什么是JSX语法？ 原生JS中，要向页面中挂载html标签，标签一定是被引号''包起来的：document.getElementById('root').append('<div>hello world</div>'); 但在JSX语法中，不需要用引号包起来，这是JSX语法中的显著特点。 JSX
阅读全文
摘要：1 可观察的数据（observable） observable是一种让数据的变化可以被观察的方法。 那些数据可被观察？ -原始类型 String、Number、Boolean、Symbol -对象 -数组 代码中理解数据是如何被观察的： 1）安装mobx的npm依赖 执行命令：npm i mobx
阅读全文
摘要：1 D3简介 发布于2011年，全称Data-Driven Documents，直译为“数据驱动的文档”。 简单概括为一句话：D3是一个Javascript的函数库，是用来做数据可视化的。文档指DOM，即文档对象模型（Document Object Model）。D3允许用户绑定任意数据到DOM，然
阅读全文
摘要：在声明阶段实现类与类成员注解的一种语法。 function log(target){ const desc = Object.getOwnPropertyDescriotors(target.prototype); for(const key of Object.keys(desc)){ if(ke
阅读全文
摘要：一个网页可以被拆分成若干小部分，每个部分都可以称为组件，即组件是网页中的一部分。组件中还可以有多个组件。 上一节中的App.js就是一个组件（继承了React.Component类的类）。 一个组件的构成： import React from 'react'; class App extends R
阅读全文
摘要：1 React简介 2013年由Facebook推出，代码开源，函数式编程、目前使用人数最多的前端框架、健全的文档与完善的社区。 官网：reactjs.org 阅读文档：官网中的Docs React 16 以上的版本称为React Fiber 2 React开发环境准备与工程目录简介 1）开发环境搭
阅读全文
摘要：Echarts是国内百度团队开发的（开源），基于Canvas，适合数据量较大的情况； Highcharts是国外的（商用需授权），基于SVG，方便自己定制，但能使用的图表类型有限； Echarts和Highcharts都兼容 IE6 及以上的所有主流浏览器，支持移动端缩放、手势操作。 D3.js基于
阅读全文
浙公网安备 33010602011771号