非你网

app 通常会有启动页，引导页和闪屏这三个前奏页面。启动页必须有，不可跳过。引导页通常是第一次启动有和更新版本后有。闪屏可能有广告的嫌疑，用户可点击跳过，也可以等待倒计时跳过。

像 soul 就是强制有 启动页和闪屏。不过闪屏都是一些比较漂亮的图片。

启动页 splash

引导页 guid

闪屏 flash

launchFlag

阅读全文 >>

域名有点多，整理出来一下下：

阅读全文 >>

写 flutter 越多，遇到的场景和用到组件就越多。这样，就有机会采坑。遇到的情况先记录下。

记录坑

• showModalBottomSheet 中的状态。
  https://www.jianshu.com/p/949a638cd465 外部中定义的状态，在该组件中就没用了。

• container 中 套 container。不仅是 container，比如 image 这些都会使得内部的元素的宽高都会是它明确父级的宽高。也就是即使你内部设置了宽高也会被强制到和明确父对象一样的宽高。 可以用 Column 和 Row 打破这个僵局。
  https://zhuanlan.zhihu.com/p/41801871

• TextField 的默认高度和显示文本的差异。这个不算坑，是对 api不太了解。设定 isCollapsed 为 true ，就可以解决莫名的高度了。

• 画虚线矩形。这个不是坑，这个是原生没有。https://blog.csdn.net/xfnbing/article/details/107209410

• ios 下webview_flutter_plus 配置 html 渲染。
  https://blog.csdn.net/xudailong_blog/article/details/108324984
  https://pub.flutter-io.cn/packages/webview_flutter_plus#ios
  两个都需要配置。

• mac 下，编译ios时遇到 error: compiling for iOS 8.0, but module 'SwiftProtobuf' has a minimum 问题处理。
  https://blog.csdn.net/boildoctor/article/details/111192691

• webview 的时候，状态栏高度处理。下边这种方式虽然不完美，却也是一个很快速实用的方法。

Scaffold(
        appBar: PreferredSize(
          preferredSize: Size.fromHeight(1),
          child: Container(
            color: Colors.white,
          ),
        ),
        body: webView()
      )

• 在Flutter的ListView的子View中，你可以在Row中使用Expanded填充水平方向的剩余空间，而无法在Column中使用Expanded填充垂直方向的剩余空间。
  https://blog.csdn.net/kaixuan_dashen/article/details/102308861

记录细节

• List 循环索引

List list = ['huo', 'are', 'you'];
list.asMap().forEach((index, item) => {

});

• flutter 设置 RaisedButton 的宽高
  http://findsrc.com/flutter/detail/8763

• 按钮总结
  https://blog.csdn.net/yuzhiqiang_1993/article/details/85004313

• textfield 总结
  https://blog.csdn.net/yechaoa/article/details/90906689

学习链接

http://laomengit.com/flutter/widgets/PreferredSize.html

阅读全文 >>

搭建好了环境，就是开发项目了。对于前端项目，用户比较关心的是路由，渲染，以及数据。路由可以缓一缓，数据也可以缓一缓。渲染肯定要先出来。渲染太底层的，也不用关心。那就直接关心渲染的上层布局。好吧，就布局。

要了解的信息

• 我们要知道 Scaffold。
• 我们要知道 Container、Row、Column、Stack 等。这些和 css flex 布局几乎一个模子。
• 我们要知道 Color。
• 我们要知道各种组件。
• 我们要知道好多好多信息。
• 我们就是从这里渐渐开始。

阅读全文 >>

https://www.cnblogs.com/happymental/p/12397384.html

https://zhuanlan.zhihu.com/p/157993039

https://zhuanlan.zhihu.com/p/157993039

阅读全文 >>

在一个项目中，环境变量，配置文件这些都是一个很重要的环节。设计好了，体验也会不一般。在 go 中，使用 viper 来构造一个这样的配置环境。

https://github.com/spf13/viper

开始之前

• 在开始之前，我们已经熟悉了 laravel 的配置文件的方式。这里，我们仿照 laravel 的结构方式来组织我们的代码。使用 .env 文件来放置重要配置信息。当然也有 .env.example 。.env 不会加入版本控制中，.env.example 加入版本控制中。

• go 的 init 函数。相关联文件中， init 函数总是会先执行的。init 函数要慎用，仔细用。导入顺序也很有关系。

  

• 一个项目中 MVC 是指的是业务逻辑的代码，而除了支撑业务逻辑代码以外，还有底层的辅助代码。例如路由加载、数据库初始化等。在我们的项目中，遵循 Go 社区的惯例，这些底层代码我们会归类为各自的包，并放置于 pkg 目录下。pkg 目录下的包，我们会尽量保持其独立性，这样方便在其他项目中复用。但是最重要的，当前还是以服务 goblog 项目为主。

阅读全文 >>

vue cli 配置 dev 的 host 和端口号

# vue.config.js  中

module.exports = {
  devServer: {
      port: 80, // 端口号，如果端口号被占用，会自动加1
      host: "sky.cn", //主机名， 127.0.0.1，  真机 0.0.0.0
      https: false, //协议
      open: true //启动服务时自动打开浏览器访问
  },

可是当： npm run dev 的时候，端口号却是 1024。 话说 mac 下启动 1024 以下的端口需要 root 权限。用 sudo 试试。

sudo npm run dev

当然，仅仅上边是不可以的。我们要修改 host，映射一下。

# mac 下
sudo vim /etc/hosts

# 增加
127.0.0.1 sky.cn

# windows 下
win + r -> drivers -> cd etc -> vim hosts

# 增加
127.0.0.1 sky.cn

这样，service 结果

  App running at:
  - Local:   http://sky.cn:80/
  - Network: http://sky.cn:80/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

优化

这个配置硬写在 vue.config.js 中。这样不好看。我们写在环境配置中。在 .env.development 中，新增配置：

# 配置 service 的域名
VUE_APP_HOST = 'sky.cn'

# 配置 service 的端口号
VUE_APP_PORT = '80'

然后，在 vue.config.js 中这样修改：

const host = process.env.host || process.env.VUE_APP_HOST || '127.0.0.1'
const port = process.env.port || process.env.VUE_APP_PORT || process.env.npm_config_port || 80

module.exports = {
  devServer: {
    host: host, //主机名， 127.0.0.1，  真机 0.0.0.0
    port: port, // 端口号，如果端口号被占用，会自动加1
    https: false, //协议
    open: true, //启动服务时自动打开浏览器访问
    overlay: {
      warnings: false,
      errors: true
    },
    before: ''
  },
  …

环境变量一说可以参考这里：https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F

阅读全文 >>

多在windows上编程的童鞋可能习惯于感受tab键为4个空格的长度，不过在linux系统中一般默认设定tab键为8个空格长度来显示。事实上tab也确实是8个空格的长度。不过由于习惯问题，某些童鞋还是希望在linux上也感受tab键为4个空格长度的显示，因为vi编辑器在linux上是那么地众所周知，所以下面就开始谈如何设定vim编辑器对tab键的显示长度问题。
关于vim对tab键的设定问题，我在网上也查过一些资料，不过大部分都解释的不清楚，只是照着其设定的代码copy一份到配置文件中，对每一行代码具体所起的作用则不甚清楚，本篇章根据国外一篇文章对tab键设定的讲述加之自己亲自在centos7上进行不断尝试进行总结。

操作

# 新增 .vimrc 文件
vim ~/.vimrc

# 填充下边的内容
"语法高亮
syntax enable
"显示行号
set number
"突出显示当前行
set cursorline
"打开状态栏标尺
set ruler
"设定 << 和 >> 命令移动时的宽度为 4
set shiftwidth=4
"使得按退格键时可以一次删掉 4 个空格
set softtabstop=4
"设定 tab 长度为 4
set tabstop=4
"用space替代tab的输入
set expandtab
"高亮显示括号匹配
set showmatch

阅读全文 >>

快速 mac go 开发环境

• 下载 https://golang.google.cn/dl/ 并安装。

• 试试：

go version

go env

• 配置

# 表示使用 go modules 模式
go env -w GO111MODULE=on

# 开启代理，方便下载包
go env -w GOPROXY=https://goproxy.cn,direct

• 下载 goland 虽然 vscode，atom 等也可以用。可还是 goland 好用。下载破解版吧。

http://www.520xiazai.com/soft/GoLand-2020-for-mac.html

阅读全文 >>

mac 数据库工具

TablePlus 3.11.0

Navicat

https://haxpc.net/movavi-pdf-editor-crack/

阅读全文 >>