What?

To export account data from LinkedIn website can be of a lot of muddle and hassle, but the result may not be yet decent for the missing saved posts.

Let’s do this in a manual automated way by scripting.

Solution

Code snippet for saving data as a downloadable JSON file (source):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

(function(console){
    console.save = function(data, filename){

        if(!data) {
            console.error('Console.save: No data')
            return;
        }

        if(!filename) filename = 'console.json'

        if(typeof data === "object"){
            data = JSON.stringify(data, undefined, 4)
        }

        var blob = new Blob([data], {type: 'text/json'}),
            e    = document.createEvent('MouseEvents'),
            a    = document.createElement('a')

        a.download = filename
        a.href = window.URL.createObjectURL(blob)
        a.dataset.downloadurl =  ['text/json', a.download, a.href].join(':')
        e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
        a.dispatchEvent(e)
    }
})(console)

This line looks weird, just an ad-hoc cure when the error of undefined $ occurs with the arrow function operating on the jQuery selector. The cause of error still remains a mystery…

• Declarative

• Component-based

  encapsulate behaviors into small units called Components
  Components are made of elements.
  Components enable us to break down the entire UI in to smaller reusable pieces.
  can have private states to control.
  Only class components can store states.

• Component Methods

• Component State and Lifecycle

• Element

  smallest building blocks is elements.

• Basic structure for a component

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

  import React, { Component } from 'react'; class Menu extends Component { constructor(props) { super(props); // Need to supply this props to the super class } render(){ return( // the view for this component ); } } export default Menu; //need to import this component for wherever we use

• Every parameter pass to the component is under props.

• If one component export the default one, there is no need to enclose import component name with braces, otherwise error occurs.

• JSX: wrapped React Component expression

• Handling events like handling DOM elements

• Variation hoisting

• Global or local variable?

  var/const/let/[none]

• Arrow function

  this reference

常见的错误：

No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://xxx.com' is therefore not allowed access.

禁止跨域请求是浏览器的安全机制的一部分，不能随便绕开。

即便采用axios，本质上仍是XMLHttpRequest，会遇到同样的问题。

在不能触及被请求端的后端的前提下，需要使用代理来启用Access-Control-Allow-Origin。

现在有了一种便捷手段：https://bird.ioliu.cn/

https://segmentfault.com/q/1010000007665348

其实只做了一件事情：写异步回调函数。

附带的成就是知道了如何调用cdn资源，如何使用bootstrap框架，如何jquery.

没有原生支持的类，如何“面向对象”开发

弱类型的js如何判断类型

改善numeric的计算误差

第一次发日志，就从【应用过PrintService的】校赛以后说起吧；不折腾不舒服。

• 添加动态日期与时间
  起初，只是通过当前页面的php语句+js去现实时间。尽管努力尝试setInterval与’setTimeout’,但都没能让时间显示“走”起来。
  后来观看了别人的开发视频，才换成了调用独立的php文件去获取时间。

• 从Mac系统中获得字体文件
  参见：Mac OS X: Font locations and their purposes

• CSS中针对不同字符类型添加字体
  参考了：利用 CSS 分別設定中文字、英數、注音、假名的字體：使用 CSS3 @font-face

• CSS中正确处理字体格式
  刚添加Helvetica字体时，Chrome中返回错误Failed to decode downloaded font，Firefox中返回错误downloadable font: rejected by sanitizer.
  一方面，Mac系统中常见的ttc与dfont格式字体文件（collection，单个文件实际可包含多种字体）不被支持，需要被转换。
  另一方面，CSS中引用字体文件时需指明格式。有CSS @font-face syntax.

• 库容广大的字体库