Flutter支持webview并实现双向通信
在 flutter 项目开发中，避免不了在 app 中会使用一些 H5页面，所以需要在 app 中嵌入 webview；…
CocosCreator命令行构建游戏资源
前言 作为初学者，Cocos开发过程中发布游戏都是通过界面右上角“构建发布”按钮去做发布的，但是发布的配置无法存储在项目…
本地开发告别“您的连接不是私密连接”，使用mkcert生成本地证书
前言 本地开发过程中如果启用了https但是没有配置证书，浏览器就会下面的警告错误 我们必须手动点击高级 -> 继…
基于飞书表格的前端页面数据热更新方案
业务需求 我们的项目有一个「常见问题」的页面，里面罗列了我们APP使用的一些疑问和官方的解答，这个页面里面的数据会随着产…
前端生成海报方案以及优化
生成海报在日常的 H5开发中已经很常见了，为了更好的用户体验大家都有不同的解决方案。不管是微信还是朋友圈或者其他的社交平…
监听Flutter App切换前后台，支持单页面和全局
开发时候，我们会通过App是否在前台运行做一些操作，我们可以监听下面两种情况： 全局监听：不管在哪个页面，只要App里面…
使用阿里云OSS图片处理
阿里云处理图片的服务是收费的，但是有一定的免费数量，数量超过之后按照数量收费。 1、处理旋转方向 拍照会自带设备旋转信息…
Flutter新手开发问题和记录
说明： $ROOT_PATH: 代表flutter项目的根目录 一、访问加速 1、编译时加速 gradle会在安卓编译的…
微信&QQ二次分享
二次分享： 用户打开网页之后点击右上角…选择分享给好友或者分享到朋友圈的过程。 一、展示样例 开发网页的时候…
Webpack加载markdown文件内容
前言 本文适合使用create-react-app（下文称之为cra）创建的项目，是react官方脚手架，内部由reac…
H5页面中PNG图片优化
活动页面中例如页面背景等图片的尺寸都是很大的，png的尺寸一般是的100+kb，导致加载比较慢； 现在我们的方案就是在支…
SSH使用常见问题和技巧
一、Bad owner or permissions on .ssh/config 为了在终端免密码登录服务器，一般情况…
React高阶组件中使用ref
react中forwardRef是用来解决HOC组件使用ref的问题的，所谓HOC就是Higher Order Comp…
JS计算输入框输入的长度
需求来源 开发的时候有时候会有这样的需求： 给一个输入框，在提交的时候需要校验输入的内容的长度不能超过20，详细校验规则…
H5字体加载策略优化
随着网页内容的丰富化，我们使用自定义字体来处理漂亮个性化的网页呈现，所以我们会在网页中使用自定义字体，但是也伴随着给我们…
H5移动端视频以及音乐播放器
一、视频播放 支持的格式：https://developer.mozilla.org/zh-CN/docs/Web/Me…
Antd3中动态校验规则踩坑
场景描述 下图所示表单有三个字段，“跳转文案”和“跳转链接”只要填写了其中一个这两个字段就要变成必填，反之，两个都为空的…
前端两种方式获取视频基本信息
前言 在前端获取视频资源的信息有下面的两种方式： 1、使用FileReader读取为base64，然后赋值给视频的src…
从Popconfirm的实现学习React cloneElement用法
一直在使用antd（Ant Design），因为其丰富的组件库给管理后台开发带来了很多的便利性，让我们只需要关注业务。里…
前端截取视频指定帧为封面的两种方法
一、使用本地canvas截取 我们在网页上传视频后，如果能给视频设置一个封面图，用户体验会比较好，但是如果使用video…