WELCOME TO MY HOME, PLEASE READING AND SHARING.

每天积累一点点,就能进步一丢丢。

认清js this链

说明js中少不了继承、引用,this的指向理解正确与否直接决定了结果的准确性,我们先看一道某公司的变态面试题 实例function Parent() { this.a = 1; this.b = [1, 2, this.a]; this.c = { d

Read More...


说明:上次我简单分享的是如何改造datepicker,使得date选择更强大更灵活。今天分享的是基于上次picker的原理和思想,来构建强大灵活的selectpicker,最终目的是简单配置,就能实现,1-3列的数据选择,可以是无关联的一列,也可以是有关联的2-3列。 这里我依然用的是上次datepicker的组件框架,其实还是主要利用的selectitem里面de思想。 项目结构 实现思想 传值为了传递参数方便,设计的data格式如下

Read More...


致歉信

感谢曾经和正在光临本店的童鞋们,很多有人发现原来博客下面的评论功能不见了,是因为原来用的无觅的插件服务访问不了了,现在已经更换为友言。对于曾今给我支持和交流的同学说声对不起,之前的众多评论数据都没了,抱歉。最后,还是希望大家多多交流,切磋,感谢

Read More...


react自定义时间组件

说明:react web项目中用到时间选择,我们第一反应都是出于”站在巨人肩膀”的思想,先去找现成的组件。但往往不符合我们设计狮的设计,没关系,我们要的是思想。自定义时间组件从头到尾可能用的时间会很多,项目进度没法保证,于是我选择了基于react-mobile-datetimepicker源码进行改造。改造包括UI,列数可调整,支持时间段选择等 原有项目效果支持主题更改 ios和andriod可选,年月日十分固定5列不可调整. 原有项

Read More...


说明最近在做一个项目,需求是要在移动客户端:安卓和ios上在线展现pdf文件,并支持上下分页。经过多方多次探索实现的都不是很理想,要想在react项目(react+redux+router+webpack)中实现pdf加载并显示就这么费劲么?最后的最后抱着试试看的心理在npm官方搜到了一款叫react-pdf的插件,Use by adding . file can be an URL, base64 content, Uint8Arra

Read More...


说明我们经常会遇到这样的一个场景,api和文档往往是独立书写的,一般都是先设计好api文档然后交给开发实现,或者先写好api然后在利用conflunce等md工具书写文档,耗时耗力,有时候还得费劲调整样式。今天我将分享一款神奇,在你写api的同时自动输出api文档,这个神器就是apidoc,它的原理就是根据官方指定的格式定义接口方法说明,遍历指定文件,输出模版规定的文档。支持java,javascript,C#,php,python,r

Read More...


css实现文字垂直居中

说明UI可能如此设计:一行有多列数据,纯div span布局,非table布局,每一列为了自适应有的是一行文字,有的是多行文字,也就说高度不一致,蛋疼的要求是每一列还得水平垂直居中,水平好办,text-align,垂直怎么办呢?很多同学可能会说line-height,但是有个问题,你并不知道高度。你也可能会说我可以计算,但是像移动端手机宽度不一样,按照百分比拿到的每列宽度也不一样,但是字体大小又必须是UI设定的,那么问题来了,一行你放几

Read More...


nodejs破解验证码

说明node项目,实现了从pc网站抓取登录接口,获得验证码,并自动破解验证码,最终实现用手机自动登录pc网站。简单点就是用手机重新定义UI,调用爬来的pc接口。接口验证码都好获取,验证如何自动破解呢? 实现设计到验证码破解,网上node能搜出来的结果很少,都是java之类的,主流的组件叫 tesseract但是nodejs项目里如何引用呢?我们走起 install(linux centos 6.5) 我们的运行环境是linux ce

Read More...


说明最近实际项目中遇到了一个需求:现在api的单位时间内请求次数,如果熟悉微信接口的童鞋,会发现当你请求过于频繁的时候会有报错信息,类似你太快之类的。说明下项目是基于express 实现的api平台。比如要求我们1hour内不能频繁连续请求次,该如何实现呢? 实现经过苦苦寻找,终于找到了一款express的中间件 express-rate-limit,阅读完api之后,发现很简单,但是原理是什么,好使么?让我们走起 insta

Read More...


说明对于web 项目,图表也是常见的一种需求和功能,比如柱状图,饼状图,折线图等,图表的好处自然是美观大方,视觉冲击力强,可阅读性强。在jquery项目中,利用highchart或者百度的echarts都很快的上手并实践,而我们的react项目能不能信手拈来呢,答案是肯定,我们找来了 react-highcharts,通过研究其文档发现和jquery的调用配置一样。今天我要实现的是折线图,要求: 0、按指定颜色数据;1、折线颜色自定义;

Read More...


说明对于web 项目,图表也是常见的一种需求和功能,比如柱状图,饼状图,折线图等,图表的好处自然是美观大方,视觉冲击力强,可阅读性强。在jquery项目中,利用highchart或者百度的echarts都很快的上手并实践,而我们的react项目能不能信手拈来呢,答案是肯定,我们找来了 react-highcharts,通过研究其文档发现和jquery的调用配置一样。今天我要实现的是饼状图,要求: 0、按指定颜色显示三项数据;1、其中两项

Read More...


说明对于web 项目,图表也是常见的一种需求和功能,比如柱状图,饼状图,折线图等,图表的好处自然是美观大方,视觉冲击力强,可阅读性强。在jquery项目中,利用highchart或者百度的echarts都很快的上手并实践,而我们的react项目能不能信手拈来呢,答案是肯定,我们找来了 react-highcharts,通过研究其文档发现和jquery的调用配置一样。今天我要实现的是柱状图,要求: 0、显示成绩,大于等于60和小于60不同

Read More...