加油站的博客

了解更多可访问个人博客：https://www.zxdblog.net
私信 关注
加油站站站
码龄4年

一个被遗弃的加油站，热爱篮球更爱生活 了解更多可访问个人博客：https://www.zxdblog.net

  • 54,376
    被访问量
  • 57
    原创文章
  • 99,466
    作者排名
  • 16
    粉丝数量
  • 于 2017-05-19 加入CSDN
获得成就
  • 获得22次点赞
  • 内容获得42次评论
  • 获得20次收藏
荣誉勋章
兴趣领域
  • #前端
    #JavaScript#Flutter#TypeScript#前端框架#面试
TA的专栏
  • 面试经验
    2篇
  • 随手笔记
    1篇
  • es6+
    1篇
  • Array
    1篇
  • 数组
    1篇
  • es2020
    1篇
  • 工具使用
    1篇
  • es9
    1篇
  • webpack
    1篇
  • TradingView踩坑
    5篇
  • iview 踩坑
    13篇
  • vue
    8篇
  • es6
    4篇
  • Class 类
    1篇
  • es7/8
    4篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

iview 表单校验控件一直loading

1.需求描述：表单校验2.使用场景：新增或编辑角色，弹窗操作3.问题描述：modal弹窗做from表达校验，点击确定，如果校验不通过，控件不应该一直loading 如图：4.解决思路：一般这种问题很大可能就是自定义了检验函数，然而此函数并没有一个闭环，没有跑出去一个Boolean；可以检查一下是否函数内的判断逻辑是否有else的分支data () { const validateTime = (rule, value, callback) => { // 重点
原创
9阅读
0评论
0点赞
发布博客于 27 天前

彻底理解浏览器的缓存机制

一、概述浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：1、HTTP请求(Request)报文，报文格式为：请求行 – HTTP头(通用信息头，请求头，实体头) – 请求报文主体(只有POST才有报文主体)，如下图HTTP响应(Response)报文，报文格式为：状态行 – HTTP头(通用信息头，响应头，实体头) – 响应报文主体，如下图注：通用信息头指的
转载
14阅读
0评论
0点赞
发布博客于 2 月前

揭穿Vue修饰符async的秘密

对于VUE的初学者来讲，肯定会感觉prop的写法很麻烦，很讨厌！你肯定想如果prop也可以实现双向绑定那怎是一个爽字了得！不过现实是残酷的，如果子组件可以任意修改父组件的内容，那势必会带来数据的混乱，从而造成维护的困扰！毕竟父组件也是有尊严的！
转载
45阅读
0评论
0点赞
发布博客于 2 月前

进入大厂的面试经验详细总结

个人近期面试情况今年二月以来，我的面试除了一个用友的，基本其他都被毙了，可以说是非常残酷的。其中有很多自己觉得还面的不错的岗位，比如百度、跟谁学、好未来等公司。说实话，打击比较大。情况基本上是从三月开始好起来的，这个时间点，可能疫情快过去了，国家也开启了接近40万亿的基础建设计划，在这个时间断，面试的几个代表性的公司，包括腾讯、饿了么、宝宝树、旷世科技等等，基本都成了。最终，就在三月9号，饿了么刚给我确认了p7的职位。也算自己到了另一个奋斗的阶段了。对自己的经历，做一个面试总结。我的面试准备面试其
转载
57阅读
0评论
0点赞
发布博客于 2 月前

向阿里OSS发起上传请求配置-ajax

首先编写一个公共的脚本，便于整个项目方便调用请求，这里就命名为common.js ，代码如下：(function () { let common = { //访问后台服务 ajax: function (options, callback) { $.ajax({ url: options.url, data: options.data || {}, .
原创
75阅读
0评论
0点赞
发布博客于 4 月前

26种你可能想不到的JS技巧

1. οncοntextmenu=“window.event.returnValue=false” 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)>< td>no</td></table>2. 取消选取、防止复制<body onselectstart="return false"></body>3. 不准粘贴 οnpaste="return false"4. 防止复
原创
56阅读
0评论
0点赞
发布博客于 7 月前

13个数组骚操作技巧

数组是Javascript最常见的概念之一，它为我们提供了处理数据的许多可能性。您可以在编程开始之初就了解它，在本文中，我想向您展示一些您可能不知道并且可能非常有用的技巧。有助于编码！让我们开始吧。1. 数组去重这是一个非常流行的关于Javascript数组的采访问题，数组去重。这里有一个快速简单的解决方案，可以使用一个新的Set()。我想向您展示两种可能的方法，一种是使用.from()方法，另一种是使用spread操作符(…)。var fruits = ["banana", "apple", "or
转载
46阅读
0评论
0点赞
发布博客于 7 月前

JavaScript：ES2020 新特性

这几年，Ecma TC39 一年一次更新 ECMAScript 规范标准，截止目前，以下特性已进入 finished 状态。现在带大家体验种草 ES2020 新特性。一：Promise.allSettledPromise.all 缺陷都知道 Promise.all 具有并发执行异步任务的能力。但它的最大问题就是如果其中某个任务出现异常(reject)，所有任务都会挂掉，Promise 直接进入 reject 状态。想象这个场景：你的页面有三个区域，分别对应三个独立的接口数据，使用 Promise.
转载
152阅读
0评论
0点赞
发布博客于 7 月前

iview UI 下拉框select表单校验错误信息不消失

1.需求描述弹窗添加时，对下拉框进行选择，点击确定进行非空校验2.使用场景对下拉框进行校验3.问题描述选中下拉框的值之后，下拉框select表单校验错误信息不消失4.解决方案 (已解决加入)经过排查，是change事件重复导致冲突了，如下代码所示：<FormItem label="选择实验名称" prop='abtest_id'> <Select v-mo...
原创
741阅读
7评论
1点赞
发布博客于 11 月前

Typora工具使用

TyporaTypora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写Markdown就想是写Word文档一样流畅自如，不像其他编辑器的有编辑栏和显示栏。对文字的特殊标注标题# 一阶标题 或者快捷键Ctrl+1## 二阶标题 或者快捷键Ctrl+2### 三阶标题 或者快捷键Ctrl+3##...
原创
391阅读
0评论
0点赞
发布博客于 1 年前

JavaScript：ES2019 新特性

作为最流行的编程语言和最重要的 Web 开发语言之一，JavaScript 不断演变，每次迭代都会得到一些新的内部更新。让我们来看看 ES2019 有哪些新的特性，并加入到我们日常开发中: # Array.prototype.flat() Array.prototype.flat() 递归地将嵌套数组拼合到指定深度。默认值为 1，如果要全深度则使用 Infinity 。此方法不会修改原始数组，但...
原创
30阅读
0评论
0点赞
发布博客于 2 年前

JavaScript：ES2019 的新特性

作为最流行的编程语言和最重要的 Web 开发语言之一，JavaScript 不断演变，每次迭代都会得到一些新的内部更新。让我们来看看 ES2019 有哪些新的特性，并加入到我们日常开发中:Array.prototype.flat()Array.prototype.flat()递归地将嵌套数组拼合到指定深度。默认值为 1，如果要全深度则使用Infinity。此方法不会修改原始数组...
翻译
62阅读
0评论
0点赞
发布博客于 2 年前

Webpack-dev-server的proxy代理用法

前言如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。 解决开发环境的跨域问题(不用在去配置nginx和host, 爽歪歪~~） 在webpack.config.js中配置 下面简单介绍一下五个经常使用的场景 使用一: mmodule.exports = { //... devServer: ...
转载
185阅读
0评论
0点赞
发布博客于 2 年前

CSS3新特性(骚)

CSS 即层叠样式表(Cascading Stylesheet)。Web 开发中采用 CSS 技术，可以有效地控制页面的布局、字体、颜色、背景和其它效果。只需要一些简单的修改，就可以改变网页的外观和格式。CSS3 是 CSS 的升级版本，这套新标准提供了更加丰富且实用的规范，如：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等等，目前有很多浏览器已经相继支持这项升级的规范...
原创
29阅读
0评论
0点赞
发布博客于 2 年前

CSS3实现翻转(Flip)效果

# 实现原理 在最外层的容器元素上设置整个动画区域的 perspective 属性以实现3D效果 当外层容器元素遇到鼠标悬停事件时，内部存放卡片的容器旋转 卡片正面和背面的元素都要绝对定位，这样它们才能在相同位置相互遮挡。他们的背面可视性 backface-visibility 属性设置为隐藏，这样每个卡片的背面在翻转时都是看不见的 卡片正面的z-index值要比背面大 鼠标没放上去之前让背面旋转...
原创
61阅读
0评论
0点赞
发布博客于 2 年前

console篇 - 自定义格式转换器

# 前言 大多数的情况下，我们习惯使用 DevTools 的 console 默认对 object 的转换，但有时候我们想用与众不同的方式来处理。 那我们就可以自定义输出对象的函数，它通常被称为 Custom Formatter 。 请注意: 在我们写一个之前，需要在 DevTools 进行设置 (在 DevTools 的 ⋮ 下拉框找到设置，或者按下 F1 ) 中把对应的设置打开: forma...
原创
32阅读
0评论
0点赞
发布博客于 2 年前

通用篇 - copying & saving

# 前言 在调试的过程中，我们总要对 Dev Tools 里面的数据进行 复制 或者 保存 的操作，所以我们来看看，关于这些，有什么小技巧呢？ # 1. copy(...) 你可以通过全局的方法 copy() 在 console 里 copy 任何你能拿到的资源，包括我们在后面[第六节]会提到的那些变量。例如 copy($_) 或 copy($0) # 2. Store as global (存...
原创
22阅读
0评论
0点赞
发布博客于 2 年前

console 篇 - console 中的 '$'

# 前言 $ 作为 jQuery 的选择器，承载了一代前端的太多记忆，但是你可能没有想到的是，在我们使用 Dev Tools 进行调试的时候，$ 也有大放异彩的一天呢？ # 1. $0 在 Chrome 的 Elements 面板中， $0 是对我们当前选中的 html 节点的引用。 理所当然，$1 是对上一次我们选择的节点的引用，$2 是对在那之前选择的节点的引用，等等。一直到 $4 你可以尝试...
原创
48阅读
0评论
0点赞
发布博客于 2 年前

通用篇 - 快捷键和通用技巧

# 前言 能直接快速提升开发效率的方式是什么？ 掌握快捷键 这里是一些我们在日常前端开发中，相当实用的快捷键： # 1. 切换 DevTools 窗口的展示布局 一般我在使用 DevTools 时， dock 的展示窗口都在底部 ，但是有时候我想把 dock 的窗口 切换到右边。 怎么做呢？ 这时就可以通过 DevTools 的下拉菜单，或者命令菜单...或者使用一个快捷键 ctrl + shif...
原创
30阅读
0评论
0点赞
发布博客于 2 年前

Drawer 篇 - Drawer 常识

# 前言 说到 Drawer 大部分的朋友可能都很陌生，那 Drawer 是个什么东西？ Chrome DevTools 有很多部分，被分为9个 tab (俗称选项卡) ( Elements ， Console ， Sources ， Network ， 等等...) 但是，那仅仅是它的一部分而已！有一组平行的选项卡，被隐藏在主窗口之下。这个组合被称为 Drawer # 1. 如何打开 Drawe...
原创
174阅读
0评论
0点赞
发布博客于 2 年前

console篇 - console中骚操作

# 前言 我最开始接触前端的时候，学会用的就是 console.log ，甚至现在，大部分情况也还在用它调试，但是，在不同的场景下，除了 log ，其实有更好的选择。 # 1. console.assert 在 MDN 中是这样定义的 console.assert(assertion, obj1 [, obj2, ..., objN]);console.assert(assertion, ms...
原创
62阅读
0评论
0点赞
发布博客于 2 年前

console篇 - 对象&方法

# 前言 在我们调试 Javascript 的代码时，对象 和 方法 作为经常被我们调试的对象，所以这里介绍关于 对象 和 方法 的调试技巧。 # 1. queryObjects (对象查询)方法 假如我们有这样一段代码，我们在里面定义了一些对象。 问一个问题，我们怎么知道，在 特定的时刻 + 特定的执行上下文 有哪些对象呢？ DevTools 里的 queryObjects 函数可以展示这些信...
原创
21阅读
0评论
0点赞
发布博客于 2 年前

元素面板篇 - 技巧集合

# 1. 通过 'h' 来隐藏元素 按一下 'h' 就可以隐藏你在元素面板中选择的元素。再次按下 'h' 可以使它出现。某些的时候这很有用：例如你想截图，但你想去掉里面的敏感信息。 # 2. 拖动 & 放置 元素 当你想看看页面的某一部分在 DOM 树的不同位置的显示效果时，只需要拖动放置它(到指定的位置)，就像在机器上的其他任何地方一样 ???? # 3. 使用 control (按钮) ...
原创
42阅读
0评论
0点赞
发布博客于 2 年前

元素面板篇 - 颜色选择器

# 前言 如果你从来没有仔细的查看过颜色选择器，很正常，因为它确实毫不起眼：只有一些可以让我们选择的颜色。但仔细查看你会发现：DevTools 的开发团队在这个小玩意里面放了多到你想象不到信息。 # 1. 只选择你正在用的颜色 介绍颜色选择器的一部分： 切换到一个有色调变化的 Material 调色板 自定义，可以添加和删除颜色 从 CSS Variables 中选择一个你当前页面使用的样式表...
原创
39阅读
0评论
0点赞
发布博客于 2 年前

console篇 - Network 的骚操作

# 前言 Network 作为我们经常调试的 Chrome 面板，你知道它有哪些使用技巧吗？ # 1. 隐藏 network overview 你经常查看 Network 面板是为了: 我想看看请求的时间轴信息 我就想看看请求列表- 确认下请求状态，资源大小和响应结果呢 我赌你是后者，如果是这样，那么 Overview 的部分就没有任何理由占用 Network 接近一半的空间。隐藏它！ # 2....
原创
59阅读
0评论
0点赞
发布博客于 2 年前

你不知道的 Chrome 调试技巧

# 从 Chrome 说起 谷歌浏览器(通常简称为 Chrome )是由谷歌开发的网络浏览器。 它于 2008 年首次针对 Microsoft Windows 发布，后来移植到 Linux ，macOS ，iOS 和 Android 。 浏览器也是 Chrome OS 的主要组件，它可以作为 Web 应用的平台。Chrome-wikipedia 浏览器的市场天下三分，Chorme，Safari和...
原创
30阅读
0评论
0点赞
发布博客于 2 年前

通用篇 - 代码块的使用

# 前言 我经常使用 JavaScript 作为我的自动化工具，来处理第三方网站和应用程序： 比方说，我想看看有多少人在我的所有媒体帖子上鼓掌。 Medium 没有提供这样的总数，所以我把这个小脚本组合在一起： $$('td:last-child .sortableTable-number') .map(el => parseInt(el.innerText)) .reduc...
原创
19阅读
0评论
0点赞
发布博客于 2 年前

console 篇 - console.log 的 "bug" ?

一般来说，我们会使用 console.log() 来打印某个对象，并且，两次打印之间，还会对这个对象进行修改，最后我们查看打印的结果发现，修改前的打印和修改后的打印，竟然是一样的？这样出乎意料的情况，让我们难以继续 console.log 的调试。 口说无凭，举个例子把： 我们可以看到，一共有两次打印，一次是打印原始信息，一次是打印我们修改后的信息，并且我们把属性 a 从 0 改成 1 ，nam...
原创
55阅读
0评论
0点赞
发布博客于 2 年前

通用篇 - 使用 Command

# 前言 我们直接可以直接看到的 DevTools 的功能，其实只是有限的一部分，怎么去探索更多的功能呢？ Command 菜单可以帮助我们快速找到那些被隐藏起来的功能，这也是它本身必不可少的原因。 如果你使用过 WebStorm 中的 Find Action (查找动作) 或者 Visual Studio Code 中的 Command Palette 的话，那么在 DevTools 中的 Co...
原创
26阅读
0评论
0点赞
发布博客于 2 年前

console篇 - Ninja console.log

有时你设置的断点是不是被执行了太多次？假设有一个包含 200 个元素的循环，但是你只对第 110 次循环的结果感兴趣，又或者你只对一些满足某些条件的结果感兴趣，怎么办呢？这就是我们要说的条件断点： # 1. Conditional breakpoints 条件断点 这样的情况下，你可以设置一个条件断点： 右击行号，选择 Add conditional breakpoint...(添加条件断点) 或...
原创
28阅读
0评论
0点赞
发布博客于 2 年前

console篇 - 异步的 console

如今，越来越多与浏览器有关的 API 都是 基于 Promise 的 。当你使用 promise 的时候通常配套用 .then(处理方法) 或者 将 promise 包裹在 async 方法中，再使用 await 来接收结果。 我们在 JavaScript/TypeScript 中大量使用的东西，但如果在 Console 中书写这样的结构很不方便。 像下面这样 或者这样 这样太难用了！不是输入...
原创
43阅读
0评论
0点赞
发布博客于 2 年前

Workspace 篇 - workspace 技巧

# 前言 我们总是习惯于先在 IDE 或者文本编辑器中修改代码，然后再进入 Chorme 中进行调试，那有没有想过直接就在 Chrome 中来修改我们的代码呢？ 对于这样的想法，Chrome DevTools 提供了哪些支持呢？ # 1. 在 Chrome 中修改你的文件 有时在代码执行的位置也是最容易编辑代码的位置(对于前端来说也就是浏览器)。如果你把项目的文件夹直接拖到 Source 面板，D...
原创
143阅读
0评论
0点赞
发布博客于 2 年前

webpack的面试题总结

# 为什么要总结webpack相关的面试题 随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持的。 而如果摒弃了这些开发框架，那么开发的效率将大幅下降。在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建工具。 然而大多数的使用者都只是单纯的会使用，而并不知...
原创
106阅读
0评论
0点赞
发布博客于 2 年前

iview UI 阻止下拉框select选中的值，不让其进行渲染

1.需求描述在一个table中，每一行都有排序下拉框，每个排序都是唯一的，不能重复，如图所示：2.问题描述现在的排序是 1， 2， 3 现在将第三行下拉框的值由 3 改变成 1，因为 1 已经再第一行存在，所以不允许重复，但是还是渲染成了 1 怎么破？？？4.解决思路首先查看API文档并没有回调拦截的事件或方法，所以只能自己重新渲染了，那如何渲染呢？...
原创
785阅读
2评论
1点赞
发布博客于 2 年前

Vue 构建打包出现 es6问题from UglifyJs 报错Unexpected token: punc

1.使用场景在vue项目中使用 async await处理并行多个异步,是因为项目中没有使用transform-runtime将es6+转换成es5解决方案在上一篇文章：https://blog.csdn.net/Gas_station/article/details/96437350但是，但是当你npm run build 构建失败！！！会报 Unexpected token...
原创
1329阅读
1评论
0点赞
发布博客于 2 年前

Vue开发中regeneratorRuntime is not defined

1.需求描述想先让其他异步接口发送请求响应后，再发送详情接口，以便于正常渲染页面2.使用场景在vue项目中使用 async await处理并行多个异步,是因为项目中没有使用transform-runtime将es6+转换成es53.解决思路注意：不建议使用babel-polyfill，因为这个太大了，现在6.0版本的babel改成了插件的形式，现在推荐的是transform...
原创
5456阅读
0评论
4点赞
发布博客于 2 年前

Vue-cli3中的前端单元测试之环境搭建

本文中所用到的测试工具如下kmci: karma + mocha + chai + istanbul此文只涉及在vue-cli3中如何集成以上工具，不再详细介绍各个工具 # mocha + chai 首先创建vue-cli3的项目 vue create unit-test在预设环境中选择unit-test 随后选择mocha + chai 之后项目就自带了vue-cli帮我们集成的mocha和...
原创
234阅读
1评论
0点赞
发布博客于 2 年前

vue (iview)根据权限控制columns 的某列显示与隐藏（通用）

1.需求描述根据权限控制某列中显示与隐藏2.使用场景根据不同用户（普通用户，vip用户），展示对应的列3.解决思路将原来的columns copy一份，然后根据权限去让它过滤对应的列，就能返回最新的columns了举个例子，代码如下created() { userType(type) { // type: 1 普通用户 2 vip用户 如...
原创
5364阅读
0评论
3点赞
发布博客于 2 年前

iview Table里面Columns的this指向不是vue的问题

1.需求：操作某列中需要调用方法来实现功能2.应用场景：一般常见于列中是控件（如：selecte下拉框，input输入框）3.解决思路 ：使用Table中 从 3.2.0 版本开始支持 slot-scope 写法。在 columns 的某列声明 slot 后，就可以在 Table 的 slot 中使用 slot-scope。slot-scope 的参数有 3 个：当前行数据 ro...
原创
627阅读
0评论
0点赞
发布博客于 2 年前

Class 类的支持

一.什么是类？Javascript是一种基于对象的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有Class。不过，ES6引入了Class这个概念，作为对象的模板。通过class关键字，你就可以为所欲为定义类。二.Es6之前是如何使用类的1、构造函数方式　　用构造函数模拟"类"，在其内部用this关键字指代实例对象。...
原创
64阅读
0评论
1点赞
发布博客于 2 年前

Promise讲解

一.什么是Promise?Promise是JS异步编程中的重要概念，异步抽象处理对象，是目前比较流行Javascript异步编程解决方案之一。二.对于几种常见异步编程方案先来回顾下我们经常用到的几种情况1.回调函数例子一：$.get(url,(data) =>{ console.log(data) }) //do something 例子二：call...
原创
212阅读
0评论
0点赞
发布博客于 2 年前

Canvas

# 绘图工具 canvas画布 默认大小为300*200 可通过width属性和height属性设置画布大小 解决画布重绘问题：描边后使用 beginPath() 开启新的图层 <canvas width="600" height="400"></canvas># 绘图方法 线连接方式： lineJoin: round | bevel | miter (默认) 线帽(...
原创
17阅读
0评论
0点赞
发布博客于 2 年前

HTML5表单元素

# 新的表单元素 # 新的Input类型 新的表单控件 邮箱 type="email" url type="url" search type="search" 数字 type="number" 电话 type="tel" 滑块 type="range" 颜色 ...
原创
33阅读
0评论
0点赞
发布博客于 2 年前

HTML5语义元素

# 一、什么是语义元素 语义 = 意义 语义元素 = 元素的意义 一个语义元素能够清楚地描述其意义给浏览器和开发者 # 二、语义化优点： 为了在没有css时，也可以很好地呈现出内容结构，代码结构。 易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。 有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。 方便其他设备解析，如盲人阅读器根据语义渲染网页 有利于开发和维护，语义化更具可读性，...
原创
23阅读
0评论
0点赞
发布博客于 2 年前

HTML5多媒体标签

# audio标签 # 属性 src : 音频的地址 controls : 显示控制栏 autoplay : 自动播放 loop : 设置循环播放 preload : (auto/metadata/none) 规定当网页加载时，音频是否默认被加载以及如何被加载。 # 兼容 source: 指定多个音频,如果找到了当前浏览器支持的,那么会直接使用,如果所有的source标签格式都不支持,会显示最后的...
原创
24阅读
0评论
0点赞
发布博客于 2 年前

HTML5中的API

# 获取页面元素 document.querySelector("选择器"); 选择器可以是css中的任意一种选择器 通过该选择器只能选中第一个元素 document.querySelectorAll("选择器"); querySelectorAll会返回所有符合选择器规则的元素列表 querySelector返回的只是单独的一个元素 # 类名操作 ???? Dom.classList.add("类名"...
原创
16阅读
0评论
0点赞
发布博客于 2 年前

vue iview-admin 如何兼容IE浏览器（通用）

1. 安装babel-polyfill `yarn add babel-polyfill --save`2. src/main.js 引入babel-polyfill `import '@babel/polyfill`3. 在根目录增加babel.config.js文件 ``` module.exports = { presets: [ ['@v...
原创
3858阅读
2评论
2点赞
发布博客于 3 年前

打包之后npm run build放到服务器上之后刷新会报404怎么解决

方法一：打包之后npm run build放到服务器上之后刷新会报404怎么解决啊如果你是 iview + vue 的项目 请到src/route/index.js 把mode: 'history' 注释掉 再重新打包其他纯 vue-cli 项目的 直接找到 mode: 'history' 对应的文件，一样 注释掉 再重新打包 方法二：当然，如果不想要很丑的 hash，我们可以用路由的 hi...
原创
149阅读
0评论
0点赞
发布博客于 3 年前

打包之后npm run build放到服务器上之后刷新会报404怎么解决啊

方法一：打包之后npm run build放到服务器上之后刷新会报404怎么解决啊如果你是 iview + vue 的项目 请到src/route/index.js 把mode: 'history' 注释掉 再重新打包其他纯 vue-cli 项目的 直接找到mode: 'history' 对应的文件，一样 注释掉 再重新打包方法二：当然，如果不想要很丑的 hash，我们可以用路由的h...
原创
1966阅读
0评论
0点赞
发布博客于 3 年前

iview 用vscode编写MenuItem标签报错

这是vetur中eslint的问题 在vscode菜单中，window: 文件->首选项->设置Mac: code ->首选项->设置输入eslint ,打开settings.json找到 “vetur.validation.template”: true 将其改为falseOK，收工！如果可以实现记得点赞分享，谢谢老铁～...
原创
820阅读
0评论
1点赞
发布博客于 3 年前

iview 用vscode编写MenuItem标签报错

这是vetur中eslint的问题 在vscode菜单中，window: 文件->首选项->设置Mac: code ->首选项->设置输入eslint ,打开settings.json找到 “vetur.validation.template”: true 将其改为falseOK，收工！如果可以实现记得点赞分享，谢谢老铁～...
原创
820阅读
0评论
1点赞
发布博客于 3 年前

iview 日期控件类型type=“datetimerange“ 表单校验规则

1.需求描述编辑页面需要做日期控件类型type="datetimerange"的表单校验2.使用场景规则管理--》编辑弹窗表单校验3.问题描述日期控件类型type="datetimerange"或者 type="daterange" 的表单校验不提示错误信息4.解决思路修改规则，代码如方案5.解决方案 (已解决加入)<Form-item label=...
原创
2956阅读
5评论
2点赞
发布博客于 3 年前

iview UI 下拉框select表单校验不自动展示错误信息

1.需求描述弹窗添加时，对下拉框进行选择，点击确定进行非空校验2.使用场景规则管理中添加规则3.问题描述下拉框select表单校验不自动展示错误信息4.解决思路表单校验中 下拉框控件感觉很奇怪，自带失去焦点事件5.解决方案 (已解决加入)校验中把 trigger: 'blur'去掉即可代码如下：ruleValidate: { str: ...
原创
1506阅读
0评论
0点赞
发布博客于 3 年前

iview checkbox 编辑内容时，没有将单条数据渲染过来

1.需求描述点击“编辑”将列表中的单条数据渲染在编辑弹窗中2.使用场景编辑“用户管理”3.问题描述编辑内容时，没有将单条数据渲染过来4.解决思路因为编辑页是做了表达校验的,在ruleValidate对象中，数组时必须要声明 type:'array'，否则校验不通过，且一定要注意双向绑定的数据类型跟后台返回的数组里面字段的数据类型是否一致，如果不一致，是不可能渲染得...
原创
260阅读
0评论
1点赞
发布博客于 3 年前

iview-modal 点击按钮“确定”时弹窗自动关闭

1.需求描述：编辑或新增一条数据，弹框modal操作，做表达校验2.使用场景：新增或编辑角色，弹窗操作3.问题描述：modal弹窗做from表达校验，点击确定，如果校验不通过，不应该自动关闭弹窗4.解决思路：.解决思路1：给Modal添加属性loading后，点击确定按钮对话框不会自动消失，并显示 loading 状态，需要手动关闭对话框，常用于表单提交。（本人用此方法）.解...
原创
3479阅读
2评论
1点赞
发布博客于 3 年前

iviewUI Checkbox 多选框 多组全选或者全不选的问题

1.需求：点击类别，可以全选或者全部取消；选中当全选下面的子选项，父类型要跟着选中2.应用场景：一般常用于权限列表多层勾选3.解决思路 ：单独封装一个多组全选的组件，这样就解决了其他类别同时被选中的问题父组件：<Modal width="900" v-model="modalAuthority" title="权限列表" ...
原创
6306阅读
14评论
1点赞
发布博客于 3 年前

5.Trading View 自定义初始化指标线（平均移动线等），设置颜色

只需要在 studies_overrides 中配置颜色即可，如图studies_overrides: { "MA Cross.short:plot.color": "#6B3798", "MA Cross.long:plot.color": "#708957", },如果你还想继续自定义指标线的话，那就要在onchartready 中进行配置了，如图...
原创
4386阅读
0评论
1点赞
发布博客于 3 年前

4.TradingView K线和成交量没有自适应区域显示，ma线显示会错乱，高低不齐（巨坑）

这个问题找了很久很久，最后的原因很可能是后台数据结构的原因。。。。。这里要注意一下 高开低收等字段必须是number类型，千万不要是string 字符串类型，要不然你会哭。。。被后台坑了几天  ...
原创
2042阅读
0评论
1点赞
发布博客于 3 年前

3.TradingView全屏显示后，依旧保持可打开/关闭全屏功能

简单说，需要你自定义图表～思路：就是将TradingView自带的全屏按钮给隐藏起来，然后自定义图表实现逻辑咯。let's do it!1.首先将header_fullscreen_button如下配置disabled_features: ["header_fullscreen_button", //隐藏头部全屏按钮]2.然后再chartReady函数里进行如下代码配置...
原创
1615阅读
0评论
0点赞
发布博客于 3 年前

2.vue中使用TradingView页面闪白

相信大家经常遇到这个问题，要知道闪白是 iframe所引起的，解决方案：1.找到\static\tradeView\charting_library\static\tv-chart.xxxx.html 这个文件2.打开文件后直接上代码：&lt;style&gt; #loading-indicator,body.chart-page { background: 0 0 }...
原创
1529阅读
2评论
1点赞
发布博客于 3 年前

1.k线图 TradingVeiw -- 入手篇

一 。先给大家推荐几个链接中文文档：https://b.aitrade.ga/books/tradingview/CHANGE-LOG.html （个人建议使用：1.12.0版本）原生：https://github.com/tradingview/charting_library （要申请权限哦）vue:https://github.com/webdatavisualdev/vue...
原创
3920阅读
4评论
1点赞
发布博客于 3 年前

Vue构建打包出现es6问题from UglifyJs 报错Unexpected token punc

1.使用场景 在vue项目中使用 async await处理并行多个异步,是因为项目中没有使用transform-runtime将es6+转换成es5 解决方案在上一篇文章： https://www.zxdblog.net/views/前端/vueCli/Vue开发中regeneratorRuntime.html 但是，但是当你npm run build 构建失败！！！ 会报 Unexpecte...
原创
103阅读
0评论
0点赞
发布博客于 3 年前

vue(iview)根据权限控制columns的某列显示与隐藏

1.需求描述 根据权限控制某列中显示与隐藏 2.使用场景 根据不同用户(普通用户，vip用户)，展示对应的列 3.解决思路 将原来的columns copy一份，然后根据权限去让它过滤对应的列，就能返回最新的columns了 举个例子，代码如下 created() { userType(type) { // type: 1 普通用户 2 vip用户 如果是普通用户则不能看...
原创
533阅读
2评论
1点赞
发布博客于 3 年前

iview用vscode编写MenuItem标签报错

这是vetur中eslint的问题 在vscode菜单中， window: 文件->首选项->设置 Mac: code -> 首选项->设置 输入eslint ,打开settings.json 找到 “vetur.validation.template”: true 将其改为false...
原创
82阅读
0评论
0点赞
发布博客于 3 年前

iviewUI Table里面Columns的this指向不是vue的问题

1.需求：操作某列中需要调用方法来实现功能 2.应用场景：一般常见于列中是控件(如：selecte下拉框，input输入框) 3.解决思路 ：使用 Table中 从 3.2.0 版本开始支持 slot-scope 写法。 在 columns 的某列声明 slot 后，就可以在 Table 的 slot 中使用 slot-scope。 slot-scope 的参数有 3 个：当前行数据 row，当前...
原创
43阅读
0评论
0点赞
发布博客于 3 年前