GitHub 项目地址

https://github.com/PrintNow/php-dnspod-ddns

PHP 动态域名解析（基于 Dnspod）| PHP DDNS（base on DNSpod）

目录结构

.
├── README.md
├── bin    # 存放获取公网 IPv6 二进制文件
│   ├── get_public_ipv6-darwin-10.6-386
│   ├── get_public_ipv6-darwin-10.6-amd64
│   ├── get_public_ipv6-linux-386
│   ├── get_public_ipv6-linux-amd64
│   ├── get_public_ipv6-linux-arm-5
│   ├── get_public_ipv6-linux-arm-6
│   ├── get_public_ipv6-linux-arm-7
│   ├── get_public_ipv6-linux-arm64
│   ├── get_public_ipv6-linux-mips
│   ├── get_public_ipv6-linux-mips64
│   ├── get_public_ipv6-linux-mips64le
│   ├── get_public_ipv6-linux-mipsle
│   ├── get_public_ipv6-windows-4.0-386.exe
│   ├── get_public_ipv6-windows-4.0-amd64.exe
│   └── get_public_ipv6.go
└── run.php    # 程序逻辑代码

🍕 使用方法

- 阅读剩余部分 -

# 报如下错误
`TypeError: Cannot read property '$createElement' of undefined at render ...`
```log
vue-router.esm.js?8c4f:2257 TypeError: Cannot read property '$createElement' of undefined
    at render (eval at ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f01fdf16-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Login.vue?vue&type=template&id=ef68022e&scoped=true& (app.js:974), <anonymous>:6:16)
    at eval (vue-router.esm.js?8c4f:2087)
    at eval (vue-router.esm.js?8c4f:2114)
    at Array.map (<anonymous>)
    at eval (vue-router.esm.js?8c4f:2114)
    at Array.map (<anonymous>)
    at flatMapComponents (vue-router.esm.js?8c4f:2113)
    at eval (vue-router.esm.js?8c4f:2049)
    at iterator (vue-router.esm.js?8c4f:2300)
    at step (vue-router.esm.js?8c4f:1947)
```

# 原因及解决方案
可能较依赖编辑器自动补全，导致将路由的配置项 `component` 写成了 `components`

## 解决前代码
```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '@/components/Login'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/login'// 重定向指定页面
  },
  {
    path: '/login',
    name: 'login',
    components: Login
  }
]

const router = new VueRouter({
  mode: 'history',
  routes
})

export default router
```

## 解决后代码
```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '@/components/Login'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/login'// 重定向指定页面
  },
  {
    path: '/login',
    name: 'login',
    component: Login// ！！！修改了此处！！！
  }
]

const router = new VueRouter({
  mode: 'history',
  routes
})

export default router
```

批量删除知乎“赞同回答动态”

作者: Chuwen
时间: 2021-01-18
分类: 唠嗑闲聊
评论

**目录**

[TOC]

# 为什么要 删除/取消 赞同的回答
> 黑历史过多，并且知乎并没有相关的功能批量删除，所以自己写一个简单的脚本批量删除

# 脚本
> 原理很简单，就是遍历个人页面的所有已经赞同的回答，然后模拟点击，以便取消点赞
```javascript
document.querySelectorAll(".Button.VoteButton.VoteButton--up.is-active").forEach((ele)=>{
    ele.click()
})
```

# 如何使用
0. 推荐使用 Google Chrome 浏览器，以下教程基于 Google Chrome 浏览器。[Google Chrome 国内官方下载地址](https://www.google.cn/intl/zh-CN/chrome/?standalone=1 "Google Chrome 国内官方下载地址")

1. 进入个人主页

![进入知乎“我的主页”](https://cdn.nowtime.cc/2021/01/18/2096033033.png)

2. 然后**点击页面任意空白**的地方，一直按键盘上的 `End` 键，该键的作用是**将页面滚动到最底部**。你就一直按一直按，直到所有记录都加载完了

3. 然后按键盘上的 `F12`（没用的可以鼠标右击，选择 `检查`），打开**开发者控制台**

4. 然后点击**开发者控制台**的 `Console` 选项卡

![然后点击开发者控制台的 Console 选项卡](https://cdn.nowtime.cc/2021/01/18/1541942834.png)

5. 然后点击如上图所述的任意空白位置，粘贴以下代码(脚本)
 ```javascript
 document.querySelectorAll(".Button.VoteButton.VoteButton--up.is-active").forEach((ele)=>{
    ele.click()
})
```

6. 然后按下回车，请耐心等待，此时浏览器可能会比较卡，页面滚动卡顿，你等大概**一分钟左右**，视你的记录多少

7. 等待一段时间过后，为了防止漏掉的，建议再重复上述**第5、6步骤**

8. 然后刷新页面，此时，你可以再次重复**第2步骤**，肉眼扫描一遍看有没有 没有取消赞同的，**如果还有**，请继续重复**第7步骤**

9. 这时候你会发现你**明明取消了赞同**，但是“赞同的回答”还在你的动态中。
 > 为此你不用担心，**知乎服务器**会慢慢的删除你这些**已经取消赞同** 赞同回答的动态

![这时候你会发现你明明取消了赞同，但是“赞同的回答”还在你的动态中](https://cdn.nowtime.cc/2021/01/18/416089775.png)

# 完成，Finally
然后你静静的等待就可以了，如果还是有遗漏的，请继续再做即可

充电功率检测

作者: Chuwen
时间: 2021-01-18
分类: Android
评论

微信小程序项目实战算是完成了，耗时5天左右

作者: Chuwen
时间: 2021-01-17
分类: JavaScript
评论

*目录*

[TOC]

# 为什么学习微信小程序

> 其实我之前学习过小程序，只不过是看着开发文档做的，想要什么功能翻翻文档，网上搜一搜，路程比较艰辛。
最早应该可以追溯到 **2019年7月**，萌生了做一个**校园工具类小程序**——提供简单的空教室查询、课程表查询，当时确实是做出了样子，但是做了几天发现页面太难了就**放弃**了，当时自己 CSS 水平有限。
>
> 然后又在去年2020年4月份（因疫情在线学习），心血来潮又拾起了，重新再做，当时做的比较完善了，但是由于接口是自己通过自己服务器代理的方式去获取的，`Cookie` 要时不时的更新下。
> 当时是想过模拟登陆的，但是我们学校的教务系统你必须先登陆一个**数字校园**（有验证码），然后你在里面点击教务系统，经过跳转几次才能成功进入教务系统，反正很复杂，然后就放弃了。
>
> 当然也让一同学认识教务系统的老师帮我问了下能不能开放下一些接口，得到的回复是**企业微信**有一些功能。
因为当时自己和那个老师不熟悉，也就没多问。

本来我是打算学习 Vue.js，然后我某天远程帮助同学解决问题，看到她浏览器放着 学习微信小程序 的视频。
因为她是第一次学习，我是之前就学习过的，想着自己也去学习，学会了还可解决她所遇到的问题，加快学习效率。

## 部分预览图
![](https://cdn.nowtime.cc/2021/01/18/3623327407.png)

# 通过这次学习，收获了到了什么

通过这次完整的项目实例，确实收获到了很多，比如：

## 组件封装
> 仔细一学，发现并不是很难

## 子组件传递数据到父组件

## 一些优化技巧
比如**搜索防抖**：
当用户在输入框搜索，你需要实时监听 input change 事件，然后向接口查询数据。但是如果不做防抖，用户每输入一个字母就会搜索一次，显然就会造成服务器压力。
解决办法就是设置一个定时器，如果指定时间内用户没有再输入内容，就开始请求数据，如果在指定时间内还再输入，就清楚定时器...

## 了解了 ES5/6/7 语法
> 只能说自己火(tai)星(lan)了，那么好用的东西现在才知道

### Promise
根据 MDN 的解释，是为了避免 `回调地狱`，不过没看太懂，但是我会继续了解

参考链接：
- [MDN：使用 Promise](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Using_promises "使用 Promise")
- [MDN：Promise](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise "Promise")

### async 和 await
> async functions 和 await 关键字是最近添加到 JavaScript 语言里面的。它们是 ECMAScript 2017 JavaScript版的一部分（参见 [ECMAScript Next support in Mozilla](https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_Next_support_in_Mozilla "ECMAScript Next support in Mozilla")）。

这个真的特别好用，与异步的方法配合使用，使之变为同步的，很像如 `PHP` 了

参考链接：
- [MDN：async和await:让异步编程更简单](https://developer.mozilla.org/zh-CN/docs/learn/JavaScript/%E5%BC%82%E6%AD%A5/Async_await "async和await:让异步编程更简单")

### 解构赋值
相见恨晚，对于如对象的赋值真的太方便了

解构对象：
```javascript
let obj = {
	name: 'chuwen',
	age: 20,
	sex: '男'
}

//一般我们会这么做
//这样做造成了很大的冗余
let name = obj.name,
	age = obj.age,
	sex = obj.sex

//但是用上 “解构赋值”
//写成这样就减少冗余，并且很清晰
let {name, age, sex} = obj

//运行结果和上述的老方法是一致的
console.log(name, age, sex)
```

解构数组、交换变量...
这里不做过多说明，详情请前往 [MDN：解构赋值](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise "解构赋值") 查看

# 学习了多久
视频总共 130 集，我从第 50 集开始看的
![视频总共 130 集，我从第 50 集开始看的](https://cdn.nowtime.cc/2021/01/17/2999357928.png)

大概学习了 6 天左右，因为自己有些基础，我就开倍速看了，当然不是完全跟着视频做的，会自己一直做下去，再返回看视频，看和视频讲的有什么不同，再去优化。
布局这样一块，思路是很清晰了，可能是之前自己学习 Android 的时候，布局写多了吧

![截图日期：2021-01-17 星期日](https://cdn.nowtime.cc/2021/01/17/628215217.png)

## “行百里者半九十”
很庆幸自己坚持下来了，没有半途而废。

## 不完整的 Git commit 记录

> 本来是打算公开的，但是我在 commit author 里，一不小心提交了**私密信息**，然后只能设置为私有仓库了

![不完整的 Git commit 记录](https://cdn.nowtime.cc/2021/01/17/1169551199.png)

PHP 动态域名解析脚本（基于 Dnspod API）

GitHub 项目地址

https://github.com/PrintNow/php-dnspod-ddns

PHP 动态域名解析（基于 Dnspod）| PHP DDNS（base on DNSpod）

目录结构

🍕 使用方法

Vue.js 路由不生效(报错)

批量删除知乎“赞同回答动态”

充电功率检测

微信小程序项目实战算是完成了，耗时5天左右

最新文章

最近回复

分类

归档

其它

PHP 动态域名解析脚本（基于 Dnspod API）

GitHub 项目地址

https://github.com/PrintNow/php-dnspod-ddns

PHP 动态域名解析（基于 Dnspod）| PHP DDNS（base on DNSpod）

目录结构

🍕 使用方法

Vue.js 路由不生效(报错)

批量删除 知乎“赞同回答动态”

充电功率检测

微信小程序项目实战算是完成了，耗时5天左右

最新文章

最近回复

分类

归档

其它

批量删除知乎“赞同回答动态”