Frossky 发布的文章

const h1Class = 'greeting'
const element = (
  <h1 className={h1Class}>
    Hello, world!
  </h1>
);

const element2 = (
  <h1>
    Hello, {formatName(user)}!
  </h1>
);

ReactDOM.render(
  element,
  document.getElementById('root')
);

还可以用构造器生成element

const element = React.createElement(
  'h1',
  {className: 'greeting'},
  'Hello, world!'
);

有三种构造器, React.createClass 、React.createElement、Component的区别

Android

adb无法启动: 5037端口占用
可以增加一个系统变量 ANDROID_ADB_SERVER_PORT, 值是1~65535重新选个端口, 比如60000
使用夜神模拟器?
先要建立好项目并且编译好apk, 建议看官方文档中文翻译
启动后,还是要在夜神中打开开发者模式和USB调试选项.
然后使用adb connect 127.0.0.1:62001连接到夜神模拟器
将项目下android\app\build\outputs\apk\debugapp-debug.apk手动安装到夜神模拟器,然后打开
使用adb shell input keyevent 82打开app中的debug菜单
进入Settings -> Debug server host for device, 设置为电脑的ip端口,如192.168.0.38:8081, 8081是默认端口

RN

RN中文网

下面这个例子演示了:

所有class都是从Component中extends, 扩展以后就是一个新组件
必须有个返回element的render()函数
组件默认有个this.props对象, 所有在模板里的属性都是这个对象的key
要让界面有变化,必须调用setState来修改this.state对象, 注意这个对象名称也是固定不能修改的,即使你可以一开始给他重新赋值.
```
import React, { Component } from 'react';
import { Text, View } from 'react-native';
```

class Blink extends Component {
// 声明state对象
state = { isShowingText: true };

componentDidMount() {
// 每1000毫秒对showText状态做一次取反操作
setInterval(() => {
this.setState({
isShowingText: !this.state.isShowingText
});
}, 1000);
}

render() {
// 根据当前showText的值决定是否显示text内容
if (!this.state.isShowingText) {
return null;
}

return (
  <Text>{this.props.text}</Text>
);

}
}

export default class BlinkApp extends Component {
render() {
return (

); } }

python pip豆瓣源命令

作者: Frossky
时间: 2020-03-23
分类: 未分类
评论

用了conda之后,似乎用户目录下指定pip源的pip.ini就失效了...这样pip安装就是个麻烦事儿.
增加了一个bat文件解决这个问题,名字叫pipd.cmd,内容如下:

pip %* -i https://pypi.doubanio.com/simple/

后面使用跟正常pip差不多:

pipd install pytest

jekyll入门

作者: Frossky
时间: 2020-03-23
分类: 未分类
评论

翻我自己的blog,发现在三年前就搞了Jekyll,后面也有几次断续提到. 既然总是涉及到还是好好学学了.
Jekyll基于ruby/markdown/Liquid. 官网在这儿

安装

去Ruby官网下载安装ruby

安装后, 包管理工具gem应该可以运行. 先替换gem源:

$ gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
$ gem sources -l
https://gems.ruby-china.com
# 确保只有 gems.ruby-china.com

敲入下面命令做jekyll入门安装:

gem install bundler jekyll
jekyll new my-awesome-site
cd my-awesome-site
bundle exec jekyll serve

jekyll serve命令将打开127.0.0.1:4000端口.不过这个端口很多程序都喜欢占用. 除了将占用程序杀掉, 还可以更换端口,如换到8080:

jekyll serve -P 8080

上面使用Jekyll的new命令建立了整套blog, 使用了一个默认的theme. 然而jekyll最本质应用是转换Markdown+Liquid到Html, 所以是几乎可以应用到任何静态html的编写的. 当然其强项还是写blog. 后面教程就说这个.

标准项目结构

.
├── _config.yml
├── _data #放yml数据文件, 可以在其他html/md中通过liquid语法引用其中的数据{% site.data.ymlfilename  %}
│   └── members.yml
├── _drafts #未发布的posts，不会显示。
│   ├── begin-with-the-crazy-ideas.md
│   └── on-simplicity-in-technology.md
├── _includes # 放html、md文件, 其中的文件可以在layouts、posts的html和md文件中通过liquid include语法引用并插入{% include 文件名.后缀 %}
│   ├── footer.html
│   └── header.html
├── _layouts # 放html文件, 可以在posts和其他md/html文件中通过liquid语法设置 layout: xxfilename
│   ├── default.html
│   └── post.html
├── _posts # 放md文件. 文件名格式需要是下面这种. 内容可使用liquid语法.
│   ├── 2007-10-29-why-every-programmer-should-play-nethack.md
│   └── 2009-04-26-barcamp-boston-4-roundup.md
├── _sass # 放scss文件. 其中的样式在html中通过link引用, 注意文件目录编译后是/assets/css/, 后缀是编译后的.css <link rel="stylesheet" href="/assets/css/filename.css">
│   ├── _base.scss
│   └── _layout.scss
├── _site
├── .jekyll-metadata
└── index.html # can also be an 'index.md' with valid front matter

关于theme

theme解压缩后，要运行一次bundle install, 然后运行服务bundle exec jekyll serve就可以了。

关于自定义数据

最好放在_data/somefile.yml中，而不是放在_config.yml中。因为前者不需要重启服务，而后者需要重启服务才生效。
如在_data\info.yml中：

root_path: \pd\

在md文件中可以用{{site.data.info.root_path}}引用。
在当前页面的前导部分定义的变量如var1,可以用{{page.var1}}访问。最妙的是，{{page.var1}}可以写在_includes里面如public.md,这样, {{page.var1}}就像本地定义的局部变量, 插入的{% include public.md %}中可以使用这些局部变量,就像是传递了实参一样. 而_data/中的数据就像是全局变量/常量一样.
jekyll可以尽可能的共用内容, 而不是像普通写文档一样大段的复制粘贴, 并且实时刷新,写起来非常有愉悦感.

Liquid

Liquid官方文档
表达式 {{ }}
语句 {% %}

逻辑运算

大多数和js一样，比较符号：

== != < > <= >= true false

逻辑运算不太一样，分别是and和or

字符串运算

不是通过函数，而是通过语句：
包含:

{% if product.tags contains "Hello" %}
  This product has been tagged with "Hello".
{% endif %}

赋值

注意字符串用双引号

{% assign my_variable = false %}

{% assign my_variable = "foo" %}

{% capture my_variable %}I am being captured.{% endcapture %}

条件转向

{% if customer.name == "kevin" %}
  Hey Kevin!
{% elsif customer.name == "anonymous" %}
  Hey Anonymous!
{% else %}
  Hi Stranger!
{% endif %}


{% unless product.title == "Awesome Shoes" %}
  These shoes are not awesome.
{% endunless %}

{% assign handle = "cake" %}
{% case handle %}
  {% when "cake" %}
     This is a cake
  {% when "cookie" %}
     This is a cookie
  {% else %}
     This is not a cake nor a cookie
{% endcase %}

循环

{% for i in (1..5) %}
  {% if i == 4 %}
    {% break %}
  {% else %}
    {{ i }}
  {% endif %}
{% endfor %}

更复杂一些的，包括可以使用continue、limit、看官网对iteration的说明

regex编辑

作者: Frossky
时间: 2020-03-23
分类: 未分类
评论

https://jex.im/regulex/#

python import

作者: Frossky
时间: 2020-03-21
分类: 未分类
评论

import的天坑，先读读
 我在stackoverflow上问了个问题，最终发现必须要在test目录和项目根目录放__init__.py，src里面可以不放。

包和模块（Package/module）

简单理解，模块就是.py文件，包就是模块所在的目录。
再python3.3之前，目录中还需要有__init__.py才能称之为包。在这其中定义模块。在3.3之后提出了隐式命名空间包的概念，可以不定义__init__.py。

用法

连引号和目录斜杠都省了

导入下级目录之一的包

me.py中：
from sonFolderName import sonPackageFileName
在me.py的目录中运行python me.py

导入上级

from .. import parentPackge
需要在上上级的grandpaFolder按模块-m运行:
python -m parentFolder.myFolder.me
如果不按这种方式运行，会报错ImportError: attempted relative import with no known parent package

python单元测试

作者: Frossky
时间: 2020-03-21
分类: 未分类
评论

标准的随语言提供的单元测试包就是unittest，不过另外也有个更方便的pytest.

free commander 显示日期时间格式的修改

作者: Frossky
时间: 2020-03-20
分类: 未分类
评论

默认是dd/mm/yyyy，看起来很不习惯。修改在“工具、设置、查看、文件/文件夹列表、常规”中的“时间戳格式”，改为Windows就和系统一样了。

程序员们不遗余力的简化

作者: Frossky
时间: 2020-03-20
分类: 未分类
评论

再看Jekyll的过程中，忽然发现简化简化再简化才是王道，也是程序员们孜孜不倦追求的王道。
先举两个远一点的例子。
第一个例子是文档编辑格式，在寻找什么才是更好的文档编辑格式的时候，就会发现有DITA（xml格式承载）、reStructText（.rst格式承载）、Markdown(.md格式承载)。上面三种都可以转成html，所以另外还可以再加上html本身。可以看到，在这篇老外写的对比里面，markdown确实是极受欢迎的。 markdown+jekyll也是其推荐首选之一。而DITA的复杂性令人望而却步。
第二个例子是宇宙第一js框架之争。候选是react和vue。vue无数人说其胜在简单。除了使用标准的html、css、js以外，没有引入更多的新语法。而react虽然很强大，但是它引入了jsx这个奇怪的产物。然后就开始在js里面写html……让我想起了在html写php……虽然react极其优秀，然而更多的人们仍然更喜欢更简单的vue。
再说到对文件内容的简化。能列出来好多例子了。
markdown其实就是对html的简化。考虑到markdown里面还可以加入html标签以达成更高的兼容性，就更让大家喜欢了。html长长的标签及其影响阅读体验，才有了markdown用武之地。当然，HTML更强大不是吗，但这无法阻止更简单的markdown对它应用范围的蚕食。
scss是对css的简化和强化。去掉了{}和分号，改用了缩进，加入了变量和语句。其实，像if、for这种语句就是为了怕麻烦。另外，看来相当多的程序员都不喜欢花括号和分号啊！scss前身sass并不流行，看来简化的时候保持兼容性还是很重要的。
python之所以能有这么大的占有率，可以说他也是去掉了C系语言（C/C++/Java/Javascript）里面的花括号和分号。去掉了变量类型。javascript虽然没有去掉花括号（不知道有没有改型语言去掉它的花括号的），但可以省略分号。当然花括号和分号有一大好处就是可以把代码压缩在一行里面，这个python就不行了。JavaScript开始甚至都没有class，所有都是object，并且给object一系列默认的隐藏的function，让其实现复杂的功能已经class的功能，而表现上及其简单。
yaml是json的简化。虽然其名称更像是html。当然，json是xml的简化，用花括号替代了冗长的标签。yaml又用缩进替代了花括号，用-替代了方括号。
简化之路无止尽！每一种简化虽然可能损失了很多功能，然而却带来了更多的使用者、更高的效率！这才是发展的方向，而不是做一个大而全晦涩难懂的东西。
大而全的东西必然走向晦涩难懂，因为它要考虑的太多了。比如excel使用率极低的vba，它要考虑自动化，那么必然vba有很高的学习门槛。另外csv是excel不太成功的简化。损失了太多，但也有其生存之地。

css/sass/scss关系

作者: Frossky
时间: 2020-03-20
分类: 未分类
评论

看这个.
简单来说, sass是css的语法简化版,但是和css语法又不兼容. 于是在sass3版本加入了scss, 这个就是和css的语法的兼容版本.

liquid模板语言

作者: Frossky
时间: 2020-03-20
分类: 未分类
评论

liquid
说实话这玩意儿长得有点像php和Vue用的mustache混合.

Objects

{{ page.title }}

filter过滤器

vue中也有类似东西

{{ "hi" | capitalize }}

jekyll问题集

作者: Frossky
时间: 2020-03-20
分类: 未分类
评论

jekyll serve启动报错 error:permission denied -bind(2) for 127.0.0.1:4000

4000端口被占用

D:\r\jekyllproj\try\my-awesome-site                                              
λ netstat -aon | findstr "4000"                                                  
  TCP    127.0.0.1:4000         0.0.0.0:0              LISTENING       3112      
  TCP    127.0.0.1:4000         127.0.0.1:52772        ESTABLISHED     3112      
  TCP    127.0.0.1:52772        127.0.0.1:4000         ESTABLISHED     32940

最后是PID.在任务管理器的服务中找到PID, 我这儿发现是foxit的一个服务占用的. 停掉它.再次运行就好了.

jekyll可以转换的语言

包括markdown和liquid

jekyll如何使用liquid

在html最前面加上

---
---

即可

替换ruby gem源/gem用法

作者: Frossky
时间: 2020-03-20
分类: 未分类
评论

替换源

据说淘宝源已经停止维护,现在只有https://gems.ruby-china.com了

$ gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
$ gem sources -l
https://gems.ruby-china.com
# 确保只有 gems.ruby-china.com

显示安装进度

gem默认不显示安装进度,下载比较大的gem文件的时候就搞不清楚是不是断了,添加--verbose或者-V显示详情.


gem install xxx -V
```