自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(170)
  • 收藏
  • 关注

原创 vue有纵向和横向表头表格

github源码地址:https://github.com/zhjing1019/moreTreeTable使用方法一、下载该组件npm install more-tree-table二、多表头表格 <more-tree-table :colData="colHead" :rowData="rowHead" :tableValue="t...

2021-04-01 20:22:11 12137 31

原创 可拖拽树形结构表格、正常拖拽表格

复杂表格,支持表格展示,树形表格展示,对表格进行拖拽排序,以及表格排序,表格拖拽排序,自定义表格内容,是一个基于vue的表格插件话不多说 ,直接贴源码地址:https://github.com/zhjing1019/ComplexGrid树形表格拖拽排序组件的使用下载组件npm install complex-grid引用组件im...

2019-07-25 15:23:19 6432 2

原创 类似于excel功能的可拖拽的可编辑表格

一款可编辑表格,可以自定义表格内容和格式,表格中有常用的input,select,datePIcker,selectTree等,可以拖拽表格,类似于excel拖拽赋值的功能,并对表格进行实时校验使用了vue和render函数和jsx写法贴一个源码地址https://github.com/zhjing1019/CanEditGrid组件的使用1、组件...

2019-07-24 10:09:14 1674

原创 一步一步开发微信小程序

小程序的开发与传统的web前端开发极其相似,想必各位技术宅们关心的是如何去开发一个小程序,这里我简单介绍一下如何简单上手开发小程序。第一步:安装 首先下载微信开发者工具https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201716直接下载安装,点击下一步...

2018-03-05 12:39:53 41661 5

原创 vue中get和post请求

vue中和后台交互,首先要引用vue-resource.jsvue-resource.js是专门和后台进行交互vue中get请求function getRequest(url, params) { return new Promise((resolve, reject) => { Vue.$http.get( url, {

2017-09-12 16:02:57 45718

原创 vue中methods一个方法调用另外一个方法

vue在同一个组件内;methods中的一个方法调用methods中的另外一个方法可以在调用的时候 this.$options.methods.test2();this.$options.methods.test2();一个方法调用另外一个方法;new Vue({ el: '#app', data: { test:111, }, methods

2017-09-12 11:09:21 79222 5

原创 vue中如何在外部调用methods的方法

1.首先定义一个公共的vue组件; var eventHub = new Vue();2.在事件当前的组件中,在created中,用$on向公共的组件eventHub传递,translate是自定义的,getCardNum(data)是要在外部调用的方法;eventHub.$on('translate', function (data) { that.g

2017-09-09 16:06:58 51888

转载 解决Mac安装Homebrew失败

解决Mac安装Homebrew失败

2022-10-18 14:00:31 552

原创 深入理解javascript对象

深入理解javascript对象

2022-08-04 17:19:56 73

原创 一文搞懂ES6的Map

一文搞懂ES6的Map

2022-06-29 16:13:21 1239 1

原创 git commit规范

git commit规范

2022-06-28 11:05:57 55

原创 俩年了,边工作边考研,给自己一个完美的交代!(备考北京航空航天大学软件学院电子信息)

俩年了,边工作边考研,给自己一个完美的交代!(备考北京航空航天大学软件学院电子信息)

2022-06-09 16:13:56 1262 3

原创 VUE3.0和VUE2.0语法上的不同

前言:本篇文章只做VUE3.0和VUE2.0语法上的不同分析,不做性能和源码架构等的分析。

2022-06-06 16:46:16 2256 5

原创 Mac下切换node版本

我们日常使用node时候经常会遇到不同的项目需要使用不同的node版本,切换版本用n 步骤如下:查看node版本:node -vnode -v全局安装下n: sudo npm i -g nsudo npm i -g n查看所有node版本:n ls安装某一个版本:n xx.xx.x(版本号)安装最新版本:n lastest安装最稳版本:n stable切换node 版本(输入上下键盘选择确认):n查看当前版本:node -v.

2022-05-20 14:39:05 1486 2

原创 北航考研软件学院电子信息991专业课备考

北航考研软件学院电子信息991专业课备考我22考研,备考北航软件学院电子信息,专业课考的是991,主要考的是唐发根的数据结构,还有谭浩强的C语言程序设计因为我其他科目考的分数比较低,就不做分享了,就专业课考的还行,专业课救我,所以在这里分享下专业课。北航历年来的考研考试大纲主要是在官网上通知,网址为:http://yzb.buaa.edu.cn/info/1003/2431.htm991主要考俩们课,唐发根的数据结构,还有谭浩强的C语言程序设计。而且数据结构一定要用唐发根版本的数据结

2022-04-22 17:34:40 2425

原创 微前端落地,乾坤小有乾坤

什么是微前端通俗易懂的来说,微前端是可以将一个大应用的不同部分进行独立的部署,各个部分之间相互独立,独立部署的能力允许他们构建孤立或松散耦合的服务。 即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。微前端的核心设计理念技术栈无关主框架不限制接入应用的技术栈,微应用具备完全自主权 独立开发、独立部署微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新 增量升级在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全量的技术栈升级或重构,而微...

2022-04-20 19:39:15 86

原创 vue如何获取proxy对象里的属性值

proxy打印出来是一个这样的对象直接打印proxy里面的值可能会报undefined最简单的解决办法就是: // 导入toRaw函数 import { toRaw } from '@vue/reactivity'; // 该函数返回转换后的对象 const crystal = toRaw(menu); // 输出可以看到已经不是proxy对象了 console.log(crystal);这样就能打印出proxy里原始的对象...

2022-01-26 11:08:24 5784 2

原创 前端自动化测试框架cypress

前端自动化测试框架cypress自动化测试为了保障软件质量,并减少重复性的测试工作,自动化测试已经被广泛运用。自动化测试是一种测试方法,是指使用特定的软件,去控制测试流程,并比较实际结果与预期结果之间的差异。通过将测试自动化,可以把人对软件的测试行为转化为由机器自动执行测试的行为,从而替代大量的手工测试操作,使得测试可以快速,反复的进行。关于自动化测试,有一个测试金字塔模型,该模型把测试从下到上分为了单元测试、集成测试和UI自动化测试(E2E测试/UI界面测试)。越往金字塔底层,测试成本越低,效率也越高,而

2022-01-10 11:19:30 7167

原创 彻底搞懂 JavaScript 执行机制

不管你是前端新手还是老鸟,在日常的工作或者面试的过程中总会遇到这样的情况:给定的几行代码,写出其输出内容和顺序。所以我们就需要搞懂javascript的运行原理和执行机制前言首先,我们先看一道经典的面试题setTimeout(function(){ console.log('定时器开始啦')});new Promise(function(resolve){ console.log('马上执行for循环啦'); for(var i = 0; i < 10000; i+...

2021-06-10 10:51:22 283 2

原创 程序员内功心法(二叉树搜索树、AVL树、234树、红黑树汇总)

历经了一个多月,终于完成了二叉搜索树的学习和整理。之前只是零散的发布出来,并没有做一个完整的分享。这次,我将之前的内容整理到一起,一次性的对这个话题做个终结。如果看了这篇,还是不懂二叉搜索树,那你就来后台留言找我,我将给您一一解答。这篇文章主要介绍二叉搜索树、平衡二叉树里的AVL树、2-3-4树、红黑树。可以点击分篇链接查看更细致的内容在生活中我们经常会使用到搜索的功能。在我们数据量不大的情况下,可以使用每次遍历全部数据,查询我们的目标数据。当数据量增加时,我们遍历的方式就有些力不从心了...

2021-06-08 14:55:13 146

原创 程序员的内功心法-红黑树

从上篇《2-3-4树的插入和删除》了解到了底层原理和操作的逻辑思路。尽管我们完成 了平衡树的逻辑,但按照对应逻辑实现代码和各种情况的处理,却不容易。所以我们要减少由于2-3-4树为了实现平衡,而导致的实现复杂度上升的情况。我们现在使用普通的二叉树+颜色来表示2-3-4树(红黑树是多路平路查找树的一种实现)红黑树的定义:文章里的红黑树的定义了参考《算法》第四版 红链接必须是左链接,根结点必须是黑色的 不能同时存在两条连续的红链接 任一空链接到根节点的路径上经历的黑色节点个

2021-06-02 14:00:46 134 4

原创 VUE开发者要知道的实用技术点

前言vue 作为目前前端三大框架之一,对于前端开发者可以说是必备技能。掌握这些实用小技巧,可以让你事半功倍。1、路由懒加载,能让你首次加载更快路由懒加载可以让我们的包不需要一次把所有的页面的加载进来,只加载当前页面的路由组件就行。举个栗子????,如果这样写,加载的时候会全部都加载进来。const router = new VueRouter({ routes:[ { path: '/', name: 'Home', component:

2021-05-28 13:49:53 523 3

原创 看完这篇,对flex布局还不熟悉,那就来找我(flex布局最全详解)

前言传统的页面布局,基于盒子模型margin + border + padding + content,依赖 display + position + float。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。Flex 布局,你只要学习几个 CSS 属性,就可以写出简洁优雅复杂的页面布局。目前,Flex 布局,可以简便、完整、响应式地实现各种页面布局。它已经得到了所有浏览器的支持。什么是flex布局?Flex 是 Flexible Bo...

2021-05-24 15:44:56 271 3

原创 程序员的内功心法-234树

直面弱点,奋发图强!!!引言红黑树、B树、B+树,都是软件开发中一个比较难理解和掌握的知识点。他们的本质依然是平衡二叉搜索树。如果直接去学习红黑树、B树、B+树的知识点,无异于雾里看花。这次我们从这些数据结构的底层逻辑设计出发,不牵扯任何代码层面上的内容。二三四树定义 二节点 一个key和左右两个链接;其中key大于左链接、小于右链接 三节点 包含两个key和三个链接(两个key分别称为key1和key2,key1小于key...

2021-05-19 14:28:36 171 2

原创 前端实用操作符,一些写代码的骚操作

一些常用的操作符可以让你的前端代码更加简洁明了。本文整理一些 JS 中常用的运算符/操作符,其目的在于简化代码。1、?? 操作符 空值合并/空判断空值合并运算符 , 如果第一个参数不是null或者undefined,这个运算符将返回第一个参数,否则,它将返回第二个参数null ?? 3 //3undefined ?? 3 //37 ?? 3 //72、?. 操作符 null传导符(或链判断操作符)在js,如果读取对象里的某个属性时,往往需要先判断对象是否存

2021-05-14 11:35:03 289 4

原创 被面试官问到http和https的区别,那就开始battle吧(一文搞懂http和https的区别)

找工作的时候有没有经常被问到http和https的区别,其实这一块的知识延伸很广,想跟面试官battle一下,就看这篇文章。一、http和https的概念先来看看维基百科上的概念http: 超文本传输协议(英文:HyperText Transfer Protocol,缩写:HTTP)是一种用于分布式、协作式和超媒体信息系统的应用层协议[1]。HTTP是万维网的数据通信的基础。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。通过HTTP或者HTTPS协议请求...

2021-05-12 10:29:05 159 7

原创 ES6异步处理解决方案

ES6的异步处理模型分为俩个阶段三种状态。两个阶段:未决unsettled, 已决settled。三个状态:pending挂起状态 , resolved成功, rejected失败通常把从未决推向已决的resolved状态的过程叫做resolve,从未决推向已决的rejected状态的过程,叫做reject任务已决状态后可能需要后续处理,若任务成功了(resolved),有后续处理,如果任务失败了(rejected),仍然有后续处理,把针对resolved的后续...

2021-05-08 16:53:08 347 2

原创 ant-design-vue 固定表单宽度

文档里 form 表单的 labelCol 属性只写了 {span: 3, offset: 12} 的用法,和参考 Grid Col 的属性参数,并没有说可以设置 style 属性和用法。其实可以直接设置label的宽度:labelCol="{ style: 'width: 100px' }"欢迎关注我的个人技术博客 javascript艺术...

2021-05-07 11:24:45 3137

原创 ES6数组对象去重复

数组对象去重复的原理很简单,就是利用对象,对象的key值只有一个。代码如下 const template = [ { group_id: 1, name: 1 }, { group_id: 2, name: 2

2021-04-30 18:46:15 1356 4

原创 ant-design 年份选择组件面板弹不出,且不能赋值

在平时的业务场景中,我们需要用到一个年份的选择组件。但是在antd2.x的版本中,antd的DatePicker组件还没有mode属性,不能单独设置为年份选择器。mode="year"时,面板弹不出且不能选择日期,解决办法就是用open、@openchang 、@panelChange解决 <a-date-picker mode="year" style="width: 100%" v-model=".

2021-04-30 17:50:25 478 1

原创 程序员的内功心法-AVL树

接上篇文章《二叉搜索树》了解到二叉搜索树在极端情况也不能满足我们对于查询性能的要求。二叉树的一些统计特性第n层最多的节点个数2n-1 高度为h的二叉树,最多包含2h-1个节点,所以n个节点的二叉树的最小高度是log2n + 1 查找成功时,查找次数不会超过树的高度h二叉树查询性能的衡量我们下面来使用 A - H字符来观察二叉搜索树在不同的插入顺序下构造的树的结果自然顺序的平均查找长度为ASL=(1+ 2 + 3 + 4+ 5+ 6+ 7 +8) / 8 = 4.5...

2021-04-30 17:23:57 101 4

原创 程序员的内功心法,你不来看看吗?

最近这阵工作,我越来越感受到基础知识能力的重要性。之前都是在赶进度、做业务逻辑,逃避自己基础薄弱的事实。最近下定决心,加强之前薄弱的基础。先从自己之前一直似是而非的搜索树的内容开始吧。在生活中我们经常会使用到搜索的功能。在我们数据量不大的情况下,可以使用每次遍历全部数据,查询我们的目标数据。当数据量增加时,我们遍历的方式就有些力不从心了;也可以将数据的数据排序,使用比较高效的二分查找方式,但是在插入或删除数据时,数组表现就会很慢。所以我们可以结合二分查找查询的高效 +链表添加删除的高效性来实现高效搜..

2021-04-19 14:24:59 110

原创 qiankun微前端初体验

什么是微前端通俗易懂的来说,微前端是可以将一个大应用的不同部分进行独立的部署,各个部分之间相互独立,独立部署的能力允许他们构建孤立或松散耦合的服务。即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。微前端的核心设计理念技术栈无关主框架不限制接入应用的技术栈,微应用具备完全自主权独立开发、独立部署微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全量的技术栈升级或重构,而微前端

2021-04-11 14:15:41 171 2

转载 git 创建分支命令行

1:git branch branchName(在本地创建一个命名为branchName的分支)2:git branch 查看当前自己所在的分支3:git branch -a 查看服务器的所有分支以及自己当前所在的分支4:git push origin branchName(把命名为branchName的本地分支推送到服务器)5:git checkout --track origin/branchName (切换为远程服务器上的命名为branchName的远程分支)6:如果你的搭档要把他

2021-04-08 19:39:21 349

转载 使用 SourceTree 不停的让输入密码,报 password required

sourcetree 不停的让输入密码,报 password requiredsourcetree 不停的让输入密码,报 password required1、在终端(terminal)打开你的工程目录2、输入git config credential.helper store3、拉取代码git pull4、输入用户名密码后面就不用再输入了。转载于:https://www.cnblogs.com/edensyd/p/10858287.html...

2021-04-06 10:58:24 569

原创 浏览器输入url访问网站的全过程

浏览器输入url访问网站的全过程当输入url时,浏览器作为客户端首先会请求DNS服务器,通过DNS获取相应的域名和IP(应用层)通过IP地址找到对应的服务器,然后建立TCP连接浏览器向服务端发送http请求包(应用层 -> 传输层 -> 网络层 -> 数据链路层))服务端接受到http请求包后开始处理请求包(数据链路层 -> 网络层 -> 传输层 -> 应用层)在服务器收到请求之后,服务器调用自身服务,返回响应包浏览器接收到响应包后开始进行页面的渲染网络

2021-04-03 11:32:39 2467

原创 vue 3.0优势

VUE3.0亮点Performance (比 vue2 runtime快了2倍)Tree shaking(按需编译代码)Ts support (更优秀的Ts支持)Composition API(组合 API)Custom Renderer API (自定义渲染器)内置新特性组件性能重写了虚拟 dom 的实现vue3.0将 vdom 更新性能由与模版整体大小 相关提升为与动态内容的数量相关优化插槽生成在当前的 Vue 版本中,当父组件重新渲染时,其子组件也必须重新渲染。 使用 V

2021-03-25 16:40:10 536

转载 source tree 输入密码 password required

sourcetree 不停的让输入密码,报 password required1、在终端(terminal)打开你的工程目录2、输入git config credential.helper store3、拉取代码git pull4、输入用户名密码后面就不用再输入了来源:https://www.cnblogs.com/edensyd/p/10858287.html...

2021-03-22 11:54:07 641

转载 js 字节转换为B,KB,GB等

function bytesToSize(bytes) { if (bytes === 0) return '0 B'; let k = 1024, sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes) / Math.log(k)); return (bytes / Math.pow(k, i)). toFixed(2) + ' ' + siz.

2020-05-22 09:14:53 320

原创 vue递归获取父元素的元素

getParentTag(startTag) { var self = this; // 传入标签是否是DOM对象 if (!(startTag instanceof HTMLElement)) return; // 父级标签是否是body,是着停止返回集合,反之继续 let nodeName = ""; if (s...

2020-04-17 10:05:32 2059

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除