技术

React项目优化打包、懒加载 技术

React项目优化打包、懒加载

单页应用难点之一是大项目瘦身,打包技术学问很多也很深。 列举若干优化方向,具体细节实现自寻。 合并核心文件 项目初始化必须预加载的文件合理合并,减少网络请求次数。像全局的css、核心框架等文件。 资源压缩 图片资源压缩代码文件压缩部分常用小图小状态(如loading)用代码实现,减小体积 webpa…
今日头条图文插入小程序落地地址、带参数 技术

今日头条图文插入小程序落地地址、带参数

头条号图文插入小程序。 落地地址 提示两种方式:“可填写小程序路径;或根据右侧提示,获取指定页面地址填写若地址为空,则默认跳转至小程序首页”。 小程序路径常规理解是开发的页面地址,然而头条客服回应必须用小程序链接,这样不就是一种方式了嘛。 个人认为就是头条还没支持填写小程序路径,类似pages/do…
WordPress投票插件:WP-Polls 技术

WordPress投票插件:WP-Polls

WP-Polls定制能力很强,可通过模板和css样式个性化,有大量的选项供选择。 官网:WP-Polls 语言包:i18n 中文语言包已经很久未更新,可以用poedit编辑更新。 如果觉得汉化麻烦,就直接修改插件源码。需要提示的是WP-Polls将很多模版代码通过add_option写入数据库,建议…
推荐一款React上传文件组件react-dropzone 分享推荐

推荐一款React上传文件组件react-dropzone

简单的React钩子创建一个兼容html5的文件拖放区。 官网:react-dropzone 基础示例:demo 支持手动或拖动批量上传,样式可自定义,兼容性不错。 主要关心接收上传的文件信息,onDrop回调中会返回所有数据acceptedFiles。 const onDrop = useCall…
css动态撑满div剩余高度 技术

css动态撑满div剩余高度

方法众多,推荐用百分比计算方式,十分便捷。 例如:已知div占用高度40px,剩余高度为calc(100% - 40px)。 css: height: calc(100% - 40px); less: height: ~"calc(100% - 40px)";…
WordPress rest-api添加生标题字段 技术

WordPress rest-api添加生标题字段

WordPress rest-api posts文章列表返回值中只有加工过的标题title.rendered,如私有文章会添加前缀【Private:title】。 通过钩子获取生标题,添加自定义字段title_raw。 #---------------------------------------…