fg411 | A blog for fg411

赛马题-从25匹马中选出最快的三/五匹马

Fri, 04 Dec 2020 16:19:00 +0000

从25匹马中选出最快的三/五匹马

前些天看别人的面试题，看到这个题目。一开始没仔细想，后来看了一篇博客，发现之前的答案都不是最少的

从25匹马中选出最快的三匹马

问：25匹马，5个赛道，没有表和计数器之类的东西，至少跑几次可以找出最快的三匹马？

25匹马分五组，每组按成绩排序，如下：

[ q, w, e, r, t ] [ y, u, i, o, p ] [ a, s, d, f, g ] [ h, j, k, l, z ] [ x, c, v, b, n ] 

第六次：取每组第一名：[ q, y, a, h, x ]，比赛一次, 假设按成绩排序是 [ a, q, x, h, y ]，则第一名是 a

因为只需要取前三名，第六次比赛时第四名和第五名不在筛选范围内，又因为这两匹马都是小组第一，所以，这两个小组都不在筛选范围内。

[ q, w, e, r, t ] [ s, d, f, g ] [ x, c, v, b, n ]

此时，除去 a 之后，目前的筛选范围中，第一组的前两名[q, w]和第二组的前两名[s, d]都有可能是前三，而 x 最好的结果是第三名

...

scp命令

Fri, 20 Nov 2020 09:22:00 +0000

语法

>scp [可选参数] file_source file_target

参数说明

-1： 强制scp命令使用协议ssh1 -2： 强制scp命令使用协议ssh2 -4： 强制scp命令只使用IPv4寻址 -6： 强制scp命令只使用IPv6寻址 -B： 使用批处理模式（传输过程中不询问传输口令或短语） -C： 允许压缩。（将-C标志传递给ssh，从而打开压缩功能） -p： 保留原文件的修改时间，访问时间和访问权限。 -q： 不显示传输进度条。 -r： 递归复制整个目录。 -v： 详细方式显示输出。scp和ssh(1)会显示出整个过程的调试信息。这些信息用于调试连接，验证和配置问题。 -c： cipher： 以cipher将数据传输进行加密，这个选项将直接传递给ssh。 -F： ssh_config： 指定一个替代的ssh配置文件，此参数直接传递给ssh。 -i： identity_file： 从指定文件中读取传输时使用的密钥文件，此参数直接传递给ssh。 -l： limit： 限定用户所能使用的带宽，以Kbit/s为单位。 -o： ssh_option： 如果习惯于使用ssh_config(5)中的参数传递方式， -P： port：注意是大写的P, port是指定数据传输用到的端口号 -S： program： 指定加密传输时所使用的程序。此程序必须能够理解ssh(1)的选项 

从本地复制到远程

# 复制文件命令格式 >scp local_file remote_username@remote_ip:remote_folder >scp local_file remote_username@remote_ip:remote_file >scp local_file remote_ip:remote_folder >scp local_file remote_ip:remote_file # 复制目录命令格式 scp -r local_folder remote_username@remote_ip:remote_folder scp -r local_folder remote_ip:remote_folder 

...

Less命令

Thu, 19 Nov 2020 17:26:00 +0000

　　我们常用tail -n 或者 tail -f 或者 grep 或者 vi 、cat 等各种命令去查看异常信息，记下less 的使用方法

基操

第一步：打开日志文件
```
>less sigma.log 
```
第二步：定位到日志文件的最后一行（ shift+g 可移动到最后一行）
第三步：ctrl+b 往前一页一页翻页查看

常见使用方法

搜索

当使用命令 less file-name 打开一个文件后,可以使用下面的方式在文件中搜索。搜索时整个文本中匹配的部分会被高亮显示

1.1 向前搜索 / : 使用一个模式进行搜索，并定位到下一个匹配的文本（按 n : 向前查找下一个匹配的文本；按 N : 向后查找前一个匹配的文本）
1.2 向后搜索 ? : 使用模式进行搜索,并定位到前一个匹配的文本（n : 向后查找下一个匹配的文本；N : 向前查找前一个匹配的文本）

全屏导航

...

使用vue指令实现复制代码

Fri, 29 May 2020 16:50:00 +0000

　　看掘金刷到Vue.directive，想想到现在自己也没写过指令，于是就想写一个指令试试。正考虑写什么好呢，瞅到了复制代码，不禁感叹：哥真是机智啊。废话不多说，撸起来！

　　src的目录下有关文件的路径：

├─ main.js ├─ libs │ ├─ copy.js │ └─ directives.js └─ pages └─ Index.vue 

　　copy.js：指令的具体内容

const vCopy = { bind(el, binding, vNode) { function clickHandler(e) { if(el !== e.target) { return false; } let code = el.previousElementSibling.textContent // let code...



tree常用命令
Tue, 19 May 2020 11:50:00 +0000
Mac安装

>brew install tree


实用命令

　　我们可以在目录遍历时使用 -L 参数指定遍历层级。例：显示项目三层结构，tree -l 3

>tree -L n


　　如果你想把一个目录的结构树导出到文件 Readme.md ,可以这样操作

>tree -L 2 >README.md //然后我们看下当前目录下的 README.md 文件


　　只显示文件夹

>tree -d


　　tree -I pattern 用于过滤不想要显示的文件或者文件夹。比如要过滤项目中的node_modules文件夹

>tree -I "node_modules"




资料


  Mac下的 tree 命令 输出目录树层结构



如何使用mock模拟数据
Fri, 24 Apr 2020 10:22:00 +0000
Mockjs的使用
 　　如今的项目开发模式大多都是前后端分离，既然前后端分离，那开发时就可能会遇到前后端不同步，当前端多次催促服务端后还得不到接口时，分歧就有可能产生。此时Mock.js的存在，对前端而言应该算是一种福利了，在开发过程中，前端可以自己模拟数据，开发进度不再受服务端影响
 　　有文章说Mock.js数据模拟通过改写jquery和zepto的$.ajax方法实现拦截Ajax请求，使用原生js封装的ajax方法可能不能拦截
 　　本篇是在Vue项目中使用Mock.js,各位看官可根据个人的项目使用灵活应变
 安装 Mock.js 模块
 > npm install mockjs --save-dev 
 使用 Mock.js 进行数据模拟
 　　新建一个模拟数据的js文件，如在src目录下新建mock.js,并在 main.js引入该文件 以下是个简单的例子：
 　　src/mock.js 内容
 import Mock from 'mockjs' const Random = Mock.Random const customList = function() { let Data = [] for (

git常用语句
Wed, 22 Apr 2020 15:30:00 +0000
配置用户信息
 　　安装完 Git 之后，要做的第一件事就是设置你的用户名和邮件地址。 这一点很重要，因为每一个 Git 提交都会使用这些信息，它们会写入到你的每一次提交中，不可更改
 　　下面是配置全局的用戶信息
 >git config --global user.name "xxx" // 修改用户名，xxx 处填写你的用户名 >git config --global user.email "xxx" // 修改邮箱地址，xxx 处填写你的邮箱地址 
 检查配置信息
 　　如果想要检查你的配置，可以列出所有 Git 当时能找到的配置，也可以只查看用戶名、郵箱
 >git config --list >git config user.name >git config user.email 
 修改指定项目的用户名和邮箱地址
 　　如果希望在一个特定的项目中使用不同的 用户名 和 邮箱 来提交，可以使用下面的方法单独设置 用户名 和 邮箱 ，如果不设置就会默认使用上面全局设置的 用户名 和 邮箱
 >git config user.name "xxx" >git config user.email 

npm-ci命令行
Thu, 16 Apr 2020 09:55:00 +0000
　　刷微博，刷到阮一峰的微博提到npm ci，出于好奇，查了一下，在这记录下来
 用途
 　　npm ci 和 npm i 类似，都可以用来安装依赖。他比常规的 npm i 安装快，也比常规安装更严格，他可以npm依赖安装的一致和稳定 (锁版本)
 　　在package.json中，每次install后，对应的版本前都有个 ^ 符号。在这种情况下，你再次install时安装的包的版本可能与前次不一样。具体的，你可以到 package-lock.json 中查看实际的包版本
 　　^的匹配规则是：>= 当前版本，且保持从左至右的第一个非零版本。举例说明：
 "^1.2.3": 大于等于 1.2.3 且小于 2.0.0版本 "^0.3.4": 大于等于 0.3.4 且小于 0.4.0版本 "^0.0.6": 大于等于 0.0.6 且小于 0.0.7版本 
 　　若我们一直使用install命令时，便会遇到开发和测试、发布时包版本不同的问题，这种细微的差别往往会导致严重的结局
 用法
 　　在 npm i(install) 的地方改用 npm ci，当然项目中必须有一个 package-lock.json 或 npm-shrinkwrap.json
 　　注：npm版本要 >= 5.7
 与npm i的区别
  npm i依赖package.json，而npm ci依赖package-lock.json, 项目里面必须存在 FileReader时发现一个例子也是粘贴图片内容，闲来无事就写个demo试一试，顺便还发现了很多不常见的知识点
 <div id="preview" contenteditable="true"> 江湖笑，<br /> 恩怨了，<br /> 人过招，<br /> 笑藏刀。 <br /> </div> 
 document.addEventListener('paste', function(event){ let items = (event.clipboardData || window.clipboardData).items; let blob = null; let str = null; if(items && items

var、let和const的区别
Wed, 25 Mar 2020 11:20:00 +0000
let、var和const的区别
 　　现在讨论一下ES5的var和ES6的let、const
 为什么会有let 和 const
 　　ES5只有 全局作用域 和 函数作用域，有时遇到一些不合理的场景，比如遇到下面的代码，大部分人会选择使用闭包来解决这个问题。而ES6引入的let可以完美的解决这个问题。至于如何使用闭包实现let功能，可以看这里，有错误的话，还望指正。
 `use strict` var a = [] for(var i = 0;i<5;i++){ a[i] = function(){ console.log(i) } } for (var k of a){ k

CSS画几何图形
Wed, 25 Mar 2020 11:20:00 +0000
　　一直对css不在行，最近发现CSS可以很简单的画出几何图形，这里选了几个贴上来，想看更多请 点击这里
 /*正方形*/ #square { width: 100px; height: 100px; background: blue; } /*圆形*/ #circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } /*椭圆*/ #oval { width: 200px; height: 100px; background: red

Git忽略规则及.gitignore规则正确姿势
Tue, 24 Mar 2020 15:44:00 +0000
实现需求

　　在git中如果想忽略掉某个文件或者文件夹，不想这个文件或者文件夹提交到版本库中，可以使用修改根目录中 .gitignore 文件的方法（如无，则需自己手工建立此文件）。这个文件每一行保存了一个匹配的规则例如：

创建gitignore文件

> touch .gitignore

注释Git忽略规则
# 此为注释 – 将被 Git 忽略
 
*.a       # 忽略所有 .a 结尾的文件
!lib.a    # 但 lib.a 除外
/-liberxuesite     # 仅仅忽略项目根目录下的 liberxuesite 文件，不包括 subdir/liberxuesite
liberxue/    # 忽略 liberxue文件夹/ 目录下的所有文件以及文件夹本身
doc/*.txt # 会忽略 doc/notes.txt 但不包括 doc/server/arch.txt

gitignore忽略规则不生效原因

　　规则很简单，不做过多解释，但是有时候在项目开发过程中，突然心血来潮想把某些目录或文件加入忽略规则，按照上述方法定义后发现并未生效，原因是.gitignore只能忽略那些原来没有被track的文件，如果某些文件已经被纳入了版本管理中，则修改.gitignore是无效的。那么解决方法就是先把本地缓存删除（改变成未track状态），然后再提交：

> git rm -r --cached .
> git add .
> git commit -m 'update .gitignore'



关于html中的position属性
Wed, 11 Mar 2020 16:50:00 +0000
　　 　　今天按demo写例子，发现relative和absolute可以配合使用，所以又来复习一下position的常用属性:
  sticky：基于用户的滚动位置来定位。也就是以sticky标签定义的标签会随着页面上下移动，但是其内容却不会超过屏幕比如在网站侧边那些移动导航栏
 static：HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到 top, bottom, left, right影响。也就是和没写position一样的效果
 fixed：元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动，相当一个壁纸标签一样一动不动像镶嵌在屏幕里一样，在很多网站尤其是购物网站里面经常能看到，你看到页面侧边那静静躺在那的导航栏就是用fixed实现的
 relative：生成相对定位的元素，相对于其正常位置进行定位；因此，”left:20” 会向元素的 LEFT 位置添加 20 像素
 absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位；元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定
 
 看完各个属性，上代码
 <div class="box"> <div class="back"></div> <div class="modal"> <span class="desc"> 描述文字 </span> </div> </div> <style type="text/css"> .box{ position: relative; height: 200px; width: 300px } .back{ 

罗列一些常见的页面布局
Mon, 09 Mar 2020 15:40:00 +0000
 圣杯布局
 双飞翼布局
 flex 布局
 
 　　昨天看博客时无意间发现圣杯布局和双飞翼布局，知(gu)识(lou)渊(gua)博(wen)的我赶紧学习一下
 
 　　圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。
 　　圣杯布局是为了讨论「三栏液态布局」的实现，最早的完美实现是由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》 ，而双飞翼布局来源于淘宝UED。虽然两者的实现方法略有差异，不过都遵循了以下要点：
  两侧宽度固定，中间宽度自适应
 中间部分在DOM结构上优先，以便先行渲染
 允许三列中的任意一列成为最高列
 只需要使用一个额外的<div>标签
 
 
 圣杯布局
 <body> <div id="hd">header</div> <div id="bd"> <div id="middle">middle</div> <div id="left">left</div> <div id="right">right</div> </div> <div id="footer">footer</div> </body> <style> #hd{ height:50px; 

用canvas画个闹钟吧
Wed, 15 Jan 2020 16:00:00 +0000
　　之前想学canvas，今天看到个课程是用canvas画的闹钟，一开始以为会很难，按照课程写了一遍后发现如此简单，下面把 js 部分贴上来
 var dom = document.getElementById('clock'); var ctx = dom.getContext('2d'); var height = ctx.canvas.height; var width = ctx.canvas.width; var r = width / 2; // 计算闹钟半径 var rem = width / 200; // 计算比例，防止放大缩小时变型 function 

Mac上实用的命令行语句
Mon, 06 Jan 2020 18:00:00 +0000
查看当前目录下的所有文件（包含文件夹）大小

>du -hs *
>du -shc *


两个命令都可以，第二个能在最后显示一个 total 大小，即当前目录的总大小

>du -sh * | sort -rh

显示当前目录下所有文件（包含文件夹）大小，并排序



打开文件夹

>open .


查看硬盘容量
>df -h


查看文件

tail命令查看文件的最后十行内容

>tail -10 filename




参考

  Mac 终端命令大全



JS的this面试题
Mon, 06 Jan 2020 18:00:00 +0000
1 . this
 
 　　什么是 this ？在讨论 this 绑定前，我们得先搞清楚 this 代表什么
  1 . this是JavaScript的关键字之一。它是 对象自动生成的一个内部对象，只能在 对象 内部使用。随着函数使用场合的不同，this 的值会发生变化
 2 . this指向什么，完全取决于 什么地方以什么方式调用，而不是 创建时。（比较多人误解的地方）（它非常语义化，this在英文中的含义就是 这，这个 ，但这其实起到了一定的误导作用，因为this并不是一成不变的，并不一定一直指向当前 这个）
 
 2 . this 绑定规则
 
 　　掌握了下面介绍的4种绑定的规则，那么你只要看到函数调用就可以判断 this 的指向了
 2.1 默认绑定
 function foo(){ var a = 1 ; console.log(this.a); // 10 }...


curl 和 wget 的区别和使用
Fri, 03 Jan 2020 16:00:00 +0000
　　非要说区别的话，curl 由于可自定义各种请求参数所以在模拟web请求方面更擅长；wget 由于支持 ftp 和 Recursive 所以在下载文件方面更擅长。类比的话 curl 是浏览器，而 wget 是迅雷
 1. 下载文件
 >curl -O http://man.linuxde.net/text.iso #O大写，不用O只是打印内容不会下载 >wget http://www.linuxde.net/text.iso #不用参数，直接下载文件 
 2. 下载文件并重命名
 >curl -o rename.iso http://www.linuxde.net/text.iso #o小写 >wget -O rename.zip http://www.linuxde.net/text.iso #O大写 
 3. 断点续传
 >curl -O -C - http://man.linuxde.net/text.iso #O大写，C大写 >wget -c http://www.linuxde.net/text.iso #c小写 
 4. 限速下载
 

jQuery实现瀑布流
Tue, 24 Dec 2019 18:00:00 +0000
　　瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部
 瀑布流的排序规律
  每张图片的宽度是一致的
 从左往右进行排序，第一排放不下则从第二排从新开始排列
 第二排或者往后的每排图片放置的位置为上一排高度最小图片的下面依次排放
 
 瀑布流实现的原理
 1、图片的位置摆放
  图片位置的摆放大致可以不添加样式一次放置
 通过设置成块级元素，进行摆放
 通过绝对定位来进行摆放
 
 2、 瀑布流图片/div容器的实现是通过对其进行绝对定位来实现的
  假设X轴列有4张图片，宽度为100px; 那第一张left 值为0，第二张left值为100px，第三张为200px,第四张为300px
 图片的高度，我们需要通过对其图片的高度进行判断，让第二横对的图片首先放到 X 列高度最小的图片下面(如图所示，一横列为4张图片，第五张图片放在第二横列中，寻找到第二列的图片高度最低，就将图片当道第二列中。第6张图片寻找到第四列的高度低就将图片放到第四列中，下面每次都是这样)
 因为图片的高度很重要，我们需要保存并进行比较，所以我们要用一个数组来接受图片的高度
 
 <!DOCTYPE html> <html> <head> <title>瀑布流</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <style type="text/css"> .waterfall{ max-width: 860px; margin: 0 auto; position: relative; } .waterfall img{ width: 100px; margin: 10px; position: absolute

ES6中let的实现
Fri, 20 Dec 2019 16:00:00 +0000
　　之前看到过一篇博客写ES6中let的实现，没太在意，最近闲来搜了一下也看了几篇博客，在这贴一些代码
 　　ES6出来之前，作为菜鸟的我遇到下面这种，就会抱怨JS真是满满的坑
 `use strict` var a = [] for(var i = 0;i<5;i++){ a[i] = function(){ console.log(i) } } for (var k of a){ k(); } // 我们想在 console.log 中打印 0 ~ 4，而事实打印出来的却是 5 个 5 
 　　现在使用 ES6 的 用 font-size: 0 来清除间距 
　　inline-block 的元素之间会受空白区域的影响，也就是元素之间差不多会有一个字符的间隙。如果在同一行内有4个25%相同宽度的元素，会导致最后一个元素掉下来。你可以利用元素浮动 float，或者压缩html，清除元素间的空格来解决。但最简单有效的方法还是设置父元素的 font-size 属性为 0
 *{ box-sizing: border-box; } .items { font-size: 0; } .items > .item { display: inline-block; width: 25%; height: 50px; border: 1px solid #ccc; text-align: center; line-height: 50px; background-color: #eee;...


node实现反向代理
Mon, 18 Nov 2019 18:00:40 +0000
　　公司在做银行项目，开发都在云桌面。不能直接访问服务器上的接口服务，但是可以连接到云桌面，所以搭建个代理之后就可以愉快的在本地开发啦
 　　安装http-proxy模块
 >npm install http-proxy --save-dev 
 　　新建js文件
 // server.js const http = require('http'); const httpProxy = require('http-proxy'); var proxy = httpProxy.createProxyServer({}); proxy.on('error', function(err, req, res){ res.writeHead(500, {'Content-Type': 'text/plain'}); 

nvm介绍与使用
Mon, 11 Nov 2019 14:00:00 +0000
　　Node 版本快速迭代，项目多了就会需要切换 Node 版本，这时可以尝试使用 NVM 或 n，在这里我们介绍一下 NVM
 >node -v 
 　　在官网下载的 node 安装包，运行后会自动安装在全局目录，使用过程中经常会遇到一些权限问题，所以卸载全局安装的 node/npm
 >brew install nvm 
 　　列出已安装
 >nvm ls 
 　　显示当前的版本
 >nvm current 
 　　安装最新稳定版 node
 >nvm install stable 
 　　安装指定版本（如：8.11.4）
 >nvm install 8.11.4 
 　　删除已安装指定版本（如：8.11.4）
 >nvm install 8.11.4 
 　　切换版本（如：8.11.4 /...


更换brew镜像源并安装oh-my-zsh
Mon, 11 Nov 2019 14:00:00 +0000
　　Homebrew 通过 Git 来工作的, 默认的源是 Github. 所以update,install超级慢!
 更换 brew 镜像源
 　　1.替换 brew.git
 > cd "$(brew --repo)" # 切换到 Homebrew 目录 >git remote set-url origin https://mirrors.aliyun.com/homebrew/brew.git # 切换成阿里源, 其实就是改了远程仓库的地址 
 　　替换 homebrew-core.git
 >cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core" >git remote set-url origin git://mirrors.ustc.edu.cn/homebrew-core.git 
 　　替换 homebrew-bottles : 二进制文件
 >echo export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.ustc.edu.cn/homebrew-bottles’ >> ~/.bash_profile >source ~/.bash_profile ...


2019年的书单
Mon, 11 Nov 2019 11:11:11 +0000
书单


  你坏
  树莓派开始，玩转Linux （入门可以尝试购买）
  浪潮之巅（上册）
  我们仨
  湖畔
  以眨眼干杯
  岛上书店
  浪潮之巅（下册）
  明朝那些事儿
  围城
  罗生门
  三体
  杀死一只知更鸟
  只是丢了手机而已
  我是貓
  追风筝的人



浏览器的同源策略与跨域
Fri, 08 Nov 2019 14:30:00 +0000
　　1995年，同源政策由 Netscape 公司引入浏览器。目前，所有支持JavaScript的浏览器都都会使用这个策略。”同源政策”（same-origin policy）是浏览器安全的基石
 
 1 概述
 1.1 含义
 　　所谓同源是指，域名，协议，端口相同
 1.2 目的
 　　同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据
 1.3 缺点和权衡
 　　如果严格的遵循同源策略，会面临很多的问题。比如，图片，css，js等都得从同域名网站下去获取，个人网站，小网站这样是没问题的。但是对于用户量很大的网站，显然对服务器的压力将会很大，图片等大文件都会占用服务器的带宽
 　　不要安全不行，不要性能也不行。在安全和性能上的考虑，使得现代浏览器在安全性和可用性之间选择了一个平衡。所以，现在的浏览器，对于一些资源标签，都开了后门权限。比如，img script style等标签，都允许垮域引用资源
 　　正因为跨域访问的存在，web世界才能更加的精彩
 1.4 限制范围
 　　随着互联网的发展，”同源政策”越来越严格。目前，如果非同源，共有三种行为受到限制
  Cookie、LocalStorage 和 IndexDB 无法读取
 DOM 无法获得
 AJAX 请求不能发送
 
 　　同源策略下的web世界, 域的壁垒高筑, 从而保证各个网页相互独立, 互相之间不能直接访问, iframe, ajax 均受其限制, 而script标签不受此限制
 iframe限制
  可以访问同域资源, 可读写
 访问跨域页面时, 只读
 
 Ajax限制
  同域资源可读写
 跨域请求会直接被浏览器拦截(chrome下跨域请求不会发起, 其他浏览器一般是可发送跨域请求, 但响应被浏览器拦截)
 
 Script限制
 　　script并无跨域限制, 这是因为script标签引入的文件不能够被客户端的 js 获取到, 不会影响到原页面的安全, 因此script标签引入的文件没必要遵循浏览器的同源策略. 相反, ajax 加载的文件内容可被客户端 js 获取到, 引入的文件内容可能会泄漏或者影响原页面安全, 故 ajax...


eslint规则整理
Fri, 01 Nov 2019 14:00:00 +0000
　　使用vue-cli脚手架生成的Vue项目，会有关于代码规范的选择，eslint是其中之一。作为一个开发者，主流的开发规范虽然不是必须要使用，但是还是需要了解一下的
 ESLint 主要有以下特点
  1、默认规则包含所有 JSLint、JSHint 中存在的规则，易迁移
 2、规则可配置性高：可设置「警告」、「错误」两个 error 等级，或者直接禁用
 3、包含代码风格检测的规则（可以丢掉 JSCS 了）
 4、支持插件扩展、自定义规则
 
 　　Vue项目ESLint的配置规则在 根目录下 .eslintrc.js文件的 rules 下
 　　以下是规则和注释，留下以备以后开发时用到
 "rules": { // 定义对象的set存取器属性时，强制定义get "accessor-pairs": 2, // 指定数组的元素之间要以空格隔开(,后面)， never参数：[ 之前和 ] 之后不能带空格，always参数：[ 之前和 ] 之后必须带空格 "array-bracket-spacing": [2,

Raspberry安装shadowsocks-qt5
Fri, 01 Nov 2019 10:30:00 +0000
更新软件源
sudo apt-get update


安装PIP环境
sudo apt-get install python-pip


安装shadowsocks
sudo pip install shadowsocks


后台运行
sudo ssserver -p 23564 -k password -m rc4-md5 --user nobody -d start


端口号：23564
密码：password
加密方法：rc4-md5


搭建shadowsocks服务
Fri, 01 Nov 2019 10:30:00 +0000
更新软件源
sudo apt-get update


安装PIP环境
sudo apt-get install python-pip


安装shadowsocks
sudo pip install shadowsocks


后台运行
sudo ssserver -p 23564 -k password -m rc4-md5 --user nobody -d start


端口号：23564
密码：password
加密方法：rc4-md5


使用 sendemail 发送邮件
Thu, 31 Oct 2019 18:00:00 +0000
　　看树莓派的书，发现可以使用 sendemail 发送天气信息，闲来无事，折腾一波
 获取天气数据
 　　在这里可以使用和风天气开发者 ，注册并获取 key
 　　进入开发文档，可以使用获取常规天气数据的接口（免费版）
  https://free-api.heweather.net/s6/weather/{weather-type}?{parameters}
 
 　　{weather-type} 代表不同的天气数据类型，必选。使用以下值：
    weather-type 值  描述  
 
   now  实况天气  
  forecast  3-10天预报  
  hourly  逐小时预报  
  lifestyle  生活指数  
 
 
 　　{parameters} 代表请求参数，包括必选和可选参数。所有请求参数使用 & 进行分隔，参数值存在中文或特殊字符的情况，需要对参数进行 url encode
    parameters 值  描述  描述  
 
   location  需要查询的城市或地区（经纬度 / 城市名 [拼音、汉字] /IP 等）  必选  
  lang  多语言，可以不使用该参数，默认为简体中文  选填  
  unit  单位选择，公制（m）或英制（i），默认为公制单位  选填  
  key  用户认证key  必填  
 
 
 　　具体请自行查看和风天气API
 　　API 返回的数据是 json 字符串，需要对数据进行解析，这里可以安装jq工具

weather-type 值	描述
now	实况天气
forecast	3-10天预报
hourly	逐小时预报
lifestyle	生活指数

parameters 值	描述	描述
location	需要查询的城市或地区（经纬度 / 城市名 [拼音、汉字] /IP 等）	必选
lang	多语言，可以不使用该参数，默认为简体中文	选填
unit	单位选择，公制（m）或英制（i），默认为公制单位	选填
key	用户认证key	必填