- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 关于el-time-picker使用错误的记录
关于el-time-picker在新增和编辑弹窗中使用的问题记录，以及和ant design react版本TimePicker的使用对比
2023-01-01 18:54:17
2971
1
原创 echarts分享(四):双y轴图表刻度均匀分布问题
今天分享一个小问题，内容不多。双y轴图表中，为了图表的美观，经常会隐藏一侧的y轴刻度线，仅显示一侧的刻度线。那么问题就来了，两个y轴的数据数值大小不同，常常会导致刻度线的刻度分布不均匀，该如何解决呢？这里分享下我在项目中所作的处理：首先是要找出当前y轴数据的最大值，与100相除，再对得到的商进行向上取整，最后把结果乘100。有一点要注意，取整这里必须是向上取整(Math.ceil)。备注：Math.round是四舍五入取整，Math.floor是向下取整，使用这两个方法可能会导致数据显示不全
2022-02-06 17:34:20
2852
2
原创 echarts分享(二):自动轮播功能分析和简单实现
前言在数据可视化项目中，自动轮播是一个很常见的功能，有动感的页面总是要比一个纯静态的页面给用户的感觉要好很多，不仅可以显示页面不足的地方，更可以提升页面的动感。比如折线图或柱状图的自动轮播显示提示框内容，饼图自动轮播激活区块高亮等，都是项目中的基本要求。今天就来分享一个自动轮播的原理解析和实现。自动轮播的原理自动轮播的原理其实说穿了也很简单，重点就是四个字：依次触发。依次依次，就是依照数据的展示次序进行操作。说到依次，在JS中自然而然的会想起定时器，没错，原理就是使用了setInterval所实
2022-02-01 22:02:03
7269
原创 Axios请求库学习(四):拦截器分析
前言在上一篇文章中，我们对axios核心文件Axios.js的内容做了学习分析。其内容主要包含5个部分：小模块的导入、Axios函数对象的声明、原型方法request和getUri、给请求方法设置别名和导出Axios对象。其中最为重要的内容就是原型方法request的部分，里面对于拦截器的处理更是重中之重，所以我们继续对拦截器和相关内容进行更深入的探究。拦截器导引实际在上文中，我们就提到了拦截器的几个内容interceptors.request.useinterceptors.request.
2021-11-28 21:10:54
567
原创 Axios请求库学习(三):Axios核心代码分析
经过上文的学习，已经对axios源码有了一些了解，知道了axios对象中包含哪些属性和方法，以及最终导出的axios其实是一个函数。但是对其中实例的原理，以及各种方法的原理却没有深入，从这一篇文章就开始对这些内容的学习。Axios.js在这个文件中，主要内容可分为五个部分：小模块的导入Axios函数对象的声明原型方法request和getUri给请求方法设置别名导出Axios小模块的导入// 工具函数var utils = require('./../utils');// 辅助函数
2021-11-24 10:09:26
1096
原创 Axios请求库学习(二):代码目录和入口文件分析
经过了上文的说明，我们已经知道了axios库是什么并且对axios的基础使用也有了一定的了解。接下来，就开始对axios进行更深层次的学习了，将要去探究axios的原理，它有哪些功能？这些功能是如何实现？具体的工作流程是什么？源码介绍clone代码学习axios的原理，需要先得到axios的源码内容：git clone https://github.com/axios/axios.git内容说明主要目录将源码clone下来之后，在编辑器中打开，可以看到其中的目录结构，介绍几个主要目录：
2021-11-23 13:32:39
888
原创 Axios请求库学习(一):基础使用
什么是axios？Axios是一个易用、简洁且高效的http库。Axios基于promise实现，可以用在浏览器和node.js中。因其使用简便、功能强大的特点，已成为前端网络请求领域的霸主，广泛应用于诸多的Web项目里。接下来，我们就来从基础部分开始对Axios请求库的学习。安装npm安装npm install axiosbower安装bower install axioscdn链接<script src="https://unpkg.com/axios/dist/axios
2021-11-22 12:29:53
966
原创 JS的继承(一)
介绍继承可以使子类得到父类的属性和方法，甚至可以重新定义父类的属性。通过重写或覆盖父类的方法，以取得不同于父类的属性和方法继承是面向对象的，可以更好的复用之前的开发代码，缩短开发周期，提高开发效率。面向对象什么是面向对象？将要处理的物品拟化为一个对象，该对象有属于自己的属性和方法以及一个作用域this，this可以用来获取对象在某个时刻的属性和方法。面向对象的特征封装：把客观事物封装成抽象的类，内部包含该事物的属性和行为方法继承：对象可以继承，子类对象通过继承可
2021-11-20 15:15:13
502
原创 分享一个好用的CSS布局
事情起因之前参与了一个数据可视化看板的项目，刚开始甲方给的页面只是一个概念图，就是大概描述了屏幕上分几块，每一块放什么图表之类的，虽然很无语，但还是要继续开发挣饭吃。开发完毕之后，甲方才把UI设计图给过来，让做页面效果，统一颜色风格啥的，在修改的时候，发现了这个问题。代码的模板是在网上开源库里找的，echarts图表组件有个resize事件,可以重置图片组件的宽高。同时配合事件监听器对resize事件的监听，可以实现效果。大致代码如下：data() { return { char
2021-11-15 21:59:22
1465
原创 Vue组件化实战
介绍本文目的是对Vue组件化内容在网课学习的总结和复习。多有不足之处，请多多交流。承接上文(Vue组件化总结)，学习了Vue组件化原理，自然是要来一波实战练习的。在网课上面，老师以element-ui的form表单为蓝本，从0 到1的讲述了如何自行设计一个表单组件。其内容包含输入框组件、表单项组件、表单组件以及简单的表单数据校验功能。组件基础实现输入框组件el-input分析先看下el-input组件的使用方式，再进行分析<el-input v-model="input" placeho
2021-11-07 08:40:55
383
2
原创 Vue组件化总结
介绍本文目的是对Vue组件化内容在网课学习的总结和复习。多有不足之处，请多多交流。组件化组件化基础vue中的组件是学习vue的过程中避不开的一个名词，对组件化的理解越深，在开发过程中也就越发的得心应手。附上一句听来的话：万物皆组件。vue的组件系统提供了一种抽象，让我们可以使用独立可复用的组件来构建大型应用。这是一个很大的好处，因为不管任意类型的应用界面都可以抽象为一个由许多组件构成的组件树。组件化能提高开发效率，方便重复使用，简化调试步骤，提升项目可维护性，便于多人协同开发。组件化内容组件化
2021-09-12 09:00:37
177
原创 实现简单版Vuex
实现简单版Vuex实现简单版Vuex介绍本文目的是实现一个简易版本的Vuex用以学习，也是对从网课学习的总结和复习。其中内容为简易实现，多有不足之处，请多多交流。内容拆分实现Store类分开保存构造函数参数维持一个响应式的state实现commit方法和dispatch方法实现getters实现install方法挂载$store插件测试先修改插件的引入信息以供实现过程中输出信息查看，也便于发现错误问题。复制store文件夹命名为kstore并
2021-08-03 10:40:45
175
原创 实现简单版VueRouter嵌套路由
实现简单版VueRouter嵌套路由介绍本文是承接上文《实现简单版VueRouter》的扩大版，在原有基础上加入嵌套路由功能，以用于更深入的学习VueRouter。多有不足之处，请多多交流。内容拆分实现VueRouter的嵌套路由功能，主要有两点：路由匹配时获取代表深度层级的matched数组router-view深度标记插件测试修改路由信息以供实现过程中输出信息查看，也便于发现错误问题。修改 krouter/index.js 中路由信息// 修改前{ path
2021-07-28 19:48:55
305
原创 实现简单版VueRouter
实现简单版VueRouter介绍本文目的是实现一个简易版本的VueRouter用以学习，也是对从网课学习的总结和复习。其中内容仅为hash模式下的简易实现，且未处理嵌套路由和路由守卫等情况，多有不足之处，请多多交流。内容拆分要实现的简单版VueRouter主要分为两大部分：主体Router类保存构造函数的传入的参数获取当前路由的路径并设置监听事件install方法保存参数中Vue的构造方法采用mixin混入方式挂载$router注册全局组件：router-view、route
2021-07-26 13:58:33
99
原创 原生小程序+云开发学习总结
原生小程序+云开发原生小程序全局配置原生API-跳转<button type="primary" bindtap="btnTap">跳转页面</button><script> btnTap() { // tabBar中页面不能被navigateTo跳转 wx.navigateTo({ url: '/pages/page2/page2', })</script>原生API-获取当前位置wx.ge
2021-07-20 11:55:29
127
原创 数组32个方法梳理
数组共包含33个标准API方法和一个非标准的API方法，使用场景和使用方案纷繁复杂。未来便于学习，将数组分为三类：改变自身值不改变自身值遍历方法改变自身值的数组方法会改变自身值的数组方法有9个：pop、push、shift、unshift、splice、sort、reverse、copyWithin、fill。熟悉Vue2.x源码的同学会觉得眼熟，没错，前7个方法正是Vue2.x版本中通过拦截数组原型而重写的数组方法，需要牢记哦。下面开始了解这些数组方法的用法。pop方法pop方法的作用
2021-07-19 14:53:45
146
原创 数组构造器详解以及数组类型判断
小记：本文是对若离大佬的课程《JavaScript核心原理精讲》学习的总结，以及某些小知识点的补充，不喜勿喷。数组是JavaScript中至关重要的角色，可以说，不深入了解数组，就不足以写好JavaScript。数组构造器创建数组时，有两种方式：数组字面量： 从对象字面量的概念中延伸出来，因为数组也是引用类型(Object)的一种。数组构造器：也被称为构造函数方法，通过new 构造函数的方式创建实例对象。数组字面量这种方式是我们在日常工作和学习中习惯和推荐采用的方式。var a = .
2021-07-17 11:29:25
460
1
原创 JMeter下载及使用
一、下载官网地址：https://jmeter.apache.org/download_jmeter.cgi下载zip包。安装要求：Java8+环境二、初步使用1.下载至本地后，解压压缩包，点击进入bin文件夹，双击jmeter.bat文件，会启动JMeter GUI工具2.选择Options --> Choose Language --> Chinese(Simplified)，设置语言为中文简体三、接口使用1.选择TestPlan，右键-->添加-
2020-09-04 12:02:34
77912
28
原创 VueRouter源码分析--install方法
1.入口一般情况下，在一个项目中入口文件为index.js。VueRouter的源码index.js中有一小部分是关于install方法的，也是我们分析install方法的入口。import { install } from './install'// 挂载install；VueRouter.install = installVueRouter.version = '__VERSION__'// 判断如果window上挂载了Vue则自动使用插件；if (inBrowser &&
2020-08-10 21:30:43
702
原创 VueRouter源码分析--源码大纲
针对于VueRouter的源码分析，其实可以分为两部分来分析，或者说大部分的Vue插件都可以按照这样的方式去区分：安装插件的install方法和插件本身实例(Class)的实现。install方法在install方法中的操作其实可以分为三部分：封装了一个mixin注册了两个全局组件定义了两个原型属性插件类的实现每一个插件类的实现，其代码内容是相当庞大的，必须借助拆分的方法继续进行拆分，才有继续学下去勇气。VueRouter类的实现可以先分为两部分，之后再细分，这两份的内容：Vue
2020-08-10 20:26:06
114
原创 PGSQL的特点
在学校学的是oracle数据库，临毕业时毕业设计项目用的mySQL，现在上班用的postgreSQL(本人比较懒,为了少打字,一下简称pgSQL)。由于之前SQL用的比较少，所以学校学的oracle数据库基础可以完美过度到MySQL(个人观点哈,当时用的比较基础,就是简单的增删改查,最多是到连接查询),但是现在工作用的是pgSQL,再用MySQL的语句的时候,发现竟然报错了!!!苍了个天的...
2019-11-30 10:01:16
1652
原创 avalon框架系列---指令(四)
这一节主要是表单方面的指令,表单页面的开发一般需要两个特点:1.输入内容按规则验证 2.表单内容提交1.ms-validate 表单内容提交 该指令只能用于form元素上，用于为表单添加验证功能 指令的值对应一个对象，由于对象比较大，建议写在vm中 一般会这么写: achievements: { resetInFocus: tru...
2019-10-16 11:04:21
327
原创 avalon框架系列-指令(三)
8.ms-foravalon2.0的ms-for绑定集齐了ms-repeat, ms-each, ms-with的所有功能, 并且更好用, 性能提升七八倍循环生成的变量前面不带@, 就找不到其对应的属性,需要特别注意一下1.ms-for可以同时循环对象与数组(采用类似 for ... in ... 的写法)<ul><li ms-for="el in @aaa"...
2019-10-12 15:16:57
818
原创 avalon框架系列---指令(二)
终于可以开始说指令的第三种类别:绑定属性了,这类的指令数量相当多,我选一些用过的来写下,没用过的以后再写1.ms-controller 1.这个指令是用于圈定某个VM的作用域范围(换言之,这个元素的outerHTML会被扫描编译,所有ms-*及双花括号替换成vm中的内容),ms-controller的属性值只能是某个VM的$id 2.ms-controller的元素节点下面...
2019-10-09 15:56:26
487
原创 avalon框架系列
之前找工作面试的时候,第一次听说avalon框架,说是可以兼容到IE8,当时就觉得相当厉害.在入职之后,入职培训就是学习这个框架的内容,初次了解,感觉和Vue框架的语法很像,但是具体之处又有不同.指令方面很像Vue,比如:ms-for ms-if ms-visible ms-class....还有过滤器,avalon框架自定义了很多过滤器方法,写法和Vue一样: xx.xxx | tr...
2019-10-08 15:24:21
1810
原创 avalon框架系列-指令(一)
avalon的指令是一个非常重要的东西,它用来引入一些新的HTML语法, 使元素拥有特定的行为。 指令一共拥有3种形式 插值表达式 自定义标签 绑定属性先说说两个比较少的形式:插值表达式和自定义标签 1.插值表达式 跟Vue框架的一样,都是一对双花括号: {{}}, 但是avalon框架里,...
2019-10-08 15:22:50
829
原创 html初级入门教程
一、HTML概述 1、HTML简介 HTML是一门用来编写网页的语言，保存HTML语言的文件有着自己的格式：以 .html 或 .htm 结尾。 HTML <=> Hyper Text Markup Language，超文本标记语言 Hyper Text：超级文本，具有特殊能力的文本 ...
2018-09-30 17:50:24
1048
原创 PHP语言学习基础(三)
(7)函数 定义：是一段预定义好，有名称的，并可以被反复使用的代码块，其中可以包含多条可执行语句。 语法： function 函数名( 形式参数列表 ) {函数执行主体;return 返回值;} 调用： 函数名( 实参列表 ); 函数名( 实参列表 ); 函数名中可以包含数字、字母、下划线，不能为数字开头。 若包含多个单词，可
2017-11-20 12:56:13
554
1
原创 PHP语言学习基础(二)
(5)程序的逻辑结构 程序的三种基本逻辑结构： (1)顺序执行 (2)选择执行 (3)循环执行 (1)选择执行 —— if ... else .... 语法： if( 表达式 ){要执行的语句;} 含义： 若“表达式”值为true，则执行“要执行的语句” 语法： if( 表达式 ){条件满足时执行的语句；} else {条件不满足时执行的语句;}含义...
2017-11-20 12:47:17
692
原创 PHP语言学习基础
如何自学PHP语言 (1)了解背景：历史、特点、应用场合 (2)搭建开发环境，输出Hello World httpd.exe + php.exe (3)变量和常量 变量： $变量名 = 值;echo $变量名; 常量： const 常量名 = 值; echo 常量名; (4)数据类型 标量类型： int、flo
2017-11-20 12:06:00
396
原创 学习一门新语言的步骤和基础
如何自学一门编程语言 (1)了解背景：历史、特点、应用场合 (2)搭建开发环境，输出Hello World (3)变量和常量 (4)数据类型 (5)运算符 (6)逻辑结构 (7)通用小程序 (8)函数和对象 (9)常用组件、工具、框架 (10)实用小项目
2017-11-20 12:02:32
2159
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人