摘要： 封装一个ECharts组件的一点思路 有关后台管理系统之前写过三遍博客,看这篇之前最好先看下这三篇博客。另外这里只展示关键部分代码，项目代码放在github上： mall-manage-system 1、Vue + Element-ui实现后台管理系统(1) 总述 2、Vue + Element-u 阅读全文

摘要： 面包屑 + Tag标签切换功能 有关后台管理系统之前写过两遍博客,看这篇之前最好先看下这两篇博客。另外这里只展示关键部分代码，项目代码放在github上： mall-manage-system 1、Vue + Element-ui实现后台管理系统(1) 总述 2、Vue + Element-ui实现 阅读全文

摘要： 项目搭建 + ⾸⻚布局实现 上篇对该项目做了个总述 :Vue + Element-ui实现后台管理系统(1) 总述 这篇主要讲解 项目搭建 + 后台⾸⻚布局实现 ： 整体效果 后台首页按布局一共包含3个部分: 1、左侧栏部分 2、头部部分 3、内容部分。 说明 在整个后台管理系统中，左侧栏和头部部分 阅读全文

摘要： 总述 一、项目效果 整体效果 登陆页 后台首页 用户管理页 说明 这里所有的数据都不是直接通过后端获取的, 而是通过Mock这个工具来模拟后端返回的接口数据。 附上github地址： mall-manage-system ##二、项目介绍 1、技术架构 项目总体技术选型 vue-cli 3.0 + 阅读全文

摘要： Canvas(3) 绘制饼状图 有关canvas之前有写过两篇文章 1、 "Canvas(1) 概述+简单示例" 2、 "Canvas(2) 绘制折线图" 在绘制饼状图之前，我们先要理解什么是圆弧,如何在画布中绘制文字等等。所以这里将绘制饼状图理解拆分成以下几个步骤： 弧度是一种长度的描述单位, 一 阅读全文

摘要： 绘制折线图 之前在工作的时候,用过百度的ECharts绘制折线图,上手很简单,这里通过canvas绘制一个简单的折线图。这里将一整个绘制过程分为几个步骤: 1、 绘制网格 2、 绘制坐标系 3、 绘制点 4、 将前面三部分组合绘制一整个完整的折线图 。 一、绘制网格 运行结果 二、绘制坐标系 运行结 阅读全文

摘要： Canvas 概述+简单示例 如果通俗的去理解Canvas,我们可以去理解成它类似于我们电脑自带的画图工具一样，canvas首先是选择一块画布，然后在这个画布上描绘我们想画的东西，画好后展示给用户看。 当然它不仅可以画动态图片，甚至可以画出3D效果出来。 一、canvas概述 1、什么是canvas 阅读全文

摘要： jquery ajax 一、AJAX 概述 1、什么是 AJAX？ AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术 。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 阅读全文

摘要： #JavaScript(9) 跨域 ## 一、跨域原理(同源策略) 在项目搭建的初期,因为现在项目基本上都是前后端分离，所以不可避免地会遇到跨域问题，而造成跨域的罪魁祸首就是浏览器的同源策略。所以要解决跨域， 我们必须知道什么是浏览器的同源策略。 1、什么是同源策略 概念 它是一个著名的安全策略。所 阅读全文

摘要： JavaScript(8) 闭包 理解闭包 我的理解是：闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以简单这样理解 "函数A中,有一个函数B,函数B中可以访问函数A中定义的变量或者是数据,此时形成了闭包"。所以，在本质上，闭包 阅读全文

摘要： # JavaScript(7) 继承 概念 首先继承是一种关系,类(class)与类之间的关系,JS中没有类,但是可以通过构造函数模拟类,然后通过原型来实现继承，继承也是为了数据共享。 之间有讲过js中的原型和原型链：JavaScript(6) 原型链 原型链就是继承的一种,子类 没有的东西到 父类 阅读全文

摘要： # 原型链 再上一篇有简单讲过原型：JavaScript(5) 面向对象 + 原型 讲原型链知识之前,先说几个重要的结论。 1、原型链就是 对象的__proto__所连接的链状结构 2、prototype 属性是函数独有的 3、__proto__ 属性是对象独有的，实例原型(Object.proto 阅读全文

摘要： 面向对象 + 原型 面向对象这个概念并不陌生,如 C++、Java 都是面向对象语言。面向对象而言都会现有一个类的概念 ，先有类再有对象。类是实例的类型模板。 比如人类 是一个类 张三 李四 就是一个个对象，他们都是人类创建出的对象 所以都有人类的共同特性，比如 人类都会吃饭 人类都会走路 所以张三 阅读全文

摘要： 一、概念 现在一般的电商网站的首页都会有一个轮播图，如下图这样 这幅图可以拆分为三个功能 下面针对这三个功能，一个个单独讲解。 二、点击数字切换图片 公共common.js ,下面所有的代码都会引用这个js。 上面代码中的注释说明的已经挺清楚的了。,这里再详细解释下面这段代码 画了这幅图应该把这里原 阅读全文

摘要： Java8 Optional 一句话介绍Optional类：使用JDK8的Optional类来防止NullPointerException(空指针异常)问题。 一、前言 在我们开放过程中,碰到的异常中NullPointerException必然是排行第一的。所以在平时编码中，我们会时时的判断null 阅读全文