- 博客(16)
- 收藏
- 关注
RSS订阅
原创 React从入门到架构（2）--如何配置你的“CSS和JS路径”
好，我们接着上一篇文章【React从入门到架构（1）–手把手创建、解读以及开发第一个ReactApp】的内容讲：（1）修改“HTML”代码，建立初布局在src/App.js这个文件中，我们看到了熟悉已久的HTML代码，不过我要说的是，这并不是真正的HTML，而是一种JSX语言（自行百度下），为了让你能够方便的去写页面！不管怎么样，我们先改成一段我们自己熟悉的HTML代码，但是要注意：类标签...
2018-11-12 13:12:38
1171
原创 React从入门到架构（1）--手把手创建、解读以及开发第一个ReactApp
在开始创建第一个项目之前，我们有一些准备工作要做：1. 前置工作–安装软件安装nodejs软件，官网都有免费的可以下载：nodejs下载地址.安装VS Code软件，不喜欢VS Code的也可以使用sublime Text都可以的，官网可以免费下载安装：VS Code下载地址.2. 创建项目第二步就是项目的创建了：首先在操作系统的全局，使用npm命令（nodejs正确安装后，即可使...
2018-11-10 17:11:00
1976
原创 React从入门到架构（0）--序言：我的前端发展历程
我个人做前端开发是有过一个断层的。第一阶段（切片阶段）在10年的时候，前端的工作，更多的是在切片的层面上，从IPO（input->process->output）的层面上讲：input：输入的是PS产出的页面图片；process：前端的工作是，拿到图片，使用fireworks这一类的工具进行切片，那时候还要配合dreamweaver工具，主要是用于PHP、.NET以及J...
2018-11-10 12:26:24
1504
原创 从原理上搞懂offsetWidth、scrollWidth、clientWidth以及其他偏移量
1. 影响以上参数主要有哪些内容笔者在总结这几个内容之前，也翻了很多书，看了很多帖子，始终没有搞清楚这几个内容的逻辑，每次记住了，没过几天就忘了，下次再被问到完全又分不清楚了。于是又拿起了《Javascript权威指南》这本书，认认真真读了两遍，终于发现了一些规律，下面就给大家总结一下。其实每个人都很清楚，影响以上几个因素的参数，无非就那么几个：我们拿一个div来举例。主要包括了：padding, border, margin, width(height)，滚动条的距离scroll, 以及滚动到了视口
2021-02-09 13:51:08
3392
2
原创 SpringBoot + MyBatis，全流程实现RESTful API
上一篇博客中，我们通过Mybatis的Generator命令，生成了Pojos，本文将继续介绍，如何根据Mybatis生成的内容，添加Controller和Service，实现RESTful API上文：Spring Boot整合MyBatis，自动生成DAO3. 修改Mapper我们尝试修改一下Mapper，在BooksMapper.java中，增加以下内容： @Select({...
2019-01-06 10:28:44
888
原创 Spring Boot整合MyBatis，自动生成DAO
MyBatis介绍MyBatis是一款优秀的持久层框架，它支持定制化 SQL、存储过程以及高级映射。MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。MyBatis 可以使用简单的 XML 或注解来配置和映射原生信息，将接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java对象)映射成数据库中的记录。在Spring Bo...
2019-01-06 01:40:07
1796
2
原创 React从入门到架构（7）--路由route的管理
我们对App.js进行一些改造，先不管具体的意义，先上代码：import React, { Component } from 'react';//CSS层叠样式表引入import './style/App.css';import { Layout } from 'antd';import {BrowserRouter as Router, Route, HashRouter, Switc...
2019-01-06 00:44:36
2157
3
原创 JMS（三）VScode创建第一个Spring boot + Maven项目
1. 在VS Code中输入command + shift + P命令，调出面板：2. 选择Spring Initializr: Generate a Maven Project；3. 选择Java；4. 输入项目名称，这里使用默认com.project,回车后继续使用默认名demo；5. 选择SNAPSHOT版本，这里选择2.2.0；6. 然后选择第一次配置的时候，需要加载的包（我...
2018-12-15 17:41:26
6556
2
原创 JMS（二）VS Code搭建Spring boot的插件的安装与配置
1. VS code的扩展包下载在VS code中，添加如下几个扩展包：Java Extension PackMaven for JavaSpring Boot Extension Pack这个部分大家可以搜一搜，多下载一些可能以后会用到的工具。2. VS code 中Maven的配置在VSCode中打开左上角->首选项->设置，可以看到如下：在右侧输入...
2018-12-15 16:56:24
7215
原创 echarts中在geo上绘制lines时，对于lines上各个点的响应处理办法。
目前的echarts版本中，对于在geo上绘制lines时，主要的代码如下：geo: { map: 'world', silent: true, roam: true, show: true, zoom: 25, ...
2018-11-27 13:00:19
12116
原创 React从入门到架构（6）--基于Antd项目，熟悉React的生命周期
在完成对React的生命周期的修改后，我们看一下React的主要生命周期：1. 在用户输入URL后，系统从App.jsx第一次进行装载，在此过程中：porps由父组件，传给子组件；state在界面中显示的是默认值。2. 在界面中，我们使用setState()函数进行更新时：state更新为setState()中设置的值；props通过父组件，把修改后的新值nextProps（如果修改了...
2018-11-21 20:40:16
739
原创 React从入门到架构（5）--基于Antd项目，认识React的State
从上一节React从入门到架构（4）–基于Antd项目，初探React的Props后，我们已经认识了props的作用，主要用于父组件和子组件之间的数据传递。这一节介绍一下state。先明确一个概念：和props不同的是，state表示的是状态。【属性】是依赖于外部的数据传递；而【状态】是自身内部的改变。阮一峰说过一句话：“Web是一个状态机”意思就是，在Web中，我们需要把每一个界面...
2018-11-20 13:05:31
843
原创 React从入门到架构（4）--基于Antd项目，初探React的Props
根据上一篇React从入门到架构（3）–引入组件，试试Ant designer内容的讲解，我们引入了Ant Design这个非常好用的轮子，那么我们首先用Ant d来搭建一个基本的图书管理系统一、Antd项目出搭建通过参考Ant d的相关API，我们使用Antd的layout与menu等组件，构建了一个图书管理系统的基本页面。我是antd参考链接我们一边上截图，一边一步一步说：（1） 建...
2018-11-18 15:31:06
1323
原创 React从入门到架构（3）--引入组件，试试Ant designer
Okay，完成了项目的基本搭建React从入门到架构（2）–如何配置你的“CSS和JS路径”以后，我们得到了这样的一个页面：有的同学会说，Okay，我知道怎么写了，我就在这个Return的内容里，写我的整个页面就可以了～！这确实是一种办法，但是这样React的特性就完全被浪费掉了。。我们先看一点儿最简单的组件化方法：（1）前端组件化既然<App />和less文件都是可以组...
2018-11-15 19:44:07
1395
4
原创 JMS（一）MAC下使用VS Code安装与配置Java环境与Maven环境
继Sublime Text这种轻量级IDE火了以后，宇宙最强大的IDE开发团队（Microsoft）推出了VS Code.这对于使用MacBook这种低存储笔记本的开发人员来说简直是福音～！所以针对如何在Mac上配置Spring+Maven，网上好像没有类似的说明，这一节首先我们来配置Mac上的Java环境：1. 首先依然是软件的下载：VS Code官网免费下载（下载dmg格式）JDK官...
2018-11-13 12:55:32
16481
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人