Category: Google / Facebook / Amazon / Twitter / Network

在JavaScript代码中设置断点 刚工作时被leader安利了Chrome浏览器，那时一说到调试，就知道这一个操作 以为在行号上单击一下就是打断点，就是会调试了:) 当然这也是最最基本的打断点的方式了，当然了，相较于 调试全靠alert 已经高端很多了。 首先需要打开Devtools切换到Source页签，然后在左侧file navigation中找到我们要设置断点的文件并打开。 在打开的页面上单击对应的行号即可设置断点。 同时也可以通过在行号上右键点击Add breakpoint来设置断点。 当断点触发时，整个页面会处于暂停状态，并会切换到Source页签断点处方便调试，直到终止该断点调试后页面才会继续运行。 设置断点的行号上会显示一个蓝色的矩形来告诉你这里有一个断点。 P.S. 当一个表达式跨行时，添加的断点会默认下移到该表达式结束后的一行 在JavaScript代码中设置条件断点 当知道了如何在行号上单击来添加断点，已经能满足最最最基本的调试了。 但如果遇到一些特殊情况，断点添加起来不是那么的舒服的时候要肿么办呢？… Read More

VM建立固定IP 建立VM后, VM会得到外部IP,这一组IP不是固定的, VM 重开后会不一样,以下步骤能设定VM固定外部IP 点选Compute Engine 点选VM执行个体 点选VM 点选编辑 点选网路介面 点选建立IP位址 输入这组静态IP的名称, 按下预约, 选定的VM就可以预约到固定的静态IP 查询/管理IP 点选VPC网路 点选外部IP位址… Read More

虽然把WordPress网站架在Google Cloud Platform (GCP)上了，但其实对GCP 这个平台还是相当的陌生…有时候需要进去WordPress 机器里执行一些指令操作，都只能从Google Cloud 网页上，选择SSH 的功能：   这会开启一个浏览器的视窗，里面就是SSH 连到VM 后的画面，操作起来和一般的SSH 没什么不同，不过毕竟不是自己执行的SSH，所以也不晓得要怎么利用它传档案到VM 上去：   今天稍微瞄了一下文件，把Google Cloud… Read More

经过一天的努力和摸索，终于完成了 Shadowsocks 的搭建并优化提速，遗憾的是没有找到突破 netflix 封锁的办法，希望大神指点迷津。 以下内容分四步 一、Google Cloud Platform虚拟机部署 二、升级VPS内核开启BBR 三、搭建Shadowsocks server 四、设置Shadowsocks server开机启动 本人不是码农，基本算是零基础，相信你照着我下面的步骤也会成功的。 操作平台：PC-win10-64bit 需要工具：能访问Google的网络、VISA信用卡 一、Google… Read More

How to use? Geoip-db.com allows you to find out the geographic location of your website’s visitor by IP… Read More

如果你使用fullcalendar，添加holiday假日的方法如下： googleCalendarApiKey : 'PUT-YOUR-GOOGLE-API-HERE', // google api key eventSources: [ {url:'https://www.google.com/calendar/feeds/en.usa#holiday@group.v.calendar.google.com/public/basic',cache:true}, // us holiday {url:'https://www.google.com/calendar/feeds/zh.china#holiday@group.v.calendar.google.com/public/basic',cache:true}, // china holiday… Read More

网上看了FeiFei些的《fullCalendar改造计划之带农历节气节假日的万年历》文章，按照他的方法改造发现他用的是老版本的插件，新版本代码结构变动很大，无奈自己重新读源码改造之，记录下来，给有需求的朋友一点参考。 FullCalendar官网（https://fullcalendar.io/） 改造使用新的版本，v 3.0.1。 首先看下改造成功后的预览图吧： 一、汉化 现在插件已经自带了本地化文件，所以直接加载插件包中的locale/zh-cn/js即可。 二、增加农历，节气，节假日显示 关于直接调用Google Calendar的订阅我就不说了，墙的厉害。 下面说说直接修改源文件，这个就麻烦点，不过自定义程度很高，缺点就是插件更新麻烦。 按照FeiFei的方法，使用hao123的js库（点击下载lunar.js），这个库包含了农历、节气和节假日。 直接将lunar.js内容拷贝到fullcalendar.js里放在头部或者单独加载这个js都可以，看个人习惯。这里我是直接放在fullcalendar.js里，然后修改插件生成日期单元格的内容部分： 先搜索fc-day-number，查找到以下代码： if (this.view.dayNumbersVisible) { html… Read More

利用 Sheets API，您可以向单元格、范围、范围集以及整个工作表写入值和公式。 本页面上的示例说明了如何使用此 API 的 spreadsheets.values 集合实现一些常用的写入操作。 请注意，也可以使用 spreadsheet.batchUpdate 方法写入单元格值，如果您希望同步更新单元格格式设置或 spreadsheets.values 集合不会影响的其他属性，此方法将非常实用。不过，对于简单的值写入操作，使用 spreadsheets.values.update 或 spreadsheets.values.batchUpdate 更简单。 在这些示例中，占位符… Read More

利用 Sheets API，您可以读取单元格、范围、范围集以及整个工作表中的值。 本页面上的示例说明了如何使用此 API 的 spreadsheets.values 集合实现一些常用的读取操作。您也可以使用 spreadsheets.get 方法读取单元格值，不过在大多数情况下，使用 spreadsheets.values.get 或 spreadsheets.values.batchGet 更加简单。 在这些示例中，占位符 spreadsheetId 用于表示您需要提供电子表格 ID… Read More

有时候我们不满足于localStorage只能保存string的单调功能，那么试一试chrome.storage中存储多种类型的本领？ *.本文中的操作实例仅仅使用storage.local，其他API都类似。 声明权限 { "permissions": ["storage"] } 保存数据 // chrome.storage.local.set函数需要两个参数，一个为存储对象，一个为回调函数 chrome.storage.local.set({ string: '可以存储字符串', array: ['或者', '数组'], object: {k:… Read More

alert.js alert('hello ' + document.location.href); manifest.json { "manifest_version": 2, "name": "Click to execute", "description": "Execute script after click… Read More

Here, I’m trying to convert arrToConvert to a 1D array. var arrToConvert = [[0,0,1],[2,3,3],[4,4,5]]; console.log(get1DArray(arrToConvert)); //print the converted… Read More

JSON格式 JSON格式（JavaScript Object Notation的缩写）是一种用于数据交换的文本格式，2001年由Douglas Crockford提出，目的是取代繁琐笨重的XML格式。 相比XML格式，JSON格式有两个显著的优点：书写简单，一目了然；符合JavaScript原生语法，可以由解释引擎直接处理，不用另外添加解析代码。所以，JSON迅速被接受，已经成为各大网站交换数据的标准格式，并被写入ECMAScript 5，成为标准的一部分。 简单说，每个JSON对象，就是一个值。要么是简单类型的值，要么是复合类型的值，但是只能是一个值，不能是两个或更多的值。这就是说，每个JSON文档只能包含一个值。 JSON对值的类型和格式有严格的规定。 复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。 简单类型的值只有四种：字符串、数值（必须以十进制表示）、布尔值和null（不能使用NaN, Infinity, -Infinity和undefined）。 字符串必须使用双引号表示，不能使用单引号。 对象的键名必须放在双引号里面。 数组或对象最后一个成员的后面，不能加逗号。 以下是合格的JSON值。 ["one",… Read More

1 前言 对于一个web前端开发者，chrome浏览器是一个工作，学习和生活的必备工具。除了chrome本身的基本能力（控制台等）外，能大幅提高这个神器的使用体验的是，可扩展能力（插件）以及丰富的插件生态。 每个人根据使用习惯会有自己的一套插件配置（鼠标手势、代理配置等等），这些插件包括具体的插件的配置信息，甚至可以和你的google账号绑定，当你换一台电脑，只要使用相同的google账号登录chrome，就会享受到一致的使用体验。 当你打开chrome的“扩展程序”界面，看着琳琅满目的插件，有没有想过亲自动手，打造一个自己的插件呢？当然，这种想法不应该是闲着某个部位疼，刻意的去开发一个连自己都不会实际使用的插件。而应该是发现现在的插件库里，没有一个能解决自已在使用chrome过程中某个痛点的插件。 好，假设现在你在chrome的使用上想要一个扩展功能，但用各种关键字在各种可能找到答案的地方都搜索了，仍然没有看到想要的插件。这个时候，就可以考虑自己开发了。如果刚好你是一个web前端开发者，那么恭喜你，几乎没有门槛（只要有能看懂chrome extentions API文档就行），因为所有用到的技术都是你所熟悉的： json配置, js逻辑， css+html展示。 2 初步探索 chrome extension的官方文档上，有着简单的demo指引，全面的API文档，以及对于各种API的丰富例子。对于初次开发chrome插件的人来说，建议先看入门指引小demo，篇幅很小，很快可以看完。看完之后对chrome插件的基本配置和文件结构会有一个大致的认识，同时也学会了如何在chrome上加载自己在本地开发的插件。 chrome extention支持的扩展点以及扩展功能很多，对于初学者不可能一下子看完官方所有文档再去动手。而应该是先根据自己用过的插件，脑海中有个大致的印象：插件可以在哪些地方起到效果。chrome插件最常见的功能莫过到url栏右侧的那些小图标了，就是这些： 如果看完上入门指引小demo后，你肯定知道了怎么样实现这样一个功能。这里就不讲官方文档里已经讲过的细节，主要讲一下比较重要的配置文件… Read More