- 博客(176)
- 收藏
- 关注
RSS订阅
原创 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
14619
33
原创 可拖拽树形结构表格、正常拖拽表格
复杂表格，支持表格展示，树形表格展示，对表格进行拖拽排序，以及表格排序，表格拖拽排序，自定义表格内容，是一个基于vue的表格插件话不多说 ，直接贴源码地址：https://github.com/zhjing1019/ComplexGrid树形表格拖拽排序组件的使用下载组件npm install complex-grid引用组件im...
2019-07-25 15:23:19
6793
2
原创 类似于excel功能的可拖拽的可编辑表格
一款可编辑表格，可以自定义表格内容和格式，表格中有常用的input，select，datePIcker，selectTree等，可以拖拽表格，类似于excel拖拽赋值的功能，并对表格进行实时校验使用了vue和render函数和jsx写法贴一个源码地址https://github.com/zhjing1019/CanEditGrid组件的使用1、组件...
2019-07-24 10:09:14
1861
原创 一步一步开发微信小程序
小程序的开发与传统的web前端开发极其相似，想必各位技术宅们关心的是如何去开发一个小程序，这里我简单介绍一下如何简单上手开发小程序。第一步：安装 首先下载微信开发者工具https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201716直接下载安装，点击下一步...
2018-03-05 12:39:53
42134
5
原创 vue中get和post请求
vue中和后台交互，首先要引用vue-resource.jsvue-resource.js是专门和后台进行交互vue中ｇｅｔ请求function getRequest(url, params) { return new Promise((resolve, reject) => { Vue.$http.get( url, {
2017-09-12 16:02:57
46723
原创 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
80469
6
原创 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
53351
原创 使用微前端（qiankun），解决样式污染问题
使用微前端拆分巨石项目，主应用使用VUE2.0+Element，子应用同样使用VUE2.0+Element。由于主应用和子应用使用了相同的框架，多数元素的class类名相同，子应用与主应用样式隔离不彻底，会导致页面样式错乱。完全使用qiankun自带的沙箱隔离会遇到一些坑。
2024-01-26 11:37:25
1398
原创 git仓库完全迁移到gitlab
目前这个仓库的迁移是最方便简单的，如果有同种需求的同学可以试试！欢迎关注我的个人公众号：javascript艺术。
2024-01-18 17:08:51
482
原创 放弃webstrom转战vscode
本来是webstrom的忠实用户，无奈webstrom要么需要在网上找一个破解版或者不断的去找激活码，且破解版和激活码的文章总是很多，但是要找到真正有效的却总是要花费不少功夫。终于忍无可忍，转战vscode。（注：文中快捷键是windows快捷键，Mac电脑快捷键将Ctrl换成command即可！
2023-09-25 14:53:53
865
原创 vue2.0检测无用的代码并删除
（3）、每次编译的时候，都会将一些没有用到的文件输出到unused-files.json这个文件，可以自己再手动检测一下，然后删掉无用的代码。（4）、删除大量的代码后，git提交代码时，记得在git上打个tag，以方便回滚或者找代码。（1）、使用 useless-files-webpack-plugin 来查找无用文件。（2）、vue.config.js中配置。
2023-09-19 19:07:23
755
原创 uni-app微信小程序canvas中使用canvasToTempFilePath在手机上导出图片尺寸与实际不符
比如图片的尺寸是1125*2001像素，这样用微信开发者工具下载下来的图片尺寸是1125*2001像素，用不同的手机去操作，下载出来的图片尺寸都不一样，和原图片尺寸差距很大。
2023-09-19 18:52:25
1087
原创 俩年了，边工作边考研，给自己一个完美的交代！（备考北京航空航天大学软件学院电子信息）
俩年了，边工作边考研，给自己一个完美的交代！（备考北京航空航天大学软件学院电子信息）
2022-06-09 16:13:56
1808
4
原创 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
1776
2
原创 北航考研软件学院电子信息991专业课备考
北航考研软件学院电子信息991专业课备考我22考研，备考北航软件学院电子信息，专业课考的是991，主要考的是唐发根的数据结构，还有谭浩强的C语言程序设计因为我其他科目考的分数比较低，就不做分享了，就专业课考的还行，专业课救我，所以在这里分享下专业课。北航历年来的考研考试大纲主要是在官网上通知，网址为：http://yzb.buaa.edu.cn/info/1003/2431.htm991主要考俩们课，唐发根的数据结构，还有谭浩强的C语言程序设计。而且数据结构一定要用唐发根版本的数据结
2022-04-22 17:34:40
3367
原创 微前端落地，乾坤小有乾坤
什么是微前端通俗易懂的来说，微前端是可以将一个大应用的不同部分进行独立的部署，各个部分之间相互独立，独立部署的能力允许他们构建孤立或松散耦合的服务。 即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。微前端的核心设计理念技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权 独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新 增量升级在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微...
2022-04-20 19:39:15
163
原创 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
8241
3
原创 前端自动化测试框架cypress
前端自动化测试框架cypress自动化测试为了保障软件质量，并减少重复性的测试工作，自动化测试已经被广泛运用。自动化测试是一种测试方法，是指使用特定的软件，去控制测试流程，并比较实际结果与预期结果之间的差异。通过将测试自动化，可以把人对软件的测试行为转化为由机器自动执行测试的行为，从而替代大量的手工测试操作，使得测试可以快速，反复的进行。关于自动化测试，有一个测试金字塔模型，该模型把测试从下到上分为了单元测试、集成测试和UI自动化测试（E2E测试/UI界面测试）。越往金字塔底层，测试成本越低，效率也越高，而
2022-01-10 11:19:30
7503
原创 彻底搞懂 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
382
2
原创 程序员内功心法（二叉树搜索树、AVL树、234树、红黑树汇总）
历经了一个多月，终于完成了二叉搜索树的学习和整理。之前只是零散的发布出来，并没有做一个完整的分享。这次，我将之前的内容整理到一起，一次性的对这个话题做个终结。如果看了这篇，还是不懂二叉搜索树，那你就来后台留言找我，我将给您一一解答。这篇文章主要介绍二叉搜索树、平衡二叉树里的AVL树、2-3-4树、红黑树。可以点击分篇链接查看更细致的内容在生活中我们经常会使用到搜索的功能。在我们数据量不大的情况下，可以使用每次遍历全部数据，查询我们的目标数据。当数据量增加时，我们遍历的方式就有些力不从心了...
2021-06-08 14:55:13
279
原创 程序员的内功心法-红黑树
从上篇《2-3-4树的插入和删除》了解到了底层原理和操作的逻辑思路。尽管我们完成 了平衡树的逻辑，但按照对应逻辑实现代码和各种情况的处理，却不容易。所以我们要减少由于2-3-4树为了实现平衡，而导致的实现复杂度上升的情况。我们现在使用普通的二叉树+颜色来表示2-3-4树（红黑树是多路平路查找树的一种实现）红黑树的定义：文章里的红黑树的定义了参考《算法》第四版 红链接必须是左链接，根结点必须是黑色的 不能同时存在两条连续的红链接 任一空链接到根节点的路径上经历的黑色节点个
2021-06-02 14:00:46
211
4
原创 VUE开发者要知道的实用技术点
前言vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。掌握这些实用小技巧，可以让你事半功倍。1、路由懒加载，能让你首次加载更快路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个栗子????，如果这样写，加载的时候会全部都加载进来。const router = new VueRouter({ routes:[ { path: '/', name: 'Home', component:
2021-05-28 13:49:53
641
3
原创 看完这篇，对flex布局还不熟悉，那就来找我（flex布局最全详解）
前言传统的页面布局，基于盒子模型margin + border + padding + content，依赖 display + position + float。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。Flex 布局，你只要学习几个 CSS 属性，就可以写出简洁优雅复杂的页面布局。目前，Flex 布局，可以简便、完整、响应式地实现各种页面布局。它已经得到了所有浏览器的支持。什么是flex布局？Flex 是 Flexible Bo...
2021-05-24 15:44:56
852
3
原创 程序员的内功心法-234树
直面弱点，奋发图强！！！引言红黑树、B树、B+树，都是软件开发中一个比较难理解和掌握的知识点。他们的本质依然是平衡二叉搜索树。如果直接去学习红黑树、B树、B+树的知识点，无异于雾里看花。这次我们从这些数据结构的底层逻辑设计出发，不牵扯任何代码层面上的内容。二三四树定义 二节点 一个key和左右两个链接；其中key大于左链接、小于右链接 三节点 包含两个key和三个链接（两个key分别称为key1和key2，key1小于key...
2021-05-19 14:28:36
285
2
原创 前端实用操作符，一些写代码的骚操作
一些常用的操作符可以让你的前端代码更加简洁明了。本文整理一些 JS 中常用的运算符/操作符，其目的在于简化代码。1、?? 操作符 空值合并/空判断空值合并运算符 , 如果第一个参数不是null或者undefined，这个运算符将返回第一个参数，否则，它将返回第二个参数null ?? 3 //3undefined ?? 3 //37 ?? 3 //72、?. 操作符 null传导符（或链判断操作符）在js，如果读取对象里的某个属性时，往往需要先判断对象是否存
2021-05-14 11:35:03
492
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
259
7
原创 ES6异步处理解决方案
ES6的异步处理模型分为俩个阶段三种状态。两个阶段：未决unsettled, 已决settled。三个状态：pending挂起状态 , resolved成功， rejected失败通常把从未决推向已决的resolved状态的过程叫做resolve,从未决推向已决的rejected状态的过程,叫做reject任务已决状态后可能需要后续处理，若任务成功了(resolved),有后续处理,如果任务失败了(rejected),仍然有后续处理,把针对resolved的后续...
2021-05-08 16:53:08
525
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
3895
原创 ES6数组对象去重复
数组对象去重复的原理很简单，就是利用对象，对象的key值只有一个。代码如下 const template = [ { group_id: 1, name: 1 }, { group_id: 2, name: 2
2021-04-30 18:46:15
1480
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
971
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
161
4
原创 程序员的内功心法，你不来看看吗？
最近这阵工作，我越来越感受到基础知识能力的重要性。之前都是在赶进度、做业务逻辑，逃避自己基础薄弱的事实。最近下定决心，加强之前薄弱的基础。先从自己之前一直似是而非的搜索树的内容开始吧。在生活中我们经常会使用到搜索的功能。在我们数据量不大的情况下，可以使用每次遍历全部数据，查询我们的目标数据。当数据量增加时，我们遍历的方式就有些力不从心了；也可以将数据的数据排序，使用比较高效的二分查找方式，但是在插入或删除数据时，数组表现就会很慢。所以我们可以结合二分查找查询的高效 +链表添加删除的高效性来实现高效搜..
2021-04-19 14:24:59
194
原创 qiankun微前端初体验
什么是微前端通俗易懂的来说，微前端是可以将一个大应用的不同部分进行独立的部署，各个部分之间相互独立，独立部署的能力允许他们构建孤立或松散耦合的服务。即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。微前端的核心设计理念技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端
2021-04-11 14:15:41
264
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
552
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人