老李写博客的地方

在现在的世界里，变化是非常迅速的，特别是在互联网这个行业，技术的变化可谓事日新月异。那么要在这样的环境下快速构建项目，我选用的是比较成熟而且常见的系统架构 。在本系列里，我使用的是spring boot + Vue 的框架。理由很简单，因为这种框架非常成熟，如果遇到问题也是有很多的解决方案。作为本系列文章的第一篇，这里我会介绍怎样利用Vue快速构建前端项目。 Vue 有前端开发经...

1、什么是JavaScript？是一种脚本语言。2、作用HTML提供网页的结构，CSS用来制作网页的样式，JavaScript用来控制网页内容，增加动态效果。3、语言组成JavaScript由3部分组成：ECMA Script；DOM；BOM；ECMA Script是JS的核心，定义了JS的语言规范。ECMA Script是一套标准，和实现的语言无关。BOM：是浏...

本文介绍的是怎样从零开始创建一个vue的项目，这个过程非常简单，如果不把安装软件所需的等待算进去的话，其实不用半个小时就可以创建出一个简单的数据可视化项目。简单来说，只需要下边这几个步骤：创建vue项目 自定义组件 用Echart展示数据1、创建vue项目1.1 安装node.js从零开始创建Vue项目，首先需要安装node.js。进入node.js的官网，下载...

在上一篇文章中，我们已经通过简单的方法生成了一个vue项目。那么下边简单介绍一下这个项目的结构：build：编译相关文件 config：配置文件 node_module：npm的依赖 src：主要的代码assets：存放静态资源的地方，和static不同，打包的时候会重新编译，建议存放自己写的资源。 components：存放组件的地方。 router：路由管理器，用于页面跳...

通过上两篇文章就可以创建出一个简单的vue项目，为了让数据可视化，我们需要使用到可视化的工具——Echart。我们先看一下效果图：​​使用Echart只要几个非常简单的步骤：引入Echart 创建容器 设置图形1、引入Echart如果不是使用npm，那么需要在官网上下载Echart的包，然后放到自己的项目中，但是这里使用更加简单的npm引入的方法，只需...

1、简介本文是介绍怎么用简单的方法利用D3.js画出条形图，为了方便操作，本文选取的是vue组件。先放上最简单的代码：<template> </template><script>import * as d3 from 'd3'export default { name: 'demo001', data () { retu...

本文来说说怎么画一个复杂一点的条形图，不是说样式上有多么负责，是在功能，体验上稍微复杂一些的条形图。老规矩，先上代码：组件：<template> <div id="container" class="svg-container" align="center"> <h1>{{title}}</h1> ...