HannibalKcc

Welcome To Jekyll

2021-06-14T00:00:00+00:00

You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

Jekyll requires blog post files to be named according to the following format:

YEAR-MONTH-DAY-title.MARKUP

Where YEAR is a four-digit number, MONTH and DAY are both two-digit numbers, and MARKUP is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.

Jekyll also offers powerful support for code snippets:

def print_hi(name)
  puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.

Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo. If you have questions, you can ask them on Jekyll Talk.

笔记

2020-04-01T00:00:00+00:00

在开发环境想要配合微信开发者工具进行微信授权、支付等操作，必须重新设置一个 appId 定向到本地地址——127.0.0.1:8080 参考网址其次必须修改接口 getWechatConfig 允许前端自定义一个 appId 并根据其值生成一套新的对象用于前端初始化 wx sdk
测试
测试

笔记

2020-03-01T00:00:00+00:00

git reflog 是 git log 加上部分参数的缩写，所以它也可以使用 --grep 参数

参考

npm ls -g depth=2 其中 depth 可以设置遍历最大深度

笔记

2020-02-01T00:00:00+00:00

为什么 vuex 在 action 中不建议直接修改 state ? 参考

vuex redux 在设计时都参考了 flux ，而后者是函数式编程的概念，相同的输入+操作必须返回相同的结果。基于此异步任务是不可控的，所以异步任务不应该直接修改 state

npm list -g --depth 0 查看全局安装依赖
文件夹参考 C:\Users\xxx\AppData\Roaming\npm\node_modules
vue-cli4 的指令 vue 在 powershell 运行发生错误，如下 ``` vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/ go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置行:1 字符: 1
- vue
- ~~~
- CategoryInfo : SecurityError: (:) []，PSSecurityException
- FullyQualifiedErrorId : UnauthorizedAccess ``` 参考通过 vue.cmd 运行指令；

或者在 powershell 输入 Set-ExecutionPolicy -ExecutionPolicy Unrestricted -Scope CurrentUser 修改策略策略修改具体参考 github 那个链接最底部指令

dart 语言中的 ~/ 为整除

var result1 = 15/7; // 结果是：2.142857...
var result2 = 15~/7; // 结果是：2

windows 预览 svg 参考

笔记

2019-12-01T00:00:00+00:00

IDE AS 有一个快捷键————默认 ctrl+h type Hierarchy 可以清晰地看到一个类的继承关系。（在类的声明处使用，而不是调用处使用）
flutter 中，想要使得 Text 组件可以超出自动换行可以设置父组件 Expanded ,若不想横向扩展宽度，可以使用 Flexible，即使其属性是 flex: 0 也是阔以的！。
process explorer 让你知道是哪个杀千刀的程序阻止你删除一个文件or文件夹链接
关于 flutter 中 with 是否允许内部属性同名的研究 ``` void main() { var res = new Res(); res.toFoo(); }

class A { toFoo() { print(‘foo a!’); } }

class B { toFoo() { print(‘foo b!’); } }

// A B 的顺序会影响 res.toFoo() 的结果 // 表明了 with 是允许同名函数的，优先级逻辑为后来居上 class Res with A,B {} ```

笔记

2019-11-01T00:00:00+00:00

高斯模糊，背景模糊参考参考2 自己的实践代码
正则表达式， $1 与 不包含某连续字符串 的实践 ``` ‘rgb(144, 144, 144)’.replace(/rgb(([\d]+), ([\d]+), ([\d]+))/, ‘$1 $2 $3’)

‘<123>’.replace(/<([((?!br).)]+)>/, ‘< $1 >’)

‘gainover123’.replace(/gai([\w]+?)over([\d]+)/, ‘$1 $2’)

rawHtml.replace(/<(((?!br).)*)>/, ‘< $1 >’); // 无效化除了
以外的标签

3. `dart` 中使用 `.runtimeType` 判断类型
4. `dart` 中使用 `??` 是不能用在 `if()` 语句中的，请使用语句

var tmp; if(tmp?.a?.a ?? false) return ‘’; // null 时返回 false

if(tmp?.a?.a ?? true) return ‘’; // null 时返回 true ```

笔记

2019-10-01T00:00:00+00:00

找到在 index.html 中对 ico 设置无效问题的原因了——使用了 pwa 插件，会覆盖 ico 配置。在 vue.config.js 中设置 pwa 对应的配置即可解决。
safari 浏览器对于部分 ISO时间格式 的解析错误，目前使用时间戳是比较稳的方法。
疑问： element-ui 中的 table 加入 border 属性后，可以设置表头宽度，探索实现原理时，发现一个 style arrtribute {} 选择器，是通过原生方法 setArrtribute() 实现的吗？如果是，为什么在审查模式 dom 节点上下不能看到它？
webstorm 当设置 line comment at first column 可能无效的时候，关闭 EditorConfig , IDE 可能会在界面上提示你冲突了，点击 disable 后，重启 IDE 即以设置为准

与 php 对接使用 formData 时，如果是数组类型，需要考虑在 key 后面补上 []，比如

  formData.append('files[]', files[0], 'file.jpg')
  formData.append('files[]', files[1], 'file.jpg')

知乎广告类名黑名单 .Banner-image .Pc-feedAd-container
flutter GridView(), FractionallySizedBox() 一个栅格组件，一个百分比组件
flutter install 在连接设备是安卓的情况下,使用 build\app\outputs\apk\app.apk 文件安装
await 处理 Promise 函数，只有可能得到 Promise Resolve 状态的值，如果 Promise 函数变为 Reject 状态，则会被上级函数的 catch 方法捕获 ``` async function f() { await Promise.reject(‘出错了’); console.log(‘执行不到这儿啦’); }

f() .then(v => console.log(v)) .catch(e => console.log(e)) // 出错了

在 `vue` 中，一个组件使用 `$emit` 实际上是给谁了呢？是传递给父组件了吗？会继续向上传递吗？
实际上是给了自己本身；并且 `vnode` 的时间也不会向上传递； `$emit` 触发后，会触发组件自身上的 `vnode.componentOptions.listeners` , 这个属性可以直接设置，也可以 `$on(eventName, eventHandler)` 设置，更可以在 `tmp` 上对组件写入属性 `@eventName="eventHandler"` 设置。
`flutter` 中的 `debug` 模式， `dart` 使用了 `JIT(just in time)`,而 `realease` 模式使用了 `AOT(ahead of time)` [参考](https://book.flutterchina.club/chapter1/flutter_intro.html)
`git` 操作出现 `refusing to merge unrelated histories` ，本质上是因为远程端与本地端是2个完全独立的历史。通过指令 `git pull origin master --allow-unrelated-histories` 可以允许合并无关的两个历史。
在 `vue` 中可以直接监听生命周期回调，如下

// $on this.$once(‘hook:beforeDestroy’, () => { clearInterval(timer); }); ```

笔记

2019-08-01T00:00:00+00:00

某个 flutter 版本后，支持命名路由传递参数了

Navigator.pushNamed(
  context,
  '/weather',
  arguments: <String, String> {
 'city': 'Berlin',
 'country': 'Germany',
  },
);

js滚动穿透问题，找了一些方法，理想的不多。参考禁用 touchmove 根据情况判断是否使用 event.preventDefault() 或者使用库 tua-body-scroll-lock

笔记

2019-07-01T00:00:00+00:00

在dart语言中，字符串前面可以加上 r 。根据 regexp.dart 文件中的源码

 * RegExp exp = new RegExp(r"(\w+)");
 * String str = "Parse my string";
 * Iterable<Match> matches = exp.allMatches(str);
 *
 * Note the use of a _raw string_ (a string prefixed with `r`)

我们可以得知加入 r 可以让字符串作为 原始字符串，参考js 原始字符串例子

  'abc'.replaceFirst(new RegExp('\w+'), '1') // 'abc'
  'abc'.replaceFirst(new RegExp(r'\w+'), '1') // '1'

通过使用 const bool.fromEnvironment("dart.vm.product") 判断当前的开发环境
关键字 factory 可以声明 工厂构造函数 ，赋予了构造函数函数体，让其可以选择返回的内容。利用这点，我们可以实现 单例模式 、 缓存实例 ``` void main() { var a = Logger(‘ggg’); var b = Logger(‘ggg’); var c = Logger(‘ccc’); a.mute = true; print(a.mute); print(b.mute); print(c.mute); }

class Logger { final String name; bool mute = false;

// _cache 是一个私有库,幸好名字前有个 _ 。 static final Map<String, Logger> _cache = <String, Logger>{};

factory Logger(String name) { if (_cache.containsKey(name)) { return _cache[name]; } else { final logger = new Logger._internal(name); _cache[name] = logger; return logger; } }

Logger._internal(this.name);

void log(String msg) {
   if (!mute) {
      print(msg);
   }
} } ```

flutter 开发时，使用 Dart DevTools 中的 debugger 可以直接 debug , 体验比 AS 的 debug 模式好很多
flutter 开发时，如果不是很清楚自己所处的位置，可以参考 Flutter outline

笔记

2019-06-01T00:00:00+00:00

flutter 提供了 WidgetsBindingObserver 给开发者来监听 AppLifecycleState