SZ 博客

忠于理想 忠于技术

0%

发表于 分类于 阅读次数：

公交车概率论问题

怕不是上了个假大学系列第一篇。

问题

公交车站有两趟公交车、A五分钟一趟、B十分钟一趟。问在该公交车站一分钟内等到车的概率。

答案

0.28

阅读全文 »

发表于 分类于 ， 阅读次数：

SCRIPT5018: 错误的数量词

正则问题

问题：IE 11 不支持(?<= ) (?<! ) 正则

解决方案： 1. 检索此类正则并手动修复

资料：

https://docs.microsoft.com/zh-cn/scripting/javascript/misc/unexpected-quantifier-javascript?f1url=%3FappId%3DDev12IDEF1%26l%3DZH-CN%26k%3Dk(VS.WebClient.Help.SCRIPT5018)

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp

解决方案： 2. 如果是子依赖项报错可在外层项目再走一遍webpack来纠正。

资料：

如果是基于vue-cli的项目在vue.config.js中构建配置如下：

1
2
3
module.exports = {
  transpileDependencies:['your lib name']
}

原理为：将以上node_modules内的包再走一次webpack编译，如果项目本身webpack配置是支持IE11的这些包也将会支持IE11。

非基于vue-cli的项目请根据原理酌情修改webpack配置。

阅读全文 »

发表于 分类于 ， ， 阅读次数：

版本：V4.6.0

API介绍

[focusNodeAdjacency](https://echarts.apache.org/zh/option.html# series-graph.focusNodeAdjacency)：主要在关系图及桑基图中应用，表示是否在鼠标移到节点上的时候突出显示节点以及节点的边和邻接节点。具体操作为修改其余节点的透明度。

背景

设计师认为突出节点时其余点透明度过低，使用该API发现无法修改被忽略节点及连线的透明度。

阅读全文 »

发表于 分类于 阅读次数：

同源策略是什么

同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以xyz.com下的js脚本采用ajax读取abc.com里面的文件数据是会被拒绝的。

同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

目的

同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。

设想这样一种情况：A网站是一家银行，用户登录以后，又去浏览其他网站。如果其他网站可以读取A网站的 Cookie，会发生什么？

很显然，如果 Cookie 包含隐私（比如存款总额），这些信息就会泄漏。更可怕的是，Cookie 往往用来保存用户的登录状态，如果用户没有退出登录，其他网站就可以冒充用户，为所欲为。因为浏览器同时还规定，提交表单不受同源政策的限制。

由此可见，”同源政策”是必需的，否则 Cookie 可以共享，互联网就毫无安全可言了。

同源的定义

如果两个页面的协议，主机和端口（如果有指定）都相同，则两个页面具有相同的源。我们也可以把它称为“协议/主机/端口 tuple”，或简单地叫做“tuple”. (“tuple” ，“元”，是指一些事物组合在一起形成一个整体，比如（1，2）叫二元，（1，2，3）叫三元)

下表给出了相对http://store.company.com/dir/page.html同源检测的示例:

URL 组成

{protocol}://{host}:{port}/{filePath}?{query(key=value&key2=value2)}#{fragment}

URL 结果 原因
http://store.company.com/dir2/other.html 成功 只有路径不同
http://store.company.com/dir/inner/another.html 成功 只有路径不同
https://store.company.com/secure.html 失败 不同协议 ( https和http )
http://store.company.com:81/dir/etc.html 失败 不同端口 ( http:// 80是默认的)
http://news.company.com/dir/other.html 失败 不同域名 ( news和store )

另请参见文件的源定义: URLs.

参考 & 引用

https://www.cnblogs.com/rain-chenwei/p/9520240.html
https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy
https://blog.csdn.net/shuai_wy/article/details/51186956
http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html

发表于 分类于 阅读次数：

Git Bash 美化

终端美化的方案有很多、首推ob my zsh，但其在windows平台配置较为复杂，如果不太想折腾，仅仅就Git Bash做一个简单的美化和实用化、可以看这篇文章。

基础效果

gitbashconfig-1

最终效果

gitbashconfig-2

这里删除了基本无变化且个人并不关心的用户、主机、和系统信息，显示了当前时间并对分支样式做了修改。

阅读全文 »

发表于 更新于 分类于 ， 阅读次数：

图表推荐调研

背景 & 目的

图表选择困难，拿到一份数据是应该用饼图还是用柱图去展示？工程视往往有工程视的判断、设计师有设计师的考量，同时产品和客户的意愿可能又不相同。到底这个数据最适合采用哪种图表去展示？以前我们普遍的采用朴素经验主义，即以前用的啥，我们现在还用啥、别的用的啥我们就用啥。这种方式既不科学、也没有说服力。所以我们需要去维护一套知识库，界合经验和分析去判断哪些那些类的数据更适合用哪种图表展示。本质上是解决一个数据到图表种类的映射关系。

前言

本文主要基于AVA logo。即阿里的autoChart去分析他们所采用的解决方案。调研对于该问题，他们的解决方案是否可行，优点以及不足。

简介

AVA AVA logo Visual Analytics) 是为了更简便的可视分析而生的技术框架。 其名称中的第一个 A 具有多重涵义：它说明了这是一个出自阿里巴巴集团（Alibaba）技术框架，其目标是成为一个自动化（Automated）、智能驱动（AI driven）、支持增强分析（Augmented）的可视分析解决方案。（引用自 ava Readme）

阅读全文 »

发表于 分类于 阅读次数：
  1. 已知两圆的圆心和半径，第三圆的半径，且三圆两两相切，求第三圆圆心坐标。设圆1圆心,半径为 $$ x_1,y_1,r_1 $$ , 圆2 $$ x_2,y_2,r_2 $$ 。圆3 $$ x_3,y_3,r_3 $$ 即可得

    1. 公式1.1 $$ (x_3-x_1)^2 + (y_3-y_1)^2 = (r_3+r_1)^2 = d31 $$

    2. $$ (x_3-x_2)^2 + (y_3-y_2)^2 = (r_3+r_2)^2 = d32 $$

    3. $$ (x_2-x_1)^2 + (y_2-y_1)^2 = (r_1+r_2)^2 = d21 $$

    根据1、2、3式即得：

    1. $$ x = (d21+d32-d31)/(2*d21) $$

    2. $$ y = \sqrt{d32/d21 - x^2} $$