技术 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(() =… 阅读原文
人文 25 Dec 2020 《人生海海》双家村的树先生 印象最深的是岁月变迁、物是人非的情景。 读过许多这样的作品：主人公年少时分，记录家乡生活，平平淡淡，奇闻异事，焦点人物，若干年后，回首往事，感慨万千。 对比自己经历，感同身受，也许哪天也会萌生创作。 每个人都有故事，相似度可能无限接近，但免不了毫厘差异。 《人生海海》中，上校无疑是双家村的树先生，村… 阅读原文
技术 24 Dec 2020 MediaWiki通过API获取页面原始信息 获取修订版本，根据配置参数得到具体内容。 http://xxxxxxxx.com/api.php?action=query&prop=revisions&titles=首页&rvprop=content 默认获取最新修订版本。 其他示例： 获取带内容的数据，用于标题API和M… 阅读原文
