- 博客(12)
- 收藏
- 关注
RSS订阅原创 js数组排列组合
let array1 = [ ['红', '绿', '蓝'], ['A', 'B', 'C'], ['S', 'M', 'L'],]let array2 = [ ['红', '蓝'], ['A', 'B', 'C'], ['S'],]let array3 = [ ['红', '绿', '蓝'],]function calc(...
2019-09-19 11:55:54
1786
1
原创 为react-router实现无副作用的路由动画
为react-router实现无副作用的路由动画下面是比较常见的一种react-router动画实现方式:<TransitionGroup> <CSSTransition key={location.key} // 关键位置 classNames="fade" timeout={300} > ...
2019-09-19 11:50:51
297
原创 react-router-4、5组件外跳转
使用Router自定义history即可import { Router } from 'react-router-dom';import { createBrowserHistory, createHashHistory } from 'history';// 根据需要选择hash还是h5路由, 然后就能在组件外通过history.push进行编程式导航了const history = ...
2019-09-19 11:49:03
948
原创 为react-router实现无副作用的路由动画
为react-router实现无副作用的路由动画下面是比较常见的一种react-router动画实现方式:<TransitionGroup> <CSSTransition key={location.key} classNames="fade" timeout={300} > <...
2019-08-16 10:49:18
227
原创 解决webpack html 不能自动刷新的问题
很久之前出于项目需要，做了一个多页面的webpack3配置，遇到在dev-server开发时html不能修改自动更新的问题，多方查找后勉强找到了一个折中的方法，不美观算但是能凑合着用，这段时间看webpack4页稳定了而且据说都快出5就寻思着要是不赶紧弄一个的话真的对不起自己切图仔的身份，于是… 发现webpack4依然不能使用官方的方法实现这个功能，不过勉强算是找到了不用入侵生产代码的方法，在...
2019-06-13 18:28:30
4941
原创 前端项目结构的划分
-| common // 常用工具以及公共函数 -| const.js -| common.js -| util.js -| config.js-| (hoc|mixin|hooks) // 框架相关的功能文件-| store -| index.js // 生成实例并进行一些必要配置后导出 -| entrys.js // 整合所有所有module并导出 -| module...
2019-05-26 10:34:53
2741
原创 使用node开发cli工具的流程
前置知识常用的包常用知识点开发流程step0step1step2step3step4step5看代码学习本文只适用于不知道怎么做和做什么的人前置知识常用的包commander 生成git风格的指令，简化解析用户输入的命令和指令的流程。inquirer 收集用户输入信息ora 美化加载和操作结果等信息chalk 美化输出，...
2019-05-26 01:01:35
529
原创 css编程实践
css 编程实践一些优秀的 css 编码规范踩坑的历程为什么不使用 css modules正文其他文件组织命名参考css 编程实践当你接触 css 有一段时间后，会发现它并非那么的完美，没有局部作用域、变量等基本特性让 css 代码在稍上规模的项目中难以维护，当然，还有诸如浏览器兼容、多人协同样式冲突等大量让人头疼的问题。正因为这些，合理的组织 css 代码，善用...
2019-04-23 12:30:11
420
原创 react-transition-group中文指南
Transtion 组件基本示例propschildreninmountOnEnterunmountOnExitappearenterexittimeoutaddEndListeneronEnteronEntering *onEnteredonExitonExitingonExitedCSSTransition各阶段的名词解释及包含类名p...
2019-04-17 10:09:40
2251
原创 解决react hooks在devtool中不能显示详细信息的问题
解决react hooks在devtool中不能显示详细信息的问题问题使用hooks api进行开发时，发现正在使用的devtool工具(3.6版本)不能正常使用，如果state不是原始结构，就会显示为形如 {...} 这样的格式。解决安装4.0体验版本 https://react-devtools-experimental.now.sh/具体可见相关的issue https://gi...
2019-04-17 10:03:21
1938
原创 初次尝试node爬虫(附赠前端和各种编程词库、coca20000词频表)
相信每一个开发做了一段时间的人都会知道英语对开发者的重要性，各种框架库的文档、更新日志、issue、各种变量命名。这些东西时效性都是很低的，如果只能一昧的等待别人汉化、更新，那永远都会被别人甩在后面, 更何况除了受众比较广的一些开源项目和优质文章，基本上是不会有汉化的。正因为这些，不提高英语水平对一个有远大理想($)的coder的而言，绝对是万万不可的。说到学英语，就少不了背单词，但是现在都是...
2019-04-09 10:59:48
1610
转载 CSDN-markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-04-09 10:34:11
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人