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整理

创建数组

1
2
3

var arr  = [];
var arr1 = array();
var arr2 = new Array();

不定期更新一些js小方法

匹配英文

1
2
3

var str = /[^a-zA-Z]/g;
var test = '77hhs';
test.replace(str,'');//hhs

vue 生命周期

生命周期

• beforeCreate
• created
• beforeMount
  阅读全文 »