Flutter 是谷歌开源的应用开发框架，仅通过一套代码库，就能构建精美的、原生平台编译的多平台应用
中文版本文档
插件库，pub，类似于npm。

如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。

不间断记录问题，做备忘。

fatal: Not a git repository (or any of the parent directories): .git 问题

提示说没有.git这样一个目录

在命令行 输入 git init 然后回车就好了

viewBox

viewBox属性的值是一个包含4个参数的列表 min-x, min-y, width and height，

1. pathToRegexp()
   作用：这里这个方法可以类比于 js 中 new ExpReg(‘xxx’)。

2. exec()
   作用：匹配 url 地址与规则是否相符

3. parse()
   作用：解析 url 字符串中的参数部分（:id）

4. compile()
   作用：快速填充 url 字符串的参数值。

安装

• 使用npx 安装

  1	npx create-react-app my-app

• 安装基于ts的项目

  1 2	# `npx react-native init yoAnd --template react-native-template-typescript` npx create-react-app my-app --template typeScript

1
2

const mongoose = require('mongoose');
const { Schema } = mongoose;

连接数据库

• mongoose.connect(uri, options);
  ip:端口:数据库名

  1	mongoose.connect('mongodb://localhost:27017/test', {useNewUrlParser: true, useUnifiedTopology: true});

• 连接数据库的options

不间断记录css小技巧

shape-outside 设置文字环绕

web端播放视频，碰到有些格式不能正常播放，那样就可以对视频进行转换再播放。比如本文提到的 ffmpeg

好，我们来总结一下。我们想要进行精准搜索，无非就是增加筛选条件。

in:name xxx // 按照项目名搜索

CSS 扩展语言主要有stylus less sass

项目设计画了很多可爱的图标，导出来很多可爱的svg
在项目中怎么能很方便的引用svg呢？

嗯呐 就是
svg-sprite-loader

安装插件 svg-sprite-loader

新建文件夹存放svg

最近在弄一个树形结构的数据，
具体问题具体分析，拿到一个树形结构的数据，但是拼接的数据id不是唯一节点。需要自己稍微修改一下数据的属性。

• 数据的层级不可预见
• 次跟层级是需要特殊处理
• 次叶层级特殊处理
• 叶子的属性num需要冒泡到根节点
• 拼接唯一节点id

前言

vue中使用vue create app创建项目后，需要转发请求到后端的接口。在测试的时候，需要和多个后端ip联调。
这个时候需要有个配置文件，当需要对接某一个的时候启动一下专属服务就比较方便。

所幸，vue 给我们提供了这一个便利的可能性。环境变量和模式。

官方文档vue 环境变量和模式

前言

在react中需要css的模块化。在vue中习惯了，开箱即用scoped,并且沉迷于stylus的简洁。迫切需要在react中用上stylus。

ceate-react-app创建的react项目，可以用css,scss的模块化。

本文参考CSS Modules 入门及实践

css 实现加载中点点点动画。

express 基于 Node.js 平台，快速、开放、极简的 Web 开发框架
文档

有成熟的开源框架，比如 html2Canvas ,把html直接转成图片。

下载图片

• canvas 下载 转成base64

  1	base64 = canvas.toDataURL("image/jpeg", quality);

官方文档 官方文档

环形饼图

canvas 常用api整理