笔记目录

  • express和webpack配合时启动文件配置

    项目结构:react-redux-webpack-express-antui client中存放react代码,分为src和build两个目录 server中存放express代码,分为src和build两个目录 client里的ajax请求包装形式为:/request.ajax?path=xxx

  • charles获取express里的node请求...

    node作为代理层请求后端接口时,一般会封装一个公共的请求方法,配置好host等信息,统一处理后端异常情况。 这样的话,浏览器里就不能看到真正的api请求地址和原始的返回数据了,而在terminal里打印信息时,往往会被多重请求看得眼花缭乱… 因此需要charles抓取node里的请求和返回。

  • 图片上传时可能遇到的一些情况...

    component <input type="file" accept="image/png, image/jpeg, image/jpg" title="" onChange={this.handleReUpload} /> 类型、大小(体积) event.target.files[0]: { type, size } 此时也可以同时在express里对上传文件大小进行限制 图片转换成base64

  • js中的Date另类使用

    如何获得某个月的天数? 方法一 const EVERY_MONTH_DAYS = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; function getDays(year, month) { if (month === 1 && isLeap(year)) return 29; return EVERY_MONTH_DAYS[month]; }

  • nodejs中使用socket完成长连接

  • react和css实现一个高度自适应的textarea

    textarea默认有滚动条,设置height: auto或者固定高度的话,书写体验又不够好;若使用div,设置contentEditable为true,兼容起来比较麻烦,而且这家伙复制粘贴时带着源格式,不好操作。 所以还是想办法使用textarea吧。

  • nodejs中使用mongodb

    需求背景:线上出问题时可以找出近期数据相关的操作历史,但日志只在内网访问。 于是可以把日志相关的数据保存在mongodb中。 yog2的框架中,后端文件结构如下:

  • 使用css完成一个三维立体旋转相册

    本篇主要通过这个实践练习transform及3D旋转。 浏览器中,3D旋转时,主要看x轴、y轴、z轴的方向,旋转所绕的轴是一条横线,为x轴旋转,竖线,为y轴旋转,x和y轴都在显示器所在的平面上。z轴则垂直显示器所在的平面。

  • react context传值

    用react-router的时候,希望给{this.props.children}这个组件传一个layout里的用户名… Layout.js中:

  • echarts中需要保持legend的selected状态

    背景: 图表随着时间“自动更新”时,假如deSelect了某一项数据,在下次数据来临、图刷新时,依然deSelect这个数据项。 思路: 在公共的Chart组件中:

subscribe via RSS