技术 30 Dec 2020 React修改子组件state 封装组件，有时希望 React 能赋予组件一个初始值，但是不去控制后续更新，类似非受控组件概念。 子组件通过维护内部state来实现更新，当props发生变化时又可重新初始化子组件。这种情况较少，也不太符合React设计哲学。 不过的确会存在如此需求，比如最近使用的一个开源标签组件： react-t… 阅读原文
分享推荐 27 Dec 2020 React标签tag组件推荐 react-tag-input-component 轻量级组件，包含样式在内总共2kb，配置使用很简单。 <TagsInput value={selected} onChange={setSelected} name="fruits" placeHolder="e… 阅读原文
技术 26 Dec 2020 WordPress REST API上传文件 WordPress媒体库操作可通过media接口实现，上传文件需要用户认证。 上传入口 <input type="file" id="custom-upload-file" onChange={onChange}/> 监听文件输入变化 const … 阅读原文
技术 25 Dec 2020 React常用知识点 函数组件useEffect，只运行一次 effect 第二个参数传入一个空数组（[]），effect 内部的 props 和 state 就会一直拥有其初始值。接近大家更熟悉的 componentDidMount 和 componentWillUnmount 思维模式。 useEffect(() =… 阅读原文
技术 24 Dec 2020 MediaWiki通过API获取页面原始信息 获取修订版本，根据配置参数得到具体内容。 http://xxxxxxxx.com/api.php?action=query&prop=revisions&titles=首页&rvprop=content 默认获取最新修订版本。 其他示例： 获取带内容的数据，用于标题API和M… 阅读原文
技术 23 Dec 2020 WordPress三步快速开发自定义古腾堡区块 古腾堡编辑器核心优势之一是自定义区块，比富文本编辑器布局更加灵活，自由度高，是未来编辑器发展趋势。 本文借助插件可实现快速开发和管理。 基础原理是通过插件接收表单数据，自定义逻辑进行加工，最后输出期望内容。 1.安装插件 插件官网地址：Genesis Custom Blocks 前身是Block L… 阅读原文
技术 20 Dec 2020 React组件实现点击其他任意处关闭 基本原理是监听文档document点击事件，依据组件是否被点击，处理不同业务。 1.监听事件 useEffect(() => { document.addEventListener('click', onClick); return () => { document.re… 阅读原文
技术 17 Dec 2020 WordPress版本升级流程 WordPress手动升级版本，主要两个方面：数据库和内核代码。 备份数据库和网站代码资源（非必须，为安全，建议完整备份）。删除网站的wp-includes和wp-admin文件夹。下载并解压官网新版本，删除里面wp-content文件夹，然后全部覆盖网站目录。内核代码更新完毕。运行网站升级脚本ht… 阅读原文
技术 17 Dec 2020 React自定义色块组件-颜色选择器 功能： 点击色块，弹出颜色选择器，自定义色块颜色，在回调中处理外部业务。点击除色块和选择器的区域，自动关闭选择器。 封装色块组件，便于任意处使用。 <ColorBlock color={color} onChange={onChange} /> 缺省宽高属性： width={40} he… 阅读原文
技术 14 Dec 2020 MediaWiki短链接Nginx配置 适用于MediaWik直接部署在网站根目录的情形，如： http://xxxx.com/index.php?title=首页 http://xxxx.com/首页 1. nginx.conf配置中添加： location / { try_files $uri $uri/ @rewrite; } lo… 阅读原文
