qq_44685105的博客

原创 react-json-view（一看就会的教程）

最近业务上需要用到json可视化的需求，在这给大家安利一个前端页面很好用的插件react-json-view第一步：安装插件npm install --save react-json-view 或者 yarn react-json-view，在这推荐大家在项目中用 yarn 安装插件，yarn的出错几率比npm低很多。第二步：import ReactJson from 'react-json...

原创 taro配置使用tailwind

安装在 Taro 项目根目录下安装npm i taro-plugin-tailwind --save使用引入插件请确保 Taro CLI 已升级至 Taro 3 的最新版本，确保 taro-plugin-tailwind 版本在 v1.1.0 及以上。修改项目 config/index.js 中的 plugins 配置如下：const config = { /// ... plugins: [ // ...其余插件 'taro-plugin-ta

原创 推荐一个较全面的vite-react脚手架模板

vite-react-ts-app基于vite构建包含mobx+antd+typescript+eslint+scss的起步应用第一步 访问项目 仓库 接着git clone拉取代码第二步 yarn 或者 npm install安装依赖第三步 yarn dev启动项目关于更多vite信息，请访问vite官方中文文档...

原创 js表示空的三种方式，0， null， undefine，以及具体区别

原创 小程序图片直传/上传阿里OSS

小程序图片直传/上传阿里OSS图片等资源上传阿里OSS直传方式【客户端加密】这种方式用的人最少，大多数人采用用服务端加密后返回秘钥，再上传OSS。所以网上的技术博客几乎都是一样的。如下篇:const env = require('config.js'); //配置文件，在这文件里配置你的OSS keyId和KeySecret,timeout:87600; const base64 = require('base64.js');//Base64,hmac,sha1,crypto相关算法requir

原创 nextjs使用mobx教程

nextjs使用mobx教程安装资源npm install mobx mobx-react --save 或者 yarn add mobx mobx-react新增store.js文件import { observable, action } from 'mobx'class IndexStore { @observable count = 0 @action changeCount(val) { this.count += val }}export def

原创 nextjs的alias路径配置

nextjs的alias路径配置安装资源npm install --save-dev babel-plugin-module-resolver 或者 yarn add babel-plugin-module-resolver --dev根目录新增.babelrc{ "presets": ["next/babel"], "plugins": [ [ "module-resolver", { "alias": { "

原创 nextjs使用scss或less

next默认只支持css,要想支持scss或less则需要一些配置安装资源npm install --save @zeit/next-sass node-sass 或者 yarn add @zeit/next-sass node-sassnpm install --save @zeit/next-less less 或者 yarn add @zeit/next-less less在next.config.js中配置// css跟less 并存使用const withCSS = req

原创 nextjs 怎么发请求获取数据

用next框架开发了一段时间，讲一下next怎么发起请求获取从服务器获取数据一。页面首次打开请求数据自己封装的next请求封装库 有兴趣的小伙伴可以看一下import React from 'react';import { getTopicsApi } from '../../util/service'; // 自己封装的请求class Demo extends React.Components { // 第二种写法 static getInitialProps() { //

原创 nextjs 基于 isomorphic-unfetch 封装自己的请求库

封装是为了自己更好的玩耍，给大家参考一下，可根据自己的需求增加属性或方法~第一步。封装自己的请求类【文件名：SelfFetch.js】yarn add isomorphic-unfetch 或者 npm i isomorphic-unfetch --saveimport fetch from "isomorphic-unfetch";class SelfFetch { // 让每个promise请求都trycatch async baseMethod(fn) { if (fn)