![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
effort期待
学习使我快乐。
展开
-
多个select 联动代码优化
接上一篇,对应的代码优化原来的代码,在每次change都回去重新set selectListObj,但其实只用更改比当前优先级低的selectList。所以这是优化的第一点。原来在新增一个优先级时,也会把之前的所有level对应的selectList重新更新一次。但其实只用添加新一级的selectList。在原来代码中,并没有处理,若先选择了低优先级,但高优先级选择了和低优先级同样的code时,并未做处理,但实际上,需要将低优先级的code清空,以高优先级的code为主。基于以上三个方面,列出了2个原创 2021-06-23 00:07:46 · 227 阅读 · 0 评论 -
多级select联动
看如下题目:给定的configList(初始化一配置的优先级默认数据) 和 selectList(下拉选择框的选项列表)每次添加一个新的优先级选项,需要过滤掉前面所有已选的内容。也是为了互斥,满足优先级的需求。(毕竟同一个选项,不可以同时存在多个优先级。)所以,其实只要把初始化数据处理好,写好对应的方法,后续下拉列表 onChange 时,调用即可。我的思路是:定义一个对象,把优先级,作为对象的key,过滤完已选值 剩余的 selectList 作为value。obj = { 1:原创 2021-06-23 00:05:31 · 655 阅读 · 0 评论 -
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 阅读 · 0 评论 -
2021-06-11
今天开始写nodejs代码了同样,遇到和昨天一样的问题,冗余代码太多。所以我在思考能否拆出一个统一的方法。然后,我真的拆出了一个方法。或许这样的事情会遇到很多。就像有时候,你明知道,这样做是不对的,但你找不到更好的办法,所以,你就只能沿用现在老的,旧的办法。但我不想这样做,明知道这样不对,所以我需要寻求新的方法来改变。只要你想,你就可以。废话不多说,上代码:// 一般的路由cRouter.post("/getInfo", report.getInfo)cRouter.post("/get原创 2021-06-12 22:59:31 · 77 阅读 · 0 评论 -
有关拖拽问题
最近熬夜有些凶,熬多了,脑袋发晕,《斯坦福高效睡眠法》还没有听完,得继续听完,狗命要紧。继续说下前端小知识点。HTML5新看到一个有意思的内容,拖放。相信大部分同学都有用到过。其实实现也很简单。<div id="div1" dragable >拖动我</div>一般加了 dragable 为true时,这个div就是可拖拽的了。但是需要把它放在具体的div中,所以还需要绑定函数。被拖拽的元素需要绑定id,在拖拽时知晓是哪个元素被拖拽,在松开鼠标时,也知道,是哪个元素需要原创 2021-06-11 23:46:33 · 158 阅读 · 0 评论 -
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 阅读 · 0 评论 -
Friendly‘ Date Ranges
Friendly Date Ranges(让日期区间更友好!) 把常见的日期格式如:YYYY-MM-DD 转换成一种更易读的格式。易读格式应该是用月份名称代替月份数字,用序数词代替数字来表示天 (1st 代替 1).记住不要显示那些可以被推测出来的信息: 如果一个日期区间里结束日期与开始日期相差小于一年,则结束日期就不用写年份了。月份开始和结束日期如果在同一个月,则结束日期月份就不用写了...原创 2018-04-09 11:27:38 · 189 阅读 · 0 评论