巨应打字员


#### 插入图片

```markdown
![Image text](这里是你的图片链接,相对绝对路径都可以)
```

    ![巨应Logo](https://mscoder.cn/res/imgs/products/logo_eyenurse.png)

#### 换行

```markdown
Hello (<-- two spaces) 或者 <br />
World
```

Hello  
 World

#### 插入空白格

```markdown
&#160; 或者 &nbsp;
```

你&#160;-&nbsp;好

#### 超链接

```markdown
[文本](url)
```

[巨应工作室](https://mscoder.cn)

#### 复选框 CheckBox

```markdown
- [x] 勾选
- [ ] 不够
```

- [x] 勾选
- [ ] 不够

#### 横线

```markdown
\*\*\* 3 个星号
--- 3 个短线
—————— 3 个下划线
```

三种方式均可

#### 加粗

```markdown
**内容已加粗**
```

**内容已加粗**

#### 列表

```markdown
- 1.xxx
- 2.xxx
- 3.xxx
```

#### 标题

```markdown
# h1

## h2

### h3

#### h4

...
```

参考：
https://github.com/younghz/Markdown


markdown 常用命令记录

###### 如果样式库和调用库不是在同一解决方案中，首先要在样式库的属性页中勾选"Generate library layout"

###### 引用代码：

```xml
<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="ClassLibrary1/Styles/Custom.xaml" />
        <ResourceDictionary Source="ClassLibrary1/Styles/ButtonStyle.xaml"/>
        <ResourceDictionary Source="ClassLibrary1/Styles/ListsStyle.xaml"/>
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
```

或者

```xml
<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="ms-appx:///ClassLibrary1/Styles/Custom.xaml" />
        <ResourceDictionary Source="ms-appx:///ClassLibrary1/Styles/ButtonStyle.xaml"/>
        <ResourceDictionary Source="ms-appx:///ClassLibrary1/Styles/ListsStyle.xaml"/>
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
```



UWP 引用其他Class Library库中的样式文件

UWP 默认样式保存目录，可以看看系统默认样式加以修改达到自己的效果

```shell
C:\Program Files (x86)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP\**系统版本号\Generic\generic.xaml

例如:
C:\Program Files (x86)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP\10.0.17134.0\Generic\generic.xaml
```



UWP 默认样式文件目录位置


##### 概要：

曾经 UWP 只能读写当前应用的存储目录。  
2018 年微软开放了一种更广泛的 IO 读写权限，使 UWP 可以像传统应用程序一样读写几乎所有目录。让 UWP 的能力更上一层楼。

[相关连接](https://blogs.windows.com/buildingapps/2018/02/23/windows-community-standup-discussing-multi-instancing-console-uwps-broader-file-system-access/#lDQ5SHeBiXKQsbHM.97)

##### 如何开启：

打开 Package.appxmanifest。
添加命名空间 rescap，并将其添加到 IgnorableNamespaces：

```xml
<Package
  ...
  xmlns:rescap="http://schemas.microsoft.com/appx/manifest/foundation/windows10/restrictedcapabilities"
  IgnorableNamespaces="uap mp uap5 rescap">
...
<Capabilities>
    <rescap:Capability Name="broadFileSystemAccess" />
</Capabilities>
```

##### 创建文件:

```CSharp
//写入文件
    string dir = "d:\\";
    string fileName = "sample.txt";
    string fullPath = Path.Combine(dir, fileName);
    StorageFolder storageFolder = await StorageFolder.GetFolderFromPathAsync(dir);
    StorageFile writeFile = await storageFolder.CreateFileAsync(fileName, CreationCollisionOption.ReplaceExisting);
    await FileIO.WriteTextAsync(writeFile, DateTime.Now.ToString());

    //读取文件
    StorageFile readFile = await storageFolder.GetFileAsync(fileName);

    //全路径读取
    //StorageFile readFile = await StorageFile.GetFileFromPathAsync(fullPath);
    var stream = await readFile.OpenAsync(FileAccessMode.Read);
    ulong size = stream.Size;
    using (var inputStream = stream.GetInputStreamAt(0))
    {
        using (var dataReader = new Windows.Storage.Streams.DataReader(inputStream))
        {
            uint numBytesLoaded = await dataReader.LoadAsync((uint)size);
            string text = dataReader.ReadString(numBytesLoaded);
        }
    }
```

测试发现系统盘根目录还是没有权限，其他目录可以。已经可以满足大多数需求了。


UWP 读写其他目录的文件  Broader file-system access


```Python
import datetime
import time

def wait(timeout_ms, calback=None):
    '''等待指定时间

    Arguments:
        timeout_ms {[type]} -- [等待指定毫秒数]

    Keyword Arguments:
        calback {[type]} -- [每一秒触发一次回调，回调参数是剩余的秒数] (default: {None})
    '''

    now = datetime.datetime.now()
    endTime = now+datetime.timedelta(milliseconds=timeout_ms)
    timespane = endTime-now
    while timespane.seconds > 0:
        if(calback is not None):
            calback(timespane.seconds)
        now = datetime.datetime.now()
        timespane = endTime-now
        time.sleep(1)

def callback(remain_seconds):
    print("剩余", remain_seconds)

wait(5, callback)
print('end')
```

输出结果：
剩余 5
剩余 4
剩余 3
剩余 2
剩余 1
end


Python 时间运算


### 利用 ES2015 原生支持的 querySelectorAll 查找包含指定文本的元素

例如查找 steam 市场页面的所有撤下按钮:
steamcommunity.com/market/

```js
//查找所有包含'撤下'的元素
Array.from(
  document.querySelectorAll(".item_market_action_button_contents")
).filter((el) => el.innerText === "撤下");

//查找第一个包含'撤下'的元素
Array.from(
  document.querySelectorAll(".item_market_action_button_contents")
).find((el) => el.innerText === "撤下");
```


Javascript 查找包括指定文字的所有元素

electron-react-boilerplate 如何调试

1.修改 package.json,增加 --inspect=5858

```shell
"start-main-dev": "cross-env HOT=1 NODE_ENV=development electron -r @babel/register --inspect=5858 ./app/main.dev.js",
```

2.访问 chrome://inspect/#devices。点击 Configure 增加 5858 端口



electron-react-boilerplate调试主进程


##### 解决以下问题:

- Hexo 插入代码段有时候会显示垂直滚动条导致无法滚动问题
- 超出边框会显示横向滚动条难看问题

##### 第一步：

打开这个文件
themes\next\source\css_common\components\highlight\highlight.styl

##### 第二布：

按下面代码修改样式

```CSS
  .code pre {
		// width: 100%  注释这句或者下面两句，解决有时候会显示垂直滚动条问题
    padding-left: 10px
    padding-right: 10px
    background-color: $highlight-background
    white-space: pre-wrap  //自动换行，不显示横向滚动条
    word-wrap: break-word  //自动换行，不显示横向滚动条
  }
```


Hexo Next主题 禁用代码段.code pre滚动条以及自动换行


#### 记录如何把切片转换为另一个不同结构体的切片

结构体 A：

```go
//大写开头才能在外部包中访问
type UTag struct {
	CreateTime int    `json:"createTime"` //Jsontag 是映射json对应的字段
	TagId      int    `json:"tagId"`
	IsDelete   int    `json:"isDelete"`
	TagName    string `json:"tagName"`
}

type UTags struct {
	Data []UTag `json:"data"`
	Flag bool   `json:"flag"`
}
```

结构体 B:

```go
type Tag struct {
	ID   int
	Name string
}
```

#### 功能：把 UTags.Data 转换成 []Tag

```go
func GetTags() (result []model.Tag, err error) {
	//请求服务器获取json
	res, err := http.Get("http://wallpaper.upupoo.com/async/getTags.htm?callback=")
	if err != nil {
		return
	}

	body, err := ioutil.ReadAll(res.Body)
	res.Body.Close()
	if err != nil {
		return
	}

	//多了两个括号需要移除掉
	tmpJson := string(body[1 : len(body)-1])
	// 反序列化
	var temp UTags
	err = json.Unmarshal([]byte(tmpJson), &temp)

	// UTags转换成标准Tags
	for _, v := range temp.Data {
		result = append(result, model.Tag{ID: v.TagId, Name: v.TagName})
	}
	return
}
```

这是我开发 [解析第三方壁纸服务](https://github.com/MscoderStudio/LiveWallpaperServer) 中的代码，记录一下 Golang 的自学过程，也希望帮到和我遇到一样问题的人。


Golang slice切片映射


#### 目的

记录如何在 golang 中进行 json 序列化和反序列化（与结构体互转）操作的相关代码片段

#### 结构体定义

```go
//大写开头才能在外部包中访问
type Tag struct {
	CreateTime int    `json:"createTime"` //json tag 用于映射json对应的字段
	TagId      int    `json:"tagId"`
	IsDelete   int    `json:"isDelete"`
	TagName    string `json:"tagName"`
}

type Tags struct {
	Data []Tag `json:"data"`
	Flag bool  `json:"flag"`
}
```

#### 解析 Json 字符串转为结构体

```go
func GetTags() (result Tags, err error) {
	//请求服务器获取json
	res, err := http.Get("http://wallpaper.upupoo.com/async/getTags.htm?callback=")
	if err != nil {
		return
	}

	body, err := ioutil.ReadAll(res.Body)
	res.Body.Close()
	if err != nil {
		return
	}

	//多了两个括号需要移除掉
	tmpJson := string(body[1 : len(body)-1])

	// // 用字符串声明的方式
	// tmpJson = `({"data":[{"createTime":1483243995000,"tagId":0,"isDelete":1,"tagName":"全部"},{"createTime":1483519853000,"tagId":2,"isDelete":1,"tagName":"游戏风象"},{"createTime":1483519857000,"tagId":3,"isDelete":1,"tagName":"鬼畜"},{"createTime":1483596223000,"tagId":4,"isDelete":1,"tagName":"绝对领域"},{"createTime":1483596225000,"tagId":5,"isDelete":1,"tagName":"女朋友"},{"createTime":1483883866000,"tagId":6,"isDelete":1,"tagName":"萌物"},{"createTime":1483883879000,"tagId":7,"isDelete":1,"tagName":"美の風景"},{"createTime":1483883899000,"tagId":9,"isDelete":1,"tagName":"神曲"},{"createTime":1483883912000,"tagId":11,"isDelete":1,"tagName":"解忧杂货铺"},{"createTime":1484084578000,"tagId":12,"isDelete":1,"tagName":"ACG动漫"},{"createTime":1484084588000,"tagId":13,"isDelete":1,"tagName":"艺术感知"},{"createTime":1484328498000,"tagId":1,"isDelete":1,"tagName":"抖不停"},{"createTime":1484333623000,"tagId":10,"isDelete":1,"tagName":"科幻世界"}],"flag":true})`
	// runes := []rune(tmpJson)
	// // 处理多余的括号
	// tmpJson = string(runes[1 : len(runes)-1])

	// 反序列化
	err = json.Unmarshal([]byte(tmpJson), &result)
	return
}
```
