实现QQ音乐播放列表跨页面更新 1 原理 QQ音乐网页实现了音乐浏览页面点击播放按钮时，另一个播放页面实现播放音乐歌曲的功能。 如何做到的呢？通过简单的DEBUG，很容易发现原理是通过监听localStorage的变化来实现的。毕竟相同域的不同页面共享相同的localStorage。 2 简单实现 app.js // 歌曲列表 var songs=[ {id:1,name:"不能说的秘密"}, {id:2,name:"晴天"}, {id:3,name:"发如雪"}, {id:4,name:"烟花易冷"}, ] // 从localStorage 取出播放列表 function getPlayListFormlocalStorage() { var playList=[] var tempLisy= window.localStorage.getItem("playlist"); if (null===tempLisy){ window.localStorage.setItem("playlist", JSON.stringify(playList)) }else { playList=J....

实现QQ音乐跨页面更新播放列表

Git 命令大全 配置操作 全局配置 git config –global user.name “xxx” # 配置用户名称 git config –global user.email “xxx@xxx.com” # 配置用户邮箱 git config –global –unset user.name # 取消全局配置的用户名称 git config –global –unset user.email #取消全局配置的邮箱地址 git config –global color.ui true # 配置命令行着色 git config –global core.editor $(which vim) # 配置文本编辑器 git config –global merge.tool vimdiff # 配置差异分析工具 git config –global core.autocrlf true # 提交时转换为 LF，检出时转换为 CRLF git config –global core.safecrlf true # 拒绝提交包含混合….

Git 命令大全

synchronized synchronized锁定当前对象，对于同一个对象具有锁，多个对象多个锁。 对于setValue(),getValue() 均加上synchronized关键字才可以解决“脏读”。 关键字synchronized具有锁重入的功能（一个线程获得该对象的锁，此时锁没有释放，可以再次获得该对象的锁），支持父子类继承的环境。 出现异常时，锁自动释放。（线程A调用对象C的synchronized方法D发生异常，线程B仍然可以正常调用方法D，说明出现异常的锁被自动释放） 同步不具有继承性（子类重写父类方法是依然需要添加synchronized关键字） synchroinzed(this)同步代码块减少代码执行效率低的问题。 synchroized(this)锁定的为当前对象。 当一个类中具有多个synchroized方法会影响运行效率，可以使用synchronized（非this 对象 x），不与其他synchronized(this)方法抢夺this锁，提高运行效率。（持有不同对象监视器实现异步效果） 将synchronized 方....

【Java多线程编程核心技术】读书笔记一 [synchronized]

Java Collections（集合） Bug 1.尝试在遍历中修改集合元素 假设现在公司经营不善，我们要解雇32岁的工程师David。 List<String> engineers = new ArrayList<>(asList("Tom", "David")); System.out.println(engineers); for (String engineer : engineers) { if ("David".equalsIgnoreCase(engineer)) { engineers.remove(engineer); } } System.out.println(engineers); 大家都知道上面的代码会运行出错（java.util.ConcurrentModificationException），出现了两个Object（Iterator 和Collections） 我们可以使用Iterator来解决 List<String> engineers = new ArrayList<>(asList("To....

Java Collections（集合） Bug

台湾的TEX公司曾经推出过yoda，yoda2两款机械键盘均具有TP经典的“小红帽”（指点杆）设计，获得联想官方内地独家代理。（仅国内联想发售的2500元版本具有“ThinkPad”LOGO） 如今他们推出了新一代的TP机械键盘,新一代的TP机械键盘，不再命名为yoda，而是有了全新的命名Kodachi（小太刀），外型复刻Sk8845，新版本国内代购价格大概为2500元左右（上一代仅为1400元），使用type-c接口，预售已经完结。目前出货中。

新的 Thinkpad 机械键盘

shodan 体验 1 什么是shodan ？ ​ Shodan是互联网上最可怕的搜索引擎。日以继夜的不停地搜索所有关联互联网的设备，服务器，数据库，网络摄像头等等。 2 随便逛逛！ ​ Shodan 主搜索页面如下 ​ 比如 Database 我们可以看到有主流的数据库选择。 ​ 当我们点击Mysql时，我们可以看到暴露了3306端口的IP地址。我们可以通过国家地区来过滤结果。 ​ 我们点击其中一个IP地址时，我可以看到该IP上面的所有开放端口，还可以看到可能潜在的漏洞。 3 这个东西危险吗？ ​ Shodan对搜索结果进行了限制，最多只能显示50条记录。 ​ 但是这我们依然可以看到很多设备是裸奔在互联网上，比如“admin”，“1234”等简单的密码，很容易被破译。 ​ 我们尝试在Shodan上搜索 “port:8080”，筛选中国地区IP，结果触目惊心。 ​ 倘若他们使用了简单的账号密码策略，很容易就被破解登陆。 ​ 我就看到其中有个会议系统的账号密码均为“admin”

shodan 体验

起因 前几天我更新网站的证书，就是那个Let’s Encrypt 现在提供免费泛域名 SSL 证书 突然弹出个No space left on device 磁盘突然就满了。肯定有鬼。 定位问题 发现log目录非常大！ 其中 auth.log 、btmp 占空间最多 发生了啥？ auth.log btmp 都记录了ssh的登录情况，突然变大，应该是ssh被扫了。 解决办法？ 我们暂时将 auth.log、btmp 备份，然后删除。（阿里云删除了以后不知道为什么要重启服务器） 安装fail2ban 禁止登录失败的ip访问。 将ufw reset，禁止所有端口访问，允许指定ip访问特定端口，将ssh端口从默认的22，21 修改为其他端口，将auth.log 中登录失败的ip加入黑名单中。 get help from ： http://blog.chinaunix.net/uid-20329764-id-5016539.html https://moeclub.org/2017/03/20/70/

SSH 被爆了

SQL（Oracle） １. coalesce　 coalesce函数可以将空值转换为实际值。 　SELECT coalesce(name,‘noname’) FROM user; 相比于nvl，coalesc支持多参数，按照参数排序，优先返回第一个不为空的值。 SELECT coalesce(name,nick_name,‘noname’) FROM user; 如果要使用nvl的话就会变成下面这样： SELECT nvl(name,nvl(nick_name,‘noname’)) FROM user; 2. OREDE BY 数字 ASC 结果集排序时，除了写出具体的字段名，也可以用数字代替 SELECT name,age FROM user order by 2 ASC; SELECT name,age FROM user order by age ASC; 上面的语句是等效的。这种写法非常适用于取值不定的时候，比如淘宝搜索结果排序，可以按价格，销量等排序 3. NULLS FIRST,NULLS LAST 在Oracle当中空值默认排序在后面，想要排到前面可以使用 N….

我常用的SQL（Oracle）

群晖 在朋友的安利下搞了一台群晖，本来是想当一台下载机用的，然后发现这货真好玩。 群晖的系统是基于BSD的定制系统，系统带了一个叫套件中心的东西，这个简直就是打开了新大陆。 套件中心中把所有的常见系统服务都弄成了套件形式，有点像docker的样子，疯狂的是docker也是其中的一个套件！！！ 其中有GitLab，Tomcat，MantisBT等等，一键安装，还有自家出产的Mail Server，VPN Server。 下面就是其中的docker套件使用的样子,有点Docker UI的既视感，还可以进行搜索。

群晖nas