- 博客(60)
- 收藏
- 关注
RSS订阅原创 Echarts随机生成颜色
可以通过修改saturation 和lightness 的随机数值，提高颜色饱和度和亮度。Echarts生成随机颜色，并且不要黑色、灰色、棕色等难看的颜色，暖色系并且颜色亮丽，
2023-12-25 19:04:45
565
原创 Echarts-3D柱状图
思路就是通过调整顶部面(CubeTop)、左侧面(CubeLeft)、右侧面(CubeRight)来决定柱状图的宽窄。这里主要就是把series中的内容复制过来直接用就行了。然后在build-bar-option中引用即可。建议优先调整顶部面，一般c1不需要动。
2023-10-26 09:46:46
587
原创 进制转换(二进制、八进制、十六进制、十进制)
十进制是逢十进一，十六进制是逢十六进一，二进制就是逢二进一，以此类推，x进制就是逢x进位。十六进制数是由0-9和A-F(或者a-f)组成的，A相当于十进制中的10，B相当于11，依次类推，F相当与15，上述示例中取得的余数12即为十六进制中的c。总结：十进制整数转其他进制的整数方法就是采用短除法，把要转的进制X当做除数，不断进行除法计算，直至商为0，将余数逆序排列，得到的结果就是该进制数。对于我们现实世界而言，常用的是十进制，因为经过长期生活实践来说，人类有十个手指，十进制更加方便计算。
2023-09-03 11:55:43
598
原创 React + Antd Menu组件实现菜单树
准备好两个变量，一个用来保存平级菜单列表，一个用来保存遍历后的菜单树。推荐后端返回平级菜单树，假如菜单比较多，可以直接结合find方法找到菜单，做搜索功能很省事。 const [menuList, setMenuList] = useState([]); const [treeMenuList, setTreeMenuList] = useState([]);如果后端返回的是平级菜单树，则需要转化成树形结构，注意利用JSON方法进行深度克隆一下，防止影响原有数据const treeList:
2022-02-24 20:12:00
1306
原创 Layui 数据表格合并单元格
参考了原博主文章：https://www.cnblogs.com/Kingram/p/9781682.html效果：一、先引入此方法/** * 合并列方法 * @param res * @param columsName 需要合并的列名称,示例：columsName = ['序号'] * @param columsIndex 需要合并的列索引值,示例：columsIndex = [1] */function merge(res, columnsName = [], columnsInde
2021-12-26 21:24:17
944
原创 ORA-20000: 一堆问号 ORA-01403: no data found一种可能的解决办法
出现这种问题有可能是存储过程写的有问题，若仔细排除SQL语句问题后仍然出现这种错误，原因是：客户端跟服务器的字符集不匹配造成的，可能的解决办法为：1.查询服务器字符集：select userenv(‘language’) from dual; 一般是SIMPLIFIED CHINESE_CHINA.ZHS16GBK，也有的可能为AMERICAN_AMERICA.AL32UTF8。2.win10搜索编辑系统环境变量3.在系统变量中新加：变量名：NLS_LANG变量值：SIMPLIFIED CHINE
2021-12-21 15:42:19
1091
原创 CSS3D-实现WebpackLogo
一、效果如下：第一幅图为无透视距离效果第二幅图增加了透视距离二、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3D实现webpack-Logo</title> <style type="text/css"> @keyframes inner {
2021-08-27 16:48:30
141
原创 flex-grow与 flex-shrink计算规则
一、flex-grow的计算规则首先给定一个弹性容器（宽800px）和几个弹性元素（宽100px）分别设定前三个弹性元素的所占放大比例flex-grow为1,2,3那么它们的计算规则如下：首先计算flex-grow份数，即 1+2+3 = 6，共计6份第一个li的宽度 = 自身原有宽度(100px) + 剩余空间(300px)*所占比例(1/6) = 100px + 50px = 150px;第二三个li的计算规则与上述一致，所以分别为200px,250px后两个li因为没有设定flex
2021-08-11 10:55:20
876
1
原创 VUE面试题集合（一）
1.vue与mvvmMVVM就是Model-View-ViewModel（MVVM，模型视图视图模型）通过将分为以下三个部分来设计和实现具有自己的（GUI）的方法。它是（MVC）的派生模式Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，View 和
2021-02-11 22:40:19
238
原创 【必看】JavaScript面试题集合(三)
JavaScript面试题集合(三)目录：JS中的事件、事件冒泡和事件捕获、事件委托javascript 代码中的"use strict变量范围js遍历的几种方式Object与Function的关系1.JS中的事件模型事件模型：详细请参考：https://www.cnblogs.com/leftJS/p/10948138.htmlJavaScript事件模型主要分为3种：原始事件模型、DOM2事件模型、IE事件模型。原始事件模型所有浏览器都支持的事件模型，对于原始事件而言，没
2021-02-10 14:20:16
190
原创 【必看】JavaScript面试题集合（二）
目录：typeof 与instanceof 的区别js中的原型链理解浅拷贝和深拷贝用js实现深拷贝js执行机制与代码循环简单说说js中的内存模型Js中的垃圾回收机制内存泄漏JS中常见的错误有哪些js中跳转页面的方法如何在JS中动态添加/删除对象的属性substr()和substring()函数一道经典的代码题this的指向问题函数的节流与防抖1.typeof 与instanceof 的区别span>typeof和instanceof都可以用来判断变量，但它们的用法
2021-02-09 02:10:25
263
原创 【必看】JavaScript面试题集合（一）
大部分来源百度，有些部分加上自己理解1. javascript的typeof返回哪些数据类型// typeof 返回的数据类型有boolean,string,number,object,function,undifined其实相当于从里一个角度来回答js有哪些数据类型:JS的数据类型： Number，Boolean，String，Undefined，Null，Symbol（es6新定义的）和 Object （注： Array是特殊的Object）2.强制类型转换和隐式类型转换强制类型转换
2021-02-06 20:25:33
209
原创 TypeScript：使用笔记
**注意：**本文章不能作为新手入门教程使用，仅做为查阅参考文章来源：https://blog.csdn.net/u012031958/article/details/106922480/https://www.cnblogs.com/lemonyam/p/11215603.html《TypeScript中文指南》https://ts.xcatliu.com/introduction/get-typescript.html一、概念1.什么是TypscriptTypeScript 是
2021-01-31 22:34:23
279
原创 NodeJS(一)：基础入门
有参看其他文章尚硅谷视频笔记：https://github.com/smallC-L-Y/Demo/blob/notes/nodeJS%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.mdhttps://www.cnblogs.com/coder-lzh/p/9232192.htmlcommonJS模块规范：https://javascript.ruanyifeng.com/nodejs/module.htmlnodejs的express入门：https://www.jia
2021-01-30 22:41:28
1479
原创 Webpack（一）：基础使用
文章有参看其他博主文章，本文章仅作用于简单回顾使用，不能作为新手入门教程http://www.woc12138.com/article/45https://segmentfault.com/a/1190000006178770https://www.cnblogs.com/joyco773/p/9049693.htmlhttps://www.jianshu.com/p/941bfaf13be1/https://www.cnblogs.com/minghui007/p/7390247.html
2021-01-28 21:34:58
369
2
原创 VUE(七)： ref属性，nextTick与对象深度改变
一、ref属性ref 用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用，引用信息就是DOM元素如果用在子组件上，引用信息就是组件实例想要在Vue中直接操作DOM元素，就必须用ref属性进行注册$ref不是响应式的，因此不要在此对象中试图去改变数据当v-for去遍历元素或者组件时，引用信息则是一个数组1.ref作用在组件上html:<div id="ref-outside-component" v-on:click
2021-01-05 20:08:39
782
原创 VUE+ElementUI实现前端分页
VUE_ElementUI前端分页参考了这位大佬的博客（https://blog.csdn.net/qq_42707611/article/details/102621081），经过自己的修改，与elementui分页插件相结合，实现了前端组件分页效果图如下：每页几条，前往几页，均可使用。下面直接上代码一、定义变量data(){ return { // 权限列表，向后台请求数据获取，看起来格式应该是这样的[{},{},{}] rightsList:[],
2020-12-22 14:23:06
2906
7
原创 JavaScript(四)：DOM、BOM、事件处理、对象与原型
一、DOM1. DOM简介 Document Object Model 文档对象模型 浏览器加载HTML文档时，会将HTML文档解析为一个树形结构，称为DOM树HTML文档和DOM树是一一对应的关系当DOM树被改变时，与之对应的HTML文档也会随之改变当需要对HTML中的内容进行动态改变时，可以使用DOM来进行操作DOM提供了一组用来操作HTML文档的API，即提供一套属性、方法和事件树上的每一个节点都是一个DOM对象，树的顶层为document对象，表示整个文档2. 查询操作
2020-12-07 23:02:57
594
2
原创 JavaScript(三)：数组与函数
一、数组1.简介数组就是用来存储一组数据的声明一个变量就是在内存空间划出一块合适的空间声明一个数组就是在内存空间划出一串连续的空间 数组的三要素：数组名称：用于区分不同的数组数组元素：向数组中存放的数据元素下标：数组元素的编号，也称为索引，从0开始，通过下标来访问数组元素2.基本用法 步骤：创建数组var 数组名=new Array();为数组元素赋值数组名[索引]=元素值;获取元素值数组名[索引]3.定义数组的方式使用new Arra
2020-12-02 02:31:03
165
原创 JavaScript(二)：选择、循环结构
一、概述程序结构有三种：顺序结构、选择结构、循环结构根据条件进行判断，从而执行不同的操作，称为选择结构（分支结构），其实就是条件判断选择结构的类型：if、switch二、选择结构1.if选择分为：单分支结构、二分支结构、多分支结构、嵌套if结构语法：if(){ // dosomething}if(){ // dosomething}else{ // dosomething }if(条件1){ 代码块1 }else if(条件2){ 代码
2020-12-01 02:24:09
289
原创 JavaScript(一)：基础介绍、变量、数据类型与运算符
一、概述1.什么是JavaScipt JavaScript简称为JS，由网景公司开发的客户端脚本语言，不需要编译，可以直接运行 Web前端三层：结构层 HTML 定义页面的结构样式层 CSS 定义页面的样式行为层 JavaScript 用来实现交互，提升用户体验2. JavaScript作用在客户端动态的操作页面在客户端做数据的校验在客户端发送异步请求二、基本用法1.在HTML文件中引入js代码<head> <meta charset
2020-12-01 01:29:39
160
原创 Axios - 网络请求框架的使用
文章有参看其他博主文章：https://blog.csdn.net/weixin_43830606/article/details/88964522https://www.jianshu.com/p/636aa0e565a5一、概述1.为什么选择axios随着 vuejs 作者尤雨溪发布消息，不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解2.axios特点axios 是一个基于Promise 用于浏览器和 nodejs 的 HT
2020-11-24 15:29:58
299
原创 VUEX - vue状态管理的使用
有参看其他博主文章：https://www.cnblogs.com/guiyishanren/p/10657910.html一、概述1.vuex是什么官方描述：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导
2020-11-19 20:46:06
488
原创 VUE-ROUTER：VUE路由的安装与使用
文章有参看其他博主文章：原文：https://www.jianshu.com/p/5dff6811252dvue-router导航守卫原文：https://zhuanlan.zhihu.com/p/54112006，https://segmentfault.com/a/1190000015727279一、概述：vue-router是vue官方推出的单页面路由管理器，让构建单页面应用变得易如反掌，页面之间的跳转更加灵活自由vue-router实现原理：SPA(single page
2020-11-18 23:00:11
986
原创 VUE-CLI4：使用VUE脚手架创建项目
一、概述VUE-CLI是VUE官方推出的用来构建VUE项目的脚手架配置工具基于vue.js，用于自动生成vue.js+webpack的项目模板它有以下三个组件CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如：serve、build 和 inspect
2020-11-18 16:09:31
1088
原创 ES模块化的导入和导出
文章来源于原创博主：https://blog.csdn.net/jwz934738949/article/details/1074306221.export导出在使用导入与导出时，需要在引用js文件时添加type属性，type值为module<script src="test1.js" type="module"></script><script src="test2.js" type="module"></script>12导出对象：使用.
2020-11-06 16:37:32
148
原创 VUE（六）：插槽的基本使用
通俗易懂的讲，slot具有占位的作用，在子组件占好了位置，那父组件使用该子组件标签时，新添加的DOM元素就会自动填到这个位置里面假如父组件需要在子组件内放一些DOM元素，那么这些DOM是显示呢还是不显示呢？默认情况下是不会显示的，那么我执意要加DOM元素到子组件上该怎么实现呢？这就用到了slot插槽，使用slot这个标签可以将父组件放在子组件的内容，放到它想显示的地方<div id="app"> <children> <span>我是..
2020-11-06 12:24:28
381
原创 VUE（五）：父子组件通信
父子组件通信指的就是父组件数据需要传递给子组件，那么就需要某种方式传递父传子通过props属性传递，子传父需要通过自定义事件$emit传递一、父传子props1.传递简单数据如果传递的数据内容比较少或者类型简单，那么可以声明一个prop数组来接收即可在注册组件时，可以在对象中声明一个props数组来定义子组件变量名，这个变量名不仅是为了区分父组件传来的变量名，而且还是通过v-bind命令绑定父组件数据的重要依据。注意在用到template模板的地方使用v-bind绑定数据，然后模板内部双花.
2020-11-05 18:48:46
120
原创 VUE（四）：组件的注册与使用
所谓的组件就是指封装了一些代码进行复用，以减少代码冗余性，使代码更加简洁优雅注意：若js注册组件名时采用了驼峰命名法，则在html中要加横线，否则无法解析不论是哪种方式创建出来的组件，必须只有一个根元素，即多个html元素的时候，要用一个div包裹一、全局组件的注册与使用1.方式一<body> <div id="app"> <!-- 注意驼峰命名在html中要加横线 --> <my-Component>&l.
2020-11-04 18:44:36
411
原创 VUE（三）：基础指令与表达式
一、指令1.什么是指令指令 (Directives) 是带有 v- 前缀的特殊属性。例如在入门案例中的v-model，代表双向绑定。指令中封装了一些DOM行为，指令可以绑定一些属性值，根据不同的值，框架会进行相关DOM操作的绑定。它们作用于HTML元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为，我们可以将指令看作特殊的HTML特性2.常见的VUE指令指令说明v-ifv-if是条件渲染指令，它根据表达式的真假来删除和插
2020-11-04 14:34:22
444
原创 VUE(二)：VUE实例对象与生命周期
一、创建vue实例对象1.每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({ // 选项})2.DOM元素关联每个Vue实例都需要关联一段Html模板，Vue会基于此模板进行视图渲染；可以通过el属性来指定。例如一段html模板：<div id="app"></div>然后创建Vue实例，关联这个div:var vm = new Vue({ el:"#app"})这样，Vue就可以基于i
2020-11-04 00:31:01
690
原创 VUE(一)：入门与介绍
VUE(一)：入门与介绍一、VUE介绍1.来自官方标准介绍：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。2.渐进式含义：可以选择性的使用该框架的一个或一些组件，这些组件的使用也不需要将框架全部组件都应用；而且用了这些组件
2020-11-03 15:37:15
116
原创 Effective-Java：使用静态工厂方法或者Builder构建器来代替构造方法
文章有参看其他博主博客：考虑使用静态工厂方法替代构造方法[https://www.cnblogs.com/chenpi/p/5981084.html]最近在阅读《Effectivce-java》的时候，里面提到了用静态工厂方法来给类创建对象，替代原有的构造方法。这里是说，并不是要取缔类中原有的构造器，而是说创建对象时不通过构造器，而是通过静态工厂方法来创建。这样做有它的有点，当然也有缺点，下面一起探究一下。一、概述 在Java开发过程中，创建对象通常的做法是通过有参或者无参构造器创建对
2020-07-06 22:54:20
241
原创 常见化妆品品牌分类
一、欧莱雅（法国）化妆品集团公司欧莱雅集团是法国的化妆品公司化妆品、染发用具、护肤品、防晒用品、彩妆、淡香水和香水、皮肤病研究、制药、高档消费品。旗下品牌有：子品牌名称说明标志赫莲娜 Helena Rubinstein（顶级）欧莱雅集团旗下的顶级奢华美容品牌遵守“严谨、科学、艺术、哲学、女性”的品牌内涵兰蔻 Lancome（一线）兰蔻涉足护肤、彩妆、香水等多个产品领域，主要面向教育程度、收入水平较高，年龄在25～40岁的成熟女性乔治阿玛尼 Giorgio
2020-05-30 16:43:05
3437
原创 Java8 Stream流 - 高效快速的处理集合
概述：Java 8 API添加了一个新的抽象称为流Stream，可以让你以一种声明的方式处理数据Stream 使用一种类似用 SQL 语句从数据库查询数据的直观方式来提供一种对 Java 集合运算和表达的高阶抽象Stream流就是将要处理的元素集合看作一种流， 流在管道中传输， 并且可以在管道的节点上进行处理， 比如筛选， 排序，聚合等。元素流在管道中经过中间操作（intermediate operation）的处理，最后由最终操作(terminal operation)得到前面处理的结果值得
2020-05-13 21:26:29
1850
原创 Spring框架结构解读
文章有参看其他博主文章：https://www.cnblogs.com/warehouse/p/9372260.htmlhttps://www.cnblogs.com/jpwz/p/10556012.htmlhttps://blog.csdn.net/u014676895/article/details/89669924Spring框架是一个分层架构，他包含一系列的功能要素，并被分为大...
2020-04-22 16:25:17
234
原创 Spring XML配置文件详解
spring配置文件是用于指导Spring工厂进行Bean生产、依赖关系注入（装配）及Bean实例分发的"图纸"。Spring框架的配置文件是基于xml的，Spring强大的功能依赖于类型繁多的配置项，这些配置项纷繁复杂难以记忆，下面将常用的配置项示例记录下来，以备后续查看使用。一、Spring配置文件示例<?xml version="1.0" encoding="UTF-8"?&...
2020-04-22 11:21:52
28483
2
原创 Spring Cache - 缓存机制
文章有参看其他博主文章https://www.jianshu.com/p/33c019de9115https://blog.csdn.net/dreamhai/article/details/80642010https://www.cnblogs.com/haoming1100/articles/10473192.html一、概述Spring 3.1起，提供了注解式的cache缓...
2020-04-14 19:44:08
590
转载 String字符串的几种比较情况
最近在研究String字符串比较的几种情况，发现这个博主的文章写的非常好，值得仔细研读一下：https://blog.csdn.net/u011541946/article/details/79865160
2020-04-14 14:47:01
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人