- 博客(64)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 async/await 与 Promise
本文介绍 async与Promise，重点集中在使用上，原理性分析请移步其他文章。1、Promise看如下Promise实例，在延迟2S后返回 ‘4’function demoPromise(num) { return new Promise((resolve) => { setTimeout(() => { resolve(2 * num) },...
2019-11-27 11:10:23
142
原创 我用Cypress做了前端自动化测试
作为一名前端，对于自动化测试我一直是抗拒的。通常我会使用下面两个理由来拒绝试图想让我做自动化测试的人前端页面变化多端，更新迭代速度快，测试用例需频繁修改曾亲身参加过在上海举行的，会上有个环节，嘉宾问在场大家公司都用了自动化测试没有，举手者寥寥第一条原因是本人内心的设定，第二条则坚定了这个观念因未知而却步其实才是本人最真实的写照在某个时刻，决定稍微认真的审视下自己的这个想法，于是开启了一段新的旅程。.........
2022-08-04 16:12:06
331
原创 antD Tree 节点显示、隐藏切换
有一种需要求根据数据条件动态显示或隐藏树形控件的节点，有如下数据，要求根据用户的选择切换树形数据的显示。let data = { title: '平台', key: 'p_platform', status: 0, children: [ { title: '公共资源', key: 'p_publicResource', status: 0, children: [ { key: 'p_userMgmt', title
2022-05-15 18:43:15
3352
2
原创 Property ‘errorCode‘ does not exist on type ‘AxiosResponse＜any, any＞‘.ts(2339)
故事比较简单，在axios返回结果中存在默认字段之外的字段，于是就出现了警告。AxiosResponse默认字段如下：export interface AxiosResponse<T = any, D = any> { data: T; status: number; statusText: string; headers: AxiosResponseHeaders; config: AxiosRequestConfig<D>; request?: an
2022-03-16 17:00:44
5241
原创 Module ‘“xx.vue“‘ has no default export.Vetur(1192)
使用Vue3测试时有如下代码：<script lang="ts" setup="props"> import HelloWorld from './components/HelloWorld.vue'</script><template> <HelloWorld/></template>简单的代码附件了一些看着不爽的提示，虽然不影响正常运行：具体的错误信息如下：import HelloWorld from './comp
2021-11-26 17:09:36
13340
5
原创 Vue keep-alive 缓存清理
Vue使用过程中 keep-alive 是个神奇的存在，可以近乎魔法的缓存页面状态，当然keep-alive也存在一些问题，不能灵活清理缓存就是本文要解决的问题。本文将从如下几个方面展开：1、使用场景2、本文要解决的问题3、粗暴的解决方式1、使用场景页面开发设计三个页面，分别为：指标配置(ParameterConfiguration)、坏点剔除(DataClean)、结果展示(DisplayResult)，因为涉及到回退显示问题，所以使用keep-alive和动态组件的组合实现上述功能。同时，
2021-02-02 19:59:39
1144
原创 文件下载
话不多说：原生下载 downFile (file) { axios({ method: 'GET', url: api, headers: this.headers, responseType: 'blob' }) .then(response => { // eslint-disable-next-line no-unused-vars let
2021-01-29 15:53:20
108
原创 Vue3迁移指南之--依赖报错
Vue3迁移指南之–依赖报错场景同步现想将项目从Vue2迁移至Vue3，使用Vite构建项目遇到问题初始化项目后想在项目中引入 less,在安装好less、less-loader后项目启动报错，解决问题经过一段摸索后，发现是依赖安装的位置问题，是将less、less-loader安装在了dependencies中，重新将依赖安装在devDependencies中，问题解决。 "dependencies": { "vite": "^1.0.0-rc.13", "less":
2020-12-18 15:47:08
1641
1
原创 不曾在意的parseInt
MDN官方解答如果你点开了上面的链接，恭喜你，已经没必要再接着向下看了，下面只是对MDN中内容的简述。虽说如此，还是要贴上定义：parseInt(string, radix) 将一个字符串 string 转换为 radix 进制的整数， radix 为介于2-36之间的数。如下是我自己的翻译：parseInt就是将给定的字符串按照radix进制尽量装换为数字，无法转化的返回NaN。...
2020-04-13 17:27:06
119
转载 Window机器更改git账号密码
虽然不是经常更新仓库代码，但更新的时候会因为几个月前更新过一次而蛋疼，转载一篇简单实用的更新文章。Windows10下更换Git用户名或密码关键步骤：...
2019-08-27 11:16:21
466
1
原创 前端自助发布平台(Indora-deploy)服务端实现
前面文章介绍了前端自助发布平台(Indora-deploy)前端实现，本片文章介绍其后端实现。服务端使用nodejs结合express框架实现，过程及其简单，通过如下几个方面介绍：部署实现过程日志实现过程后续优化方向部署实现过程http://xx.xx.xx.xx:8080/deployRouter/deploy?projetPath=demo-one&env=dev&am...
2019-08-27 10:41:58
448
原创 前端自助发布平台(Indora-deploy)前端实现
前端自助发布平台(Indora-deploy)使用前后端分离形式实现，前端实现较简单，主要有以下功能点：项目及分支获取分支与部署环境匹配部署所需参数准备日志回显下面对上述功能点逐一介绍。项目及分支获取...
2019-08-22 15:23:17
1893
原创 npm相关信息解析
NPM相关信息解析package.json1."jquery": "^3.2.1" 中 ^表示 ‘大于后面的版本号，并且大版本号要一致’；2. "jquery": "~3.2.1" 中 ~表示 ‘前两位需要一致，后面一位版本可以不一致’；3. dependencies存放生产环境需要的依赖包；4. devDependencies存放测试环境需要的依赖包；5. npm i jquery ...
2019-07-22 20:11:47
161
原创 gojs取消插件点击时的边框颜色
gojs创建的节点，在选中状态下节点边缘会出现边框颜色，而这些颜色在某些情况下是不希望出现的。如下可取消该效果解决方法：myDiagram = $(go.Diagram, "myDiagramDiv", { "LinkDrawn": showLinkLabel, "LinkRelinked": showL...
2019-04-01 17:00:01
3093
原创 nodejs读取文件路径不对
在测试读取文件内容时，发现无路如何配置路径总会报文件不存在问题。代码：router.get('/modifyFile', function(req, res, next) { fs.readFile("./exportJS.js",function(err,data){ if(err){ console.log(err); }el...
2019-02-26 20:35:42
2121
原创 前端自助发布平台(Indora-deploy)介绍
背景介绍项目中使用的技术栈基本上是Vue全家桶，说起为何做自助发布，想起菜鸟时只能写点代码在本地运行，却不知道如何发布的往事。为何要做自助发布其他实现方式本自助发布系统特点优化方向...
2019-02-23 19:50:41
2732
原创 Promise与promise
老规矩先描述问题：经手一个项目分为用户门户与管理员门户，两边代码绝大部分一直，但因为一些不为外人知的原因，无法直接共享代码。所以采用在一个项目写好功能，测试完成后，手动迁移至另外一个项目。在此发现了一个问题，其中一个项目可用，另外一个项目竟然跑不起来。原因：因为同事在两个系统中使用的promise不一样……，Promise与promise，羊驼走起。Promise与promise：这个是...
2018-11-02 11:30:20
589
转载 粗浅了解keep-alive组件实现原理
首先说明文中大部分思想来自这里：传送门，这篇文章只是摘要性整理。keep-alive组件缓存基于VNode节点而不是直接存储DOM结构。它将满足条件（include与exclude）的组件在cache对象中缓存起来，在需要重新渲染的时候再将vnode节点从cache对象中取出并渲染。1、DOM虚拟化及销毁created钩子会创建一个cache对象，用来作为缓存容器，保存vnode节点。cr...
2018-11-01 16:13:20
885
原创 vue集成富文本编辑器froala，jquery报错
vue集成富文本编辑器froala编辑器风格风格是选择富文本编辑器的一个重要因素，所以先给你看下整体风格，不喜欢……。官网传送门：项目配置vue项目配置传送门看到这里你肯定想都是官方文档要你有何用，下面用处来了.项目配置如官方配置，如果原始项目webpack配置没有添加jquery支持，无论在项目中如何添加jquery依赖，项目总是在报’$'未定义。因此需...
2018-10-15 15:52:41
952
1
原创 iview穿梭框(Transfer) filterable搜索条件清除
问题：iview提供的穿梭框组件未提供在filterable开启时，清除搜索框中输入内容功能。在项目中遇到问题，将穿梭框放在model中操作，有搜索条件时模态框再次打开搜索条件仍然存在。解决：1、首先在iview官网上未找到可解决该问题的方式，但是去看了Element-UI提供了相应的功能 2、其次去GitHub上也没有找到类似的issue 3、重点来了： 在查看 ...
2018-08-16 16:58:45
6775
2
原创 iview菜单显示异常
近期发现iview菜单开启accordion后，在手动更新菜单时出现多个一级菜单同时展开现象，在点击其他菜单后显示正常。本以为是动了某处代码造成该现象，但范围检查后均为发现异常。在GitHub的issue中发现版本中有修复该问题提交记录，便怀疑是iview版本问题，将现有版本从v2.9.0升级至2.14.0，果然解决了该问题。但发现table列头中使用的Tooltips及Poptips标签位置...
2018-07-18 14:34:29
2590
原创 IP及电话号码在Edge中显示异常
最近遇到部分IP地址在Edge浏览器显示异常问题，进一步确认，电话号码也会显示异常，异常的形式是浏览器将其显示为类似a标签形式，具体见下图： 真实情况是这些内容只是用普通的span标签包裹。百思不得其解之际，看到有大神解惑为页面增加meta标签解决，经过测试果然有用。<meta content="telephone=no" name="format-detection"&g...
2018-07-18 14:20:38
914
原创 VUE 复制内容至剪切板
复制内容至剪切板使用的是插件’vue-clipboard2’,通过官方文档会发现共有两种使用方式。 第一种方式与大多数文章类似，只粘贴代码：<template> <div class="container"> <input type="text" v-model="message"> <button type="
2018-07-12 14:29:26
32681
4
原创 vue data-v-xxx
现象：在Vue开发中，会遇到html被浏览器解析后，在标签中出现’data-v-xxxxx’标记，如下：<div data-v-fcba8876 class="xxx"> aaa</div>原因：来看官方解释：<style scoped> @media (min-width: 250px) { .list-container:hover { background: orang
2018-03-31 15:18:39
22730
2
原创 简约至上：交互式设计四策略笔记
一、用户分三种（1）专家型用户专家型用户愿意探索你的产品或服务，并且会给你提出各种改进建议。他们希望看到为他们量身定做的前所未有的技术。即便拿到的是一个从未见过的产品，他们也会摆出专家的态度。换句话说，他们舍得花时间研究新产品，探索产品的新功能。不过，这一类用户总体上占少数。（2） 随意型用户他们可能使用过类似的产品或服务。他们有兴趣使用更高级更复杂的产品，但却不愿意接触全新的东西，要想...
2018-01-26 09:35:56
305
原创 vue页面DOM操作不生效
现象：使用Element UI渲染了一个树形结构，设计在鼠标移入每个节点是显示其中的操作按钮，效果如下： 下面是出错部分： 在新增节点后移入新增节点附近(图中是移入一级2)，功能按钮的显示位置出现偏移 原因查找：经过调试发现是在新增节点后，执行DOM操作获取节点时，取到的仍是之前的结构，新增的节点并未获取到。原因分析：猜测是vue使用的虚拟DOM，使得页面虽然已经渲染出来，但在Vue实例中让处
2018-01-03 10:17:32
2871
原创 Vue axios请求PUT/DELETE请求变OPTIONS
问题：vue项目中使用axios请求，在使用get请求时没问题，在测试PUT/DELETE时出现请求类型变成OPTIONS的情况。
2017-12-19 16:34:46
26331
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人