- 博客(10)
- 收藏
- 关注
RSS订阅原创 多个select 联动代码优化
接上一篇，对应的代码优化原来的代码，在每次change都回去重新set selectListObj，但其实只用更改比当前优先级低的selectList。所以这是优化的第一点。原来在新增一个优先级时，也会把之前的所有level对应的selectList重新更新一次。但其实只用添加新一级的selectList。在原来代码中，并没有处理，若先选择了低优先级，但高优先级选择了和低优先级同样的code时，并未做处理，但实际上，需要将低优先级的code清空，以高优先级的code为主。基于以上三个方面，列出了2个
2021-06-23 00:07:46
227
原创 多级select联动
看如下题目：给定的configList（初始化一配置的优先级默认数据） 和 selectList（下拉选择框的选项列表）每次添加一个新的优先级选项，需要过滤掉前面所有已选的内容。也是为了互斥，满足优先级的需求。（毕竟同一个选项，不可以同时存在多个优先级。）所以，其实只要把初始化数据处理好，写好对应的方法，后续下拉列表 onChange 时，调用即可。我的思路是：定义一个对象，把优先级，作为对象的key，过滤完已选值 剩余的 selectList 作为value。obj = { 1:
2021-06-23 00:05:31
655
原创 NodeJs初探
假期愉快放假，总是让人懒惰，作息不规律。但，还是要学习呀。今天看下nodejs和浏览器中运行的js有什么差异点。在浏览器中大多数时候js都是与 DOM 或其他 Web 平台 API（例如 Cookies）进行交互不存在 Node.js 通过其模块提供的所有不错的 API，例如文件系统访问功能无法选择访客会使用的浏览器，所以存在兼容性问题由于浏览器发展缓慢，而js发展快速，所以会有不兼容的情况，所以需要通过babel 把高版本的ES6，7，8转为ES5，再交付给浏览器正在实现 ES 模块标
2021-06-14 00:08:19
71
原创 2021-06-11
今天开始写nodejs代码了同样，遇到和昨天一样的问题，冗余代码太多。所以我在思考能否拆出一个统一的方法。然后，我真的拆出了一个方法。或许这样的事情会遇到很多。就像有时候，你明知道，这样做是不对的，但你找不到更好的办法，所以，你就只能沿用现在老的，旧的办法。但我不想这样做，明知道这样不对，所以我需要寻求新的方法来改变。只要你想，你就可以。废话不多说，上代码：// 一般的路由cRouter.post("/getInfo", report.getInfo)cRouter.post("/get
2021-06-12 22:59:31
77
原创 有关拖拽问题
最近熬夜有些凶，熬多了，脑袋发晕，《斯坦福高效睡眠法》还没有听完，得继续听完，狗命要紧。继续说下前端小知识点。HTML5新看到一个有意思的内容，拖放。相信大部分同学都有用到过。其实实现也很简单。<div id="div1" dragable >拖动我</div>一般加了 dragable 为true时，这个div就是可拖拽的了。但是需要把它放在具体的div中，所以还需要绑定函数。被拖拽的元素需要绑定id，在拖拽时知晓是哪个元素被拖拽，在松开鼠标时，也知道，是哪个元素需要
2021-06-11 23:46:33
158
原创 2021-06-11
你不知道的前端小知识（2）今天再来看几个有关HTML5的前端小知识。1.HTML5新增web存储早些时候，cookie是一个较为方便的web存储，但存储空间较小，大致只有4k。现在新增了，localStorage和sessionStorage客户端存储的俩个对象。localStorage - 用于长久的保存整个网站的数据。保存的数据没有过期时间，可以手动去处。sessionStorage - 用于临时保存同一窗口（或标签页）的数据，在窗口关闭之后，将会删除这些数据。对应的API有：保存数
2021-06-11 23:43:46
79
2
原创 2021-06-11
React组件对外暴露方法主要用到ref来传递方法。搜索了一圈，发现其他人的文章，写的都不是很完善，所有有了这篇。首先，对外暴露方法，需要用到ref，所有需要把ref从最外层传到最内层的子组件。这里要用到 React.forwardRef 包裹子组件，从而可以接收外部传入的ref。React 官方解释：ref 的值根据节点的类型而有所不同：当 ref 属性用于 HTML 元素时，构造函数中使用 React.createRef() 创建的 ref 接收底层 DOM 元素作为其 current 属
2021-06-11 23:42:02
108
原创 关于Banner制作有感（antD+react）
做一个项目思路要清晰。明白自己需要哪些组件，每个组建之间的关系是怎样的，要怎么关联起来。 banner这个界面主要用了List组件来排版。models里面写redux请求函数， service里面写对应接口函数。 routes里面写对应的组件，当然一些方法都是封装好的。并且由于第一次实现，所以有些代码会有很多冗余。例如编辑和新建的modal框本来可以复用，可是由于自己不知道该怎么控制mo...
2018-04-23 19:55:18
775
原创 Friendly‘ Date Ranges
Friendly Date Ranges（让日期区间更友好！） 把常见的日期格式如：YYYY-MM-DD 转换成一种更易读的格式。易读格式应该是用月份名称代替月份数字，用序数词代替数字来表示天 (1st 代替 1).记住不要显示那些可以被推测出来的信息: 如果一个日期区间里结束日期与开始日期相差小于一年，则结束日期就不用写年份了。月份开始和结束日期如果在同一个月，则结束日期月份就不用写了...
2018-04-09 11:27:38
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人