Cvory

特此记录。

属性，那一列classname设置。

`webpack` 中使用 `HtmlWebpackPlugin` 的用法，自动引入打包输出的所有资源（**JS/css**）

我有一篇写的指定Host域名：https://blog.youkuaiyun.com/qq_40593656/article/details/120745490项目代理配置：我在项目中指定了端口号80，启动项目时，指定了host域名在本地的host配置里，对于在这个域名后面加了端口号：xxxx.com:80以上就是我的bug复现背景，此时我跑项目无法启动Bug原因一般域名是默认的80端口，如果项目本身就指定了80端口号，端口号会被冲突占用， 可以试试，把端口号改成其他，就可以启动项目。本地的ho

/// 步骤: 1. 创建counter.dart 2. 添加 part 'counter.g.dart'; 3. 添加 class Counter = CounterMobx with _$Counter; 4. 执行命令: flutter packages pub run build_runner build 5. 删除之内再生成: flutter packages pub run build_runner build --delete-conflicting-outputs 6. 实时更新

一些数组的基本操作合集：https://blog.youkuaiyun.com/huang173507029/article/details/106606424/记录一些合集以外的排序 (对象数组) (修改原数组)//list为列表对象list.sort((a, b) => a.someProperty.compareTo(b.someProperty));遍历时拿数组的下标tabs.asMap().keys.map((item)=>Container( child:

插件包国内镜像地址：https://pub.flutter-io.cn/合集前端请求Cookie管理插件：cookie_jar地址：https://pub.flutter-io.cn/packages/cookie_jarCupertino主题图标集：cupertino_icons地址：https://pub.flutter-io.cn/packages/cupertino_icons跨组件状态共享：provider地址：https://pub.flutter-io.cn/pack

安装流程详细安装教程：https://book.flutterchina.club/chapter1/install_flutter.html#_1-3-1-%E5%AE%89%E8%A3%85flutter（这是某博主的详细流程教学！！！实测好用！一定要收藏！）官网地址：https://docs.flutter.dev/get-started/install中文官网：http://flutter.axuer.com/docs/get-started/editor坑点集合（安装前

Webpack配置proxy原理https://www.jianshu.com/p/8fd5d7347c57

需求Web项目的启动，一般是默认的http协议，在某些业务需求时，需要走https来调试Webpack版本只需在webpack的devServer中配置就可以了 devServer: { host: '0.0.0.0', port: 8080, https: true, // 加入这句即可 }Umi脚手架版本官方文档介绍：https://umijs.org/zh-CN/docs/env-variables#httpspackage.json添加一条命令Host代理版有一

需求因为业务需求，在本地访问一些地址时，需要配置host，有时候，起本地项目解决域名跨域问题，也有更改本地host配置的需求所以host就会有很多项目的地址映射特别是 经常性修改本地local的指向时，会冲突等应用推荐SwitchHosts 是一个管理、切换多个 host 方案的工具。https://swh.app/zh/注意事项！！！使用前，一定 一定要先备份自己的host文件因为如果在初始化过程中，不小心开启了某个host，本地host文件会直接覆盖！！！！这个应用的原理 就是，

需求业务上的需要，request的配置上区别很大，所以建了两个request请求文件，对应的接口调用对应的request问题在两个文件的拦截器中log，会发现发起一个请求，两个拦截器都有进入Code两个文件不好演示，使用放在一个文件，建两个实例 const http1 = extend(); const http2 = extend(); const responseInterceptor = response => { console.log('hello world');

需求给项目配置不同环境，然后在项目里，可以通过这个环境来动态处理一下逻辑，或者后台服务地址Code在package.json里，写不同环境的启动命令行和build命令行"start:dev": "cross-env UMI_ENV=dev umi dev","start:test": "cross-env UMI_ENV=test MOCK=none umi dev","start:pre": "cross-env UMI_ENV=prod umi dev","build:test

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

JSON.stringify() let a = { name: 'june', age: 26 } JSON.stringify(a) // "{'name':'june','age':26}"qs.stringify() let a = { name: 'june', age: 26 } qs.stringify(a) //"name=june&age=26"

常用的content-type类型application/json：消息主体是序列化后的 JSON 字符串application/x-www-form-urlencoded：数据被编码为键值对。这是标准的编码格式multipart/form-data： 需要在表单中进行文件上传时，就需要使用该格式。常见的媒体格式是上传文件之时使用的text/plain：数据以纯文本形式(text/json/xml/html)进行编码，其中不含任何控件或格式字符。对应的参数格式applica

//host 127.10.10.99 oa.my.com //nginx server { listen 8080; server_name oa.my.com; location /{ proxy_pass 127.10.10.99/; } }解析配置的host相当于给本地dns服务加了一条解析记录，也就是让 oa.my.com这个域名指向1

问题复现操作1.使用umi脚手架搭建项目yarn create umi myapp2.将里面的插件，layout等配置进行清理后，安装插件以及启动项目yarn installnpm run start3.将当前项目作为模板，除开node_modules ，复制为另一个项目，安装插件后启动就会出现'@umijs/runtime" does not exist in container'的问题解决方案删除src 下 .umi 文件原因.umi是临时文件夹，但是它是匹配当前项目插件的版本

需求在父页面中调用子组件中的方法运用的ApiuseRef,useCallback,useImperativeHandle父页面：对组件进行ref赋值组件使用useImperativeHandle把需要对父组件暴露的方法包起来在组件内，对这个方法的使用和其他方法没有区别父组件的调用...

组件引用页面目录结构：引用组件可写在全局，也可写在单独页面。我这里写在全局，放在app.json如果是单独页面引用，放在对应的页面json中app.json:数据通信父页面：组件：自定义组件的properties属性中罗列出父组件传递的值在组件中可直接使用组件调用父页面方法父页面：组件：官网介绍：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/events.htm

在H5上的解决方案使用苹果官方推出的适配方案Css函数env()和constant(）设置viewport设置为cover，这样这两个函数才能生效<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">用@support隔离兼容样式，当浏览器支持bottom: constant(safe-area-inset-bottom)或者bottom: env(safe

需求移动端的设备尺寸较多，需要页面的显示是可自适应良好的设计图一般是按照某固定尺寸进行设计要对设计图进行 比例缩放还原解决方案思路： 不论字体大小或者各元素的宽高 都按照统一比例缩放code：less的函数使用.pxToVW (@px, @attr: width) { @vw: (@px / 750) * 100; @{attr}:~"@{vw}vw";}.title{ .pxToVW(300,width) .pxToVW(32,font-size)}这里是指，设计图

需求项目中需要用到gltf格式文件需要添加loader解决方案项目是 React + Umi + Antd在config文件中对chainWebpack进行赋值url-loader 插件需要额外安装

效果在安卓上，页面是铺满且不可下拉的，但是在iPhone上整个页面可下拉，会露出空白解决原生：$(document).ready(function(){ function stopScrolling( touchEvent ) { touchEvent.preventDefault(); } document.addEventListener( 'touchstart' , stopScrolling , false ); document.addEventListener( 'tou

需求如下图，实现多个框的验证码，并且在输入后自动调用接口思路在一个div中放置对应个数的span使用一个input，然后让它透明，定位在div之上span截取对应的值进行显示Code主要代码：完整代码import React, { useState, useEffect } from 'react';import { InputNumber } from 'antd';import { navigate } from '@/utils/common';//公用跳转impo

描述在Drawer抽屉中，内容有video，且内容高度超过可视区域时，出现多滚动条显示如下：解决方案Antd版本升级，我出现问题的版本为 4.12.3现在最新版本为 4.15.0最新版本中 已解决

需求前端框架为React用阿里云播放器Aliplayer播放直播使用的rtmp协议资料阿里云播放器 Web端文档：https://help.aliyun.com/document_detail/125548.html?spm=a2c4g.11186623.6.1177.11de7ff0vHMWJy阿里云Aliplayer播放器在线配置页：https://player.alicdn.com/aliplayer/setting/setting.html业务流程先发请求拿到直播地址，以及设备号等

CommonJs,AMD,CMD,UMD:都是模块化使用规范CommonJs:核心思想：模块化，是为了独立作用域【同步】使用场景：在浏览器之外构建js生态系统特点：是同步加载具有缓存，被加载过后，后面都直接读取缓存结果，想重新加载模块，需要清除缓存模块可复用使用：NodeJS，小程序基本使用： require，export浏览器中使用：CMD也有在浏览器端的实现，原理是将所有模块都定义好 并通过id索引，在浏览器环境进行解析AMD:核心思想： 模块化【异步】使用场景： 在.

Webpack:特点：代码分割：Webpack 有两种组织模块依赖的方式，同步和异步。异步依赖作为分割点，形成一个新的块。在优化了依赖树后，每一个异步区块都作为一个文件被打包。Loader（加载器）Webpack 本身只能处理原生的 JavaScript 模块，但是 loader 转换器可以将各种类型的资源转换成 JavaScript 模块。这样，任何资源都可以成为 Webpack 可以处理的模块。智能解析Webpack 有一个智能解析器，几乎可以处理任何第三方库，无论它们的模块形式是 Co

Bower:Bower 是一个适合Web应用的包管理器，它擅长前端的包管理(类似于 bootstrap，jQuery )，通过其API展示了包依赖模型。使项目不存在系统级依赖，不同的应用程序间也不会共享依赖，整个依赖树是扁平的。NPM:NPM 是进行服务端开发中，使用的 模块 安装工具...

热更新：含义：HMR 即模块热替换（hot module replacement）的简称，它可以在应用运行的时候，不需要刷新页面，就可以直接替换、增删模块。核心：module.hot.accept()module.hot.accept() 放的好，就可以绕过一些不必要的模块变更检查来提升效率，不过对于懒人来说，直接置于最顶层的模块（比如入口模块）最为省心热加载：针对于后端 ，运行项目时更新类的相关方法，不需要重启Tomcat热部署：直接重新加载整个应用（生产环境），清空内存重新打包，重新解

Unpkg通过URL访问所有在npm 上面的文件CDN内容分发，解决网络拥挤和提高网站相应速度常见的使用方法： 用script 标签引用js的地址<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>这种引用包和插件的模式 就叫CDN 模式本地引用（Chart类插件的引用方式推荐）React项目，把插件的js文件下载下来放在public文件夹，打包

问题描述：在修改了umi版本号后，删除所有插件，重新安装然后npm run build后出现以下报错：api.addDepInfo is not a function TypeError: api.addDepInfo is not a function解决方案删除package.lock.json文件重新安装，进行打包即可所有修改版本号后，一定要删除lock文件...

问题描述前端框架为react+umi打包时报错：UnhandledPromiseRejectionWarning: TypeError: pathToFileURL is not a function然后报错找不到所有的css文件查遍了最近的修改，发现是umi生了版本，然后css-loader报错解决方案：将umi回退到之前的版本，重新安装打包即可...

需求说明：Antd官网API说明中明确写 可以使用设置color改变颜色，但在实际使用中设置后无效出现原因及解决：当上传至图标库时，要选择去掉颜色并提交，这样才可以用color去控制颜色

含义及用处：上下文：用于跨层级传递值基本写法：创建上下文：const demo = React.createContext()获取 & 提供 （管道） 上下文：demo.Provider; // 注意这里没有()Context APICtx=React.createContext()Ctx.ProviderClass.contextType一般在Component 里声明为 static contextType=CtxCtx.ConsumerContext 的使用：

阿里oss配置文档前端直接对接 使用的是官网的这部分：https://help.aliyun.com/document_detail/64047.html?spm=a2c4g.11186623.6.1490.375926fdoVE8GE配置前期配置可参考文章：https://segmentfault.com/a/1190000020963346?utm_source=tag-newest描述的十分详细，一定要配置好对应的权限思路：初始化（弹窗打开时 初始化）上传文件时，先不

需求：可配置一级模块，二级页面，页面button权限权限控制，颗粒度到页面的按钮权限大致如下：程序框架：登录是使用的 keyclock前端项目使用的是的 react+umi+antd思路录入所有页面及button在keyclock后台中：集成的keyclock有对应的后台管理页面 所有的一级模块，二级页面，button都要记录在后台里 页面级别储存在resource中button储存在Permissions 中登录后返回当前账号所对应的资源及权限button权限：拿到所

需求：表格有可添加删除项，但是默认要至少填一组使用的组件：antd的form有对应的demo但是demo里面是默认一组都不显示，之前没时间研究，所以直接在初始值那里，默认第一组的赋值为每个参数为" "这样的问题：1.在提交的时候 默认是有值的 直接把" "提交上去了2.当动态删减的表单项比较多的时候，这样处理并不太合理解决方案：直接在这个参数里放{}占位符即可，需要默认展示几个就放几个实测好用...

需求如图：代码：这里用到的是Prolayout组件 logo={collapsed ? logoMini : logo} collapsed={collapsed} collapsedButtonRender={false} headerContentRender={() => { return ( <div onClick={() => setCol