技术 21 Jan 2021 MediaWiki自定义页面内容模型基础 最基础最核心的内容模型只需要三个文件。自定义名称Goat,php文件创建后在配置中AutoloadClasses加入。 extension.json。扩展配置文件。GoatContent.php。内容管理器。GoatContentHandler.php。控制器。 注册扩展 "Content… 阅读原文
技术 19 Jan 2021 docsify侧边栏折叠 docsify官方并不支持侧边栏折叠,目前只能通过第三方插件实现或者自己DIY。 docsify的目录功能也可简单实现折叠,一般够用。 插件 GitHub地址: docsify-sidebar-collapse 开启目录 自定义侧边栏开启目录功能,设置subMaxLevel,根据标题实现内容折叠。 … 阅读原文
技术 11 Jan 2021 js控制标签元素至父容器最顶层 遍历父容器子节点,获取最大z-index值。 function floatToTop(element) { const children = element.parentElement.children; let max = 0; let count = children.length; Array… 阅读原文
技术 5 Jan 2021 js打开浏览器指定选项卡 功能类似WordPress预览文章效果,浏览器载入和显示指定选项卡。 常用两种方式: // js window.open('a.html', 'test'); // html <a href='a.html' target='test… 阅读原文
技术 4 Jan 2021 PHP获取url根地址 判断协议和读取host信息。 <?php /** * 判断当前协议是否为HTTPS */ function is_https() { if ( !empty($_SERVER) && strtolower($_SERVER) !== 'off') { return true; … 阅读原文
技术 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… 阅读原文