2019年08月_Justin0223

原创 Tree和array之间相互转换

（一）前言对于大部分网站需求，我们经常会遇到一种需求，将list转为tree结构，或者将tree转为list结构，或者我们在tree结构中查找对于的数据，返回，或者返回顶层到查找级别的list。（二）将list转为tree我们一般会在后台数据库设计时候，当我们设计省市县联动时候，一般会在数据库设计唯一索引id，和pid字段，pid关联父亲id，这样当查询出来的数据很可能是类似下面的结构co...

2019-08-19 23:13:43 6498 1

原创 TweenMax.js 专业动画插件

（一）前言当我们要做网页动画时候，不管是css还是js控制，其实在复杂连续动画下，都很难保证连续和流畅性，那么，我们就需要一个能给出的简单的解决方案，正好，TweenMax.js 就能解决这件事（二）TweenMax初探...

2019-08-10 02:41:23 2567

原创 React 设计模式

（一）前言这里提到的设计模式并不是编程通用的设计模式，如常说的单例模式、抽象工厂模式、建造者模式、工厂模式、原型模式等。而是在设计 React 组件时的一些解决方案与技巧，包括以下几种：(1) 容器与展示组件(2) 高阶组件(3) render props(4) context 模式(5) 组合组件(6) 继承当然概念部分，大家能根据名字猜出，但是我还是要为每种，单独给出demo详...

2019-08-09 04:01:34 6348

原创代码规范之使用eslint和prettier格式化项目代码

（一）前言对于团队而言，不管谁都有自己的代码习惯，这时候如何统一团队习惯来，js当然是eslint，ts对应就是tslint。当然这时候也不可或缺可以将Prettier集成到项目中*（二）安装Prettiernpm install --global prettier安装好后1、打开webstorm设置（file=>setting=>tools=>flie watcher...

2019-08-07 02:02:55 2161

原创解决跨平台合作开发中，win换行符问题

（一）前言其实大情况下，win除了开机慢，软件打开慢，而且卡顿，安装包时候可能会出现一些问题外，也没那么多坑，（二）页面性能分析网址当我们做完一个页面，肯定要分析，加载渲染速度等一系列问题，那么我们会怎么来处理这些问题，谷歌提供一个在线网站，可以帮你分析一部分问题，链接地址如下https://developers.google.com/speed/pagespeed/insights...

2019-08-05 02:32:51 404

原创 React生产模式下禁止React Developer Tools、Redux DevTools

(一) 前言开发者工具，能方便开发人员在开发环境调试代码，但是如果在生产环境也打开，那么，无疑会让代码细节暴露，所以，我们应该在生产环境中将，react 和 redux的开发工具禁用。(二) 禁用React Developer Tools开发工具都会在window上挂载属性，react就是__REACT_DEVTOOLS_GLOBAL_HOOK__，那么我们的解决方案，就是当process....

2019-08-05 02:03:41 3350

原创 CSS3新属性蒙版 Mask属性, 剪切文本以及用CSS绘制表格

（一）前言工作中遇到需要实现一个视觉交互师的移动框，内容区域显示的内容，需要随这圆，边缘逐渐淡化，差不多类似如下效果我尝试过使用渐变，过滤，内阴影都没办法处理，知道后面发现了mask，才得以解决这个问题，所以现在将基本属性整理下（二）CSS mask语法语法：-webkit-mask-image:url(circle.svg);和background的样式语法是一样的，蒙版的al...

2019-08-04 02:55:59 1571

原创 ping github 请求超时解决方案

前言蛋疼的产品需要定制编辑器，然后我肯定是太懒去github找了个开源插件。fork改改就导入项目，然后就坑自己了。去公司安装 github地址连不上这种时候肯定惯例 ping 下。。然后懵逼了，全是请求超时（哭笑脸）正文直接改本机host。以windows 为例子。现在在 http://github.global.ssl.fastly.net.ipaddress.com...

2019-08-04 02:31:26 38996 9

JUSTIN的博客