2020 年 1月随笔档案 - 云雀sunshine

ES6 语法积累

摘要：目录：两数组内容交换 Array.from 删除目标对象的某一个属性两数组内容交换 [arr1, arr2] = [arr2, arr1] Array.from 1、将一个类数组对象或者可遍历对象转换成一个真正的数组。 let arrayLike = { 0: 'tom', 1: '65', 2 阅读全文

posted @ 2020-01-19 17:32 云雀sunshine 阅读(204) 评论(0) 推荐(0)

Cookie: js 解决禁用了第三方Cookie

摘要：测试给开了个Bug，浏览器禁用了cookie 后没有做友好提示。解决方法：阅读全文

posted @ 2020-01-19 17:29 云雀sunshine 阅读(1228) 评论(0) 推荐(0)

iframe: 报错 DOMException: Failed to read the 'localStorage' property from 'Window':

摘要：今天，在 react 项目中使用 iframe，测试百度网页OK，但使用生产实际的 URL，出现如下报错：报错内容：Failed to read the 'localStorage' property from 'Window' : Access is denied for this docum 阅读全文

posted @ 2020-01-19 16:55 云雀sunshine 阅读(5105) 评论(1) 推荐(2)

iframe: 我们来谈一谈

摘要：【转】：https://segmentfault.com/a/1190000004502619#articleHeader6 某大咖说: "iframe是能耗最高的一个元素，请尽量减少使用"某大牛说: "iframe安全性太差，请尽量减少使用"...wtf, 你们知不知道你们这样浇灭了多少孩纸学习i 阅读全文

posted @ 2020-01-19 16:53 云雀sunshine 阅读(339) 评论(0) 推荐(0)

lodadsh 其他

摘要：目录创建唯一的自增编号 uniqueId // 通过_.uniqueId('user-');创建的编号是唯一、自增的 var result = _.uniqueId('user-'); var result2 = _.uniqueId('user-'); console.log(result);/ 阅读全文

posted @ 2020-01-14 11:36 云雀sunshine 阅读(119) 评论(0) 推荐(0)

echarts tree【树形列表，右键出现菜单】

摘要：【转】：https://blog.csdn.net/xh_960125/article/details/89850928 1，列表上右键事件 treeNodeonRightClick，代码中有 2，自定义右键菜单内容 getNodeTreeRightClickMenu，代码中有 3，return下面阅读全文

posted @ 2020-01-10 14:13 云雀sunshine 阅读(2594) 评论(0) 推荐(0)

echarts tree图，节点收缩展开处理

摘要：转：https://blog.csdn.net/wusefengye/article/details/79030900 阅读全文

posted @ 2020-01-10 12:50 云雀sunshine 阅读(3168) 评论(0) 推荐(0)

echarts 3.8.4: tree设置节点与节点之间连线的颜色，可以独立每条线分开设置

摘要：最近研究echarts，项目需要能够设置节点之间的连线也能设置颜色，研究了半天，发现tree图中，只有一个全局的设置项，只能全局设置颜色，很不方便，如下： itemStyle: { color: 自适应, borderColor: '#c23531', borderWidth: 1.5, borde 阅读全文

posted @ 2020-01-10 12:48 云雀sunshine 阅读(1796) 评论(0) 推荐(0)

echarts中的树形结构图（参数分析）

摘要：先上echarts官网示例图，可以点开链接查看，这里先上一张截图，以及官网代码官网代码： myChart.showLoading(); //显示Loading标志； var myChart = echarts.init(document.getElementById('页面中div的id')); 阅读全文

posted @ 2020-01-10 12:45 云雀sunshine 阅读(9793) 评论(0) 推荐(0)

echarts y轴数据如果太大就会造成坐标轴显示不完全的问题

摘要：问题图：描述：如果数据为222500,222400，可能数据太大造成222不显示，就显示500,400，怎样解决呢？如下图所示解决方法：阅读全文

posted @ 2020-01-10 12:05 云雀sunshine 阅读(5204) 评论(0) 推荐(0)

echarts 网络拓扑告警闪烁及提示信息自定义

摘要：基于 react 架构，对于 echarts 网络拓扑进行展示，遇到以下问题: 告警动态显示；节点告警节点间的连线告警信息提示信息提示位置信息提示内容 1. 告警动态显示 1.1 节点告警 1.2 节点间的连线告警 2. 信息提示 1.1 信息提示位置：默认在滑动节点/线的右下方； 1. 阅读全文

posted @ 2020-01-10 12:01 云雀sunshine 阅读(1519) 评论(0) 推荐(0)

echarts 树图问题

摘要：最近 react 项目中碰到关于 echarts 树tree 相关的问题： 1. 问题1：树图，数据具有 id 属性时，默认选中第一层子节点的第一个叶子节点，收缩功能时，多出来该节点解决办法（差）：不要收缩功能；或不要有 id 属性值；解决办法：暂无 2. 问题2：树图，纵向展示时，收缩到根阅读全文

posted @ 2020-01-10 12:00 云雀sunshine 阅读(1006) 评论(0) 推荐(0)

echarts grid多格显示问题

摘要：官网示例：https://www.echartsjs.com/examples/zh/editor.html?c=line-easing 源代码： var easingFuncs = { linear: function (k) { return k; }, quadraticIn: functio 阅读全文

posted @ 2020-01-10 11:59 云雀sunshine 阅读(1158) 评论(0) 推荐(0)

echarts中自定义tooltip的换行问题

摘要：问题描述：鼠标移入,雷达图的时候，内容挤在一起，我要的效果是换行: 此时的代码，此时代码里面的\n换行也是没有效果的： tooltip: { trigger: 'item', show:true, formatter:function(params){ var s=''; s+=params.na 阅读全文

posted @ 2020-01-10 11:58 云雀sunshine 阅读(6964) 评论(0) 推荐(0)

yarn install 安装报错问题

摘要：前言：今天使用 wb 新建 react 项目时，出现如下问题：提示说明：与 yarn 有关。且与淘宝镜像有关，具体问题报告（log）如下：原因：主要是 yarn 的淘宝镜像问题。解决：网上查找解决方法如下：由于博主使用的是 windows 系统，只执行命令1，如下：只执行了这句命令，再次阅读全文

posted @ 2020-01-10 11:24 云雀sunshine

yarn 的安装与使用

摘要：CLI 命令比较阅读全文

posted @ 2020-01-10 11:24 云雀sunshine 阅读(380) 评论(0) 推荐(0)

npm 安装一些包失败了的看过来（npm国内镜像介绍）

摘要：这个也是网上搜的，亲自试过，非常好用！镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）: 1.可通过 config 命令 npm config set registry https://registry.npm.taobao.org npm info 阅读全文

posted @ 2020-01-10 11:23 云雀sunshine 阅读(452) 评论(0) 推荐(0)

npm 报错集锦

摘要：npm install 报错：verbose stack SyntaxError: Unexpected end of JSON input while 进入你的项目目录：cd 项目名称重新设置链接：npm set registry https://registry.npmjs.org/重置cach 阅读全文

posted @ 2020-01-10 11:23 云雀sunshine 阅读(373) 评论(0) 推荐(0)

npm: react运行时报错npm start — babel-eslint 版本兼容性问题

摘要：最近： $ react-scripts start There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you nee 阅读全文

posted @ 2020-01-10 11:23 云雀sunshine 阅读(4709) 评论(0) 推荐(0)

lodash用法系列5:链式

摘要：Lodash用来操作对象和集合，比Underscore拥有更多的功能和更好的性能。官网：https://lodash.com/引用：<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></scri 阅读全文

posted @ 2020-01-10 11:21 云雀sunshine 阅读(394) 评论(0) 推荐(0)

lodadsh 问题集锦

摘要：项目里用到了Lodash。感觉有些还是很好用。就自己开研究了下。参考链接：Lodash 中文文档首先说明 Lodash 就是一个工具库，有很多比较好用的方法可以帮助我们提高开发效率。 Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaS 阅读全文

posted @ 2020-01-10 11:21 云雀sunshine 阅读(205) 评论(0) 推荐(0)

lodash用法系列4: 集合-使用Map/Reduce转换

摘要：Lodash用来操作对象和集合，比Underscore拥有更多的功能和更好的性能。官网：https://lodash.com/引用：<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></scri 阅读全文

posted @ 2020-01-10 11:20 云雀sunshine 阅读(1195) 评论(0) 推荐(0)

lodash用法系列3: 使用函数

摘要：Lodash用来操作对象和集合，比Underscore拥有更多的功能和更好的性能。官网：https://lodash.com/引用：<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></scrip 阅读全文

posted @ 2020-01-10 11:19 云雀sunshine 阅读(280) 评论(0) 推荐(0)

lodash用法系列2: 处理对象

摘要：Lodash用来操作对象和集合，比Underscore拥有更多的功能和更好的性能。官网：https://lodash.com/引用：<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></scrip 阅读全文

posted @ 2020-01-10 11:19 云雀sunshine 阅读(1777) 评论(0) 推荐(0)

lodash用法系列1：数组集合操作

摘要：Lodash用来操作对象和集合，比Underscore拥有更多的功能和更好的性能。官网：https://lodash.com/引用：<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></scrip 阅读全文

posted @ 2020-01-10 11:18 云雀sunshine 阅读(3122) 评论(0) 推荐(0)

关于CSS Reset 那些事（二）之 Normalize.css 源码解读

摘要：前言上一章节介绍了CSS Reset的历史，最后对Normalize.css做了简单的了解，所以从这节开始对源码进行注释翻译与解读，尽可能从最根本性的问题了解它在帮我们做什么？回顾：关于CSS Reset 那些事（一）之历史演变与Normalize.css Normalize 源码解读前面讲阅读全文

posted @ 2020-01-10 11:09 云雀sunshine 阅读(228) 评论(0) 推荐(0)

关于CSS Reset 那些事（三）之 Normalize-zh.css 出炉

摘要：前言上一章节我们对 Normalize.css 源码进行解析，但是由于其代码过长导致不宜浏览，所以表单Forms，表格 Table 部分内容放在此章节介绍。本章节会完成所有源代码翻译整理，最终会整理出Normalize-zh.css 中文版本并开源至 Github 供大家交流使用。回顾：关于CS 阅读全文

posted @ 2020-01-10 11:09 云雀sunshine 阅读(169) 评论(0) 推荐(0)

关于CSS Reset 那些事（四）之构架CSS基础样式库

摘要：前言先来回顾一下前几章节，我们都说了哪些内容： CSS Reset 历史与 Normalize.css 介绍 Normalize.css 源码解读 Normalize-zh.css 出炉围绕着CSS Reset这个话题我们已将讲了3章节，从中了解到CSS Reset的作用，Normalize. 阅读全文

posted @ 2020-01-10 11:09 云雀sunshine 阅读(369) 评论(0) 推荐(0)

关于CSS Reset 那些事（一）之历史演变与Normalize.css

摘要：前言近期在翻阅陈旧的历史资料，整理之前饱受争议的CSS Reset问题，不过好像十多年过去，现在大家统一了口径，纷纷推荐使用Normalize.css，包括Bootstrap都进行了内置使用，可见它的认可程度之高。由于文章涉及内容较多，会分为章节进行介绍：第一章，整理CSS Reset历史的演阅读全文

posted @ 2020-01-10 11:09 云雀sunshine 阅读(477) 评论(0) 推荐(0)

自动化测试：html报告--HTMLTestRunner 安装

摘要：通过 pip 安装 HTMLTestRunne失败。则需要通过手动下载。下载地址:http://tungwaiyip.info/software/HTMLTestRunner.html 下载后，把HTMLTestRunner.py 文件复制到Python 安装路径下的lib文件夹中即可。在pyt 阅读全文

posted @ 2020-01-10 11:07 云雀sunshine 阅读(793) 评论(0) 推荐(0)

自动化测试-【Python 解决错误】自动化测试运行OK，但未生成报告

摘要：问题再现：使用 pycharm ,运行测试代码：直接点击运行，运行成功，但未生成对应的测试结果文件解析原因：该方法适用于以下条件： 1.运行测试用例一切正常，只是没有测试报告显示 2.使用命令行pyhon 脚本名字.py 却可以生成测试报告 pycharm 在运行测试用例的时候默认是以un 阅读全文

posted @ 2020-01-10 11:07 云雀sunshine 阅读(1076) 评论(0) 推荐(0)

自动化测试-【Python 解决错误】selenium.common.exception.WebDriverException

摘要：近来准备写个脚本去搜索某端游的官网交易平台。因为也不懂高端的爬虫技术，决定用selenium去戳。这里采用的是chrome浏览器，链接网页时报错： File "C:\Python37\lib\site-packages\selenium\webdriver\chrome\webdriver.py", 阅读全文

posted @ 2020-01-10 11:07 云雀sunshine 阅读(596) 评论(0) 推荐(0)

antd pro2.0 使用记录七：问题

摘要：目录：列表数据返回列表数据分页，选中的数据无效修改 antd 默认样式页面多表单校验列表数据返回，选中的数据无效：后台数据返回的是截取后的单页数据（是指每页返回的数据通过调用后台获取，获取的固定10/20条）时：会导致搜索、排序等只能对当前页生效。会导致前页选中的数据无效了。-- 官阅读全文

posted @ 2020-01-10 10:59 云雀sunshine 阅读(598) 评论(0) 推荐(1)

antd pro2.0 使用记录六：与服务端交互（自建服务）

摘要：1. 参考资料参考ant design pro 参考DvaJs 1 新建页面 2 创建Models 3 创建services 4 修改代理文件 5 创建后端应用 6 访问效果 7 大概流程上篇：antd pro2.0 使用记录五：设置代理原有 mock 服务：antd pro2.0 使用记录六阅读全文

posted @ 2020-01-10 10:58 云雀sunshine 阅读(1169) 评论(0) 推荐(0)

antd pro2.0 使用记录六：与服务端交互（使用原有mock）

摘要：1 新建页面 2 创建Models 新建该文件，啥都不写的时候，会看到页面上出现如下报错：不要慌，原因如下： 3 创建services (使用已有的services可略过此步骤) 4 修改代理文件（使用已有接口，可略过此步骤） 4.2 具体代码 proxy: { // 代理以访问 /server/ 阅读全文

posted @ 2020-01-10 10:58 云雀sunshine 阅读(763) 评论(0) 推荐(0)

antd pro2.0 使用记录四：右侧顶部菜单栏+新建页面

摘要：主要处理下图部分（主右边模块）设置：由于 /layouts 全部只是布局相关的，与具体显示内容信息无关 -- / ***.js 提供对应方法 -- /****.less 布局设置其具体实现在 src/components/GlobalHeader/ RightContent.js 里面： ret 阅读全文

posted @ 2020-01-10 10:58 云雀sunshine 阅读(4499) 评论(1) 推荐(1)

antd pro2.0 使用记录五：设置代理

摘要：设置代理 1.1 在config->config.js->『将82行和88行的注释打开』 proxy: { '/server/api/': { // 代理前缀，请求格式：http://localhost:8000/server/api/资源地址,将所有以/server/api 开头的所有路由都代理到阅读全文

posted @ 2020-01-10 10:58 云雀sunshine 阅读(1411) 评论(0) 推荐(0)

antd pro2.0 使用记录三：多个接口调用问题

摘要：当多个接口调用，后面的接口需要使用前面接口返回的数据时，我们需要用到 .then（）的写法，如下：上篇：antd pro2.0 记录二：登录/注册页面逻辑，调用后台下篇：antd pro2.0 使用记录四：右侧顶部菜单栏+新建页面阅读全文

posted @ 2020-01-10 10:57 云雀sunshine 阅读(736) 评论(0) 推荐(0)

antd pro2.0 记录二：登录/注册页面逻辑，调用后台

摘要：1. 从数据流开始，分析 antd 最直接的办法就是看代码了，首先分析一下登录过程的数据流向，登录界面对应的 js 文件在 src/pages/User/Login.js, 自动忽略所有代码是啥意思，找到下面的代码： // 登录提交 handleSubmit = (err, values) => { 阅读全文

posted @ 2020-01-10 10:57 云雀sunshine 阅读(2515) 评论(2) 推荐(0)

antd pro2.0 使用记录一：登录/注册/底部版权等设置

摘要：1.下载项目源码从 github 上面下载源码，代码如下下载好的项目如图 2. 删除无关代码删除前删除后，图片中有个注意事项请关注以下 3.安装依赖以及启动项目基本源码结构，部分主要简介： config/router.config.js -- 路由菜单 mock/... -- 模拟数据 s 阅读全文

posted @ 2020-01-10 10:56 云雀sunshine 阅读(1419) 评论(0) 推荐(1)