前端
pobu168
这个作者很懒,什么都没留下…
展开
-
为antd Tabs组件增加拖动排序功能
为antd Tabs组件增加拖动排序功能原创 2023-03-10 10:27:29 · 1267 阅读 · 1 评论 -
nginx 自救指南
nginx自救指南原创 2022-12-07 17:25:49 · 206 阅读 · 0 评论 -
一些可能用到东西
收集一些可能会用到的东西原创 2022-12-06 10:38:32 · 354 阅读 · 0 评论 -
vue滚动条无法定位到最底部,总是差一点距离
vue滚动条无法定位到最底部,总是差一点距离!原创 2022-10-11 17:21:18 · 1352 阅读 · 2 评论 -
json-editor
json-editor原创 2022-09-19 11:59:53 · 561 阅读 · 0 评论 -
多数据量定时更新页面优化实践
多数据量定时更新页面优化实践原创 2022-08-17 14:50:38 · 243 阅读 · 0 评论 -
一次解决TS类型警告的傻X经过
一次解决TS类型警告的傻X经过原创 2022-06-27 17:25:35 · 1107 阅读 · 0 评论 -
VUE前端工程报错监控实践
VUE前端工程报错监控实践原创 2022-06-17 18:30:50 · 1411 阅读 · 0 评论 -
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 · 3676 阅读 · 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 · 5470 阅读 · 0 评论 -
Vue keep-alive 缓存清理
Vue使用过程中 keep-alive 是个神奇的存在,可以近乎魔法的缓存页面状态,当然keep-alive也存在一些问题,不能灵活清理缓存就是本文要解决的问题。本文将从如下几个方面展开:1、使用场景2、本文要解决的问题3、粗暴的解决方式1、使用场景页面开发设计三个页面,分别为:指标配置(ParameterConfiguration)、坏点剔除(DataClean)、结果展示(DisplayResult),因为涉及到回退显示问题,所以使用keep-alive和动态组件的组合实现上述功能。同时,原创 2021-02-02 19:59:39 · 1204 阅读 · 0 评论 -
文件下载
话不多说:原生下载 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 · 120 阅读 · 0 评论 -
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 · 1699 阅读 · 1 评论 -
不曾在意的parseInt
MDN官方解答如果你点开了上面的链接,恭喜你,已经没必要再接着向下看了,下面只是对MDN中内容的简述。虽说如此,还是要贴上定义:parseInt(string, radix) 将一个字符串 string 转换为 radix 进制的整数, radix 为介于2-36之间的数。如下是我自己的翻译:parseInt就是将给定的字符串按照radix进制尽量装换为数字,无法转化的返回NaN。...原创 2020-04-13 17:27:06 · 136 阅读 · 0 评论 -
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 · 155 阅读 · 0 评论 -
Vue中引入Countly,'Countly' is not defined
看到这篇博客的同学肯定已经了解了Countly是做什么用的,Countly在html页面中引入方式简单,但是在Vue组件中报错‘http://eslint.org/docs/rules/no-undef 'Countly' is not defined ’。首先想到的是Vue是否不能集成Countly,这个想法稍微思考下就明白是很幼稚,人家就是个js,你还要怎样?后来想到是否是原创 2017-08-04 17:32:47 · 2939 阅读 · 0 评论 -
IP及电话号码在Edge中显示异常
最近遇到部分IP地址在Edge浏览器显示异常问题,进一步确认,电话号码也会显示异常,异常的形式是浏览器将其显示为类似a标签形式,具体见下图: 真实情况是这些内容只是用普通的span标签包裹。百思不得其解之际,看到有大神解惑为页面增加meta标签解决,经过测试果然有用。<meta content="telephone=no" name="format-detection"&g...原创 2018-07-18 14:20:38 · 942 阅读 · 0 评论 -
Promise与promise
老规矩先描述问题:经手一个项目分为用户门户与管理员门户,两边代码绝大部分一直,但因为一些不为外人知的原因,无法直接共享代码。所以采用在一个项目写好功能,测试完成后,手动迁移至另外一个项目。在此发现了一个问题,其中一个项目可用,另外一个项目竟然跑不起来。原因:因为同事在两个系统中使用的promise不一样……,Promise与promise,羊驼走起。Promise与promise:这个是...原创 2018-11-02 11:30:20 · 618 阅读 · 0 评论 -
前端自助发布平台(Indora-deploy)介绍
背景介绍项目中使用的技术栈基本上是Vue全家桶,说起为何做自助发布,想起菜鸟时只能写点代码在本地运行,却不知道如何发布的往事。为何要做自助发布其他实现方式本自助发布系统特点优化方向...原创 2019-02-23 19:50:41 · 2775 阅读 · 0 评论 -
gojs取消插件点击时的边框颜色
gojs创建的节点,在选中状态下节点边缘会出现边框颜色,而这些颜色在某些情况下是不希望出现的。如下可取消该效果解决方法:myDiagram = $(go.Diagram, "myDiagramDiv", { "LinkDrawn": showLinkLabel, "LinkRelinked": showL...原创 2019-04-01 17:00:01 · 3162 阅读 · 1 评论 -
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 · 181 阅读 · 0 评论 -
前端自助发布平台(Indora-deploy)前端实现
前端自助发布平台(Indora-deploy)使用前后端分离形式实现,前端实现较简单,主要有以下功能点:项目及分支获取分支与部署环境匹配部署所需参数准备日志回显下面对上述功能点逐一介绍。项目及分支获取...原创 2019-08-22 15:23:17 · 1934 阅读 · 0 评论 -
前端自助发布平台(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 · 471 阅读 · 0 评论 -
Window机器更改git账号密码
虽然不是经常更新仓库代码,但更新的时候会因为几个月前更新过一次而蛋疼,转载一篇简单实用的更新文章。Windows10下更换Git用户名或密码关键步骤:...转载 2019-08-27 11:16:21 · 497 阅读 · 1 评论 -
VUE 复制内容至剪切板
复制内容至剪切板使用的是插件’vue-clipboard2’,通过官方文档会发现共有两种使用方式。 第一种方式与大多数文章类似,只粘贴代码:<template> <div class="container"> <input type="text" v-model="message"> <button type="原创 2018-07-12 14:29:26 · 32753 阅读 · 4 评论 -
Bootstrap fileinput.js Demo
Bootstrap fileinput.js Demo原创 2017-08-22 18:12:02 · 352 阅读 · 0 评论 -
css-sprites简单使用
1、雪碧图制作工具 腾讯:GoPng ;百度:fis 本人使用GoPng制作雪碧图,步骤简单自行百度。2、雪碧图使用 使用GoPng制作的sprites 做好的图片:原创 2017-08-25 13:53:12 · 300 阅读 · 0 评论 -
Vue2.0 探索之路——生命周期和钩子函数的一些理解
写在最前面: 文章的内容全部来自segmentfault 中城南的文章,在原文基础上做了删减,想链接详情的同学请访问原地址:传送门。正文:vue生命周期简介从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。生命周期总结beforecreate : 举个栗子:可以在这加个loading事件 cre转载 2017-08-15 10:04:01 · 257 阅读 · 0 评论 -
一张图理解Vue MVVM模式
一张图理解Vue MVVM模式原创 2017-08-07 15:54:05 · 4021 阅读 · 0 评论 -
vue-router.esm.js:1697 RangeError: Maximum call stack size exceeded
vue-router.esm.js:1697 RangeError: Maximum call stack size exceeded原创 2017-07-20 14:05:23 · 25338 阅读 · 2 评论 -
服务端消息推送
服务端消息推送Server-Sent示例代码,简单Java Servlet后台原创 2017-07-12 14:12:15 · 511 阅读 · 0 评论 -
vue路由切换拦截,在每次发生路由导航时检测用户是否登录
前端,Vue,路由跳转拦截原创 2017-06-20 15:01:09 · 1279 阅读 · 0 评论 -
前端 AES加密依赖引用
aes加密包引用问题原创 2017-06-02 11:48:58 · 3406 阅读 · 1 评论 -
Vue axios设置访问基础路径
Vue axios设置访问基础路径原创 2017-09-28 10:13:38 · 13524 阅读 · 0 评论 -
Vue项目本地run与build后样式不同,build后样式不生效
Vue项目本地run与build后样式不同,build后样式不生效原创 2017-09-29 11:43:39 · 18137 阅读 · 3 评论 -
javascript事件模型
JavaScript事件模型原创 2017-08-25 16:12:23 · 472 阅读 · 0 评论 -
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 · 22902 阅读 · 2 评论 -
vue-select使用范例
vue-select使用样例原创 2018-03-13 10:35:38 · 11506 阅读 · 0 评论 -
简约至上:交互式设计四策略笔记
一、用户分三种(1)专家型用户专家型用户愿意探索你的产品或服务,并且会给你提出各种改进建议。他们希望看到为他们量身定做的前所未有的技术。即便拿到的是一个从未见过的产品,他们也会摆出专家的态度。换句话说,他们舍得花时间研究新产品,探索产品的新功能。不过,这一类用户总体上占少数。(2) 随意型用户他们可能使用过类似的产品或服务。他们有兴趣使用更高级更复杂的产品,但却不愿意接触全新的东西,要想...原创 2018-01-26 09:35:56 · 336 阅读 · 0 评论 -
Vue axios请求PUT/DELETE请求变OPTIONS
问题:vue项目中使用axios请求,在使用get请求时没问题,在测试PUT/DELETE时出现请求类型变成OPTIONS的情况。原创 2017-12-19 16:34:46 · 26419 阅读 · 2 评论