![](https://img-blog.csdnimg.cn/20210326192427544.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 85
冲吧,大前端。
GoldenaArcher
Done is better than perfect
展开
-
yup 基础使用以及 jest 测试
写在前面的一些碎碎念……与具体功能无关,想要跳过的话可以直接跳到下下个 section 进入实现。这次尝试用了 vite 而不是 webpack 的 cra,发现开发过程中真的是快很多,也许下下个 initiative 确实会从 webpack 的 cra 转变到 vite。原创 2024-07-15 08:20:17 · 1150 阅读 · 0 评论 -
[node 库推荐] rosie 测试用生成数据
这里用一个比较简单的User作为案例好了,比如说Userid: number;其中sequence类似于 id 生成users;users;那么就能够生成 10 个随机的用户信息。原创 2024-04-17 05:37:06 · 429 阅读 · 0 评论 -
一些额外且好用的 icon 图库
之前偶然逛到,这个真的挺好用的,不过这里的 icon 都是和 React 组件绑定了,额外补充一些不和框架绑定的图库。原创 2023-10-26 09:16:56 · 235 阅读 · 0 评论 -
16 个前端安全知识
去年 security course 上的是 React,然后学了一些,今年看了一下列表,正好看到了前端也有更新,所以就把这个补上了。一个非常好学习各种安全隐患的机构是其实很多情况下用户不妨问可疑网站就可以解决……但是吧,educate user 永远是一件非常困难的事情,多做做防护也是必要的。原创 2023-08-31 07:05:40 · 327 阅读 · 0 评论 -
rxjs - subject
暂时学完了,继续搞项目去了基础 Subject 的用法,注意 Subject 没有初始值,并且在被 subscribe 的时候是无法将当前状态传输到下一个 subscriber 中的。如果 subject 出现了异常,那么就会终止所有的 subscription。原创 2022-12-04 15:15:00 · 285 阅读 · 0 评论 -
rxjs pipeable operators(下)
这一篇主要就是讲 flattening operators,像其他的 pipeable 一样, flattening operators 内部会 subscribe 每一个传进来的 Observable,并且将其返回一个新的 Observable。不过它可以将 higher order observable 扁平化,就像 lodash 的 flattening 一样(lodash 的 flattening 可以将嵌套的数组转化为扁平数组)。flattening operators 包含 concatMap,原创 2022-12-03 07:33:00 · 206 阅读 · 0 评论 -
rxjs pipeable operators(上)
下部分会主要讲 flattening operators。filter 也和 JS 中的 filter 用法很相似,同样是接受一组 Observables,然后将不符合的数据过滤掉,将剩余的 observables pipe 到下游的 Observables 中去。⚠️:返回的不一定是一个 Observable,如下面的案例,实际上会返回 2 个 Observables,filter 或是任何的 pipeable 会返回的是所有满足 predicates(断言)的 observables。从这个案例已经可原创 2022-12-03 06:33:35 · 220 阅读 · 0 评论 -
rxjs 生成函数
生成函数 creation functions,AKA creation operators,这里挑几个比较重要的说一下,其他的都可以触类旁通。原创 2022-12-02 14:30:00 · 223 阅读 · 0 评论 -
rxjs 中 observable 的类型
这部分主要就是概念性的,其他没啥……原创 2022-12-02 10:30:00 · 188 阅读 · 0 评论 -
rxjs 中 subscription 的生命周期
因为 interval 没有被清理掉,因此在 Observable 被 unsubscribe 了,interval 里的代码依旧会继续执行,从而导致可能出现内存泄露的状况。但是此时没有调用 complete,因此整个 Observable 一直处于开放的状态。这个情况下,失败案例是最后一个返回值,因此不会有什么问题,不过当顺序调换一下。因为全都是成功的情况,因此会一直在 next --> 执行的这个过程进行循环。因为 event loop 的关系,因此在定时器中的执行出现在。全部成功+异步调用的情况。原创 2022-12-01 13:56:20 · 219 阅读 · 0 评论 -
rxjs 基础使用
rxjs 主要就是一个异步的解决方案,目前项目在用,也就学学看,想看看能不能用 rxjs 解决现在业务上的一个需求。rxjs 官方都有说:想一下吧 RxJS 当作处理事件的 Lodash基本上就可以说它封装了很多处理事件的工具用于简化操作流程。rxjs 的一个简单的使用案例:${}原创 2022-12-01 06:43:43 · 688 阅读 · 0 评论 -
我的 Serverless 实战 — 一小时完成表单类应用
我的 Serverless 实战 — 使用 formio 实现一个完整的项目Formio 作为一个比较成熟的平台,在经过配置之后能够一定程度上的摆脱对程序员进行表单页面的实现。在最近的开发中也确实体会到了对业务进行足够的拆分后,确实能够在一定程度上地对开发效率进行提升,甚至能够达到 pro-code 的程度。只是,formio 的桎梏仍然是封装的太好,在业务较为复杂的情况下对表单的逻辑处理可能会有一定的问题。希望在最近的重构中能够提升 FP(函数式编程) 的比例,对现有的代码进行分割和封装,从而进一步原创 2021-05-27 09:44:03 · 745 阅读 · 57 评论 -
我的 Serverless 实战 — 使用 formio 快速搭建表单类应用
我的 Serverless 实战 — 使用 formio 快速搭建表单类应用本文以 React 为主,关于 Angular 的配置,我有在 b 战上面转载他们 CTO 做的教程,有需要的可以查看Vue 就是真的完全没有了解了,因为我们项目本身就是用 React 搭建的,不过它们既然提供了 React Starterkit,Vue 应该也有差不多的配置。formio 是什么个人体感来说,formio 就是一个封装好了后台以及数据库的服务,使得开发成本相对而言比较低的工具。根据个人过去小半年开发的原创 2021-05-03 01:39:20 · 2501 阅读 · 4 评论 -
学成在线 制作分解版
资源在 github 上放了,在最下面,有 psd 有切图,需要的自取。依旧是来自来自 黑马程序员 pink 老师前端入门视频教程 HTML5+CSS3+移动端布局-flex 布局 rem 布局响应式布局摹客蓝湖使用-简单有趣好玩 的教程。其实感觉从黑马视频里面学到蛮多的,特别是工具啊,Emmet 语法啊,但是感觉身边培训班出来的同事……根据页面布局分成 5 个大模块,每个大块里面还有对应的子模块。原创 2021-04-16 01:24:52 · 1158 阅读 · 4 评论 -
关键字与保留词,ES2020版
关键字与保留词ES6 还有一个表明确列出来 关键字(keyword)和保留词(Reserved Words),到了 ES2020 就全都被标记成了保留词了,关键字 更多的成了定义:A keyword is a token that matches IdentifierName, but also has a syntactic use; that is, it appears literally, in a fixed width font, in some syntactic production.原创 2021-03-31 19:37:06 · 424 阅读 · 0 评论 -
严格模式 Strict Mode,与ES2020同步
基本上来说ES2020上的内容全都挖出来了,MDN上没有的也补充的差不多了(泪目( Ĭ ^ Ĭ ))有一些MDN上写的但是已经修正过的内容没有加上去,例如说一些保留字,对象中现在已经可以接受多个相同名字的属性了。一些我没有办法复刻的属性也没放进去……例如说 Paving the way for future ECMAScript versions 的第二段,那一段我在node里面跑了下没报错,放到html的script里面跑了下还是没有,就没有加进来了。原创 2021-03-31 15:38:07 · 1040 阅读 · 0 评论 -
MongoDB的安装和基础CRUD
基本上来说做到能用就行,有花什么的后期有时间再折腾吧。系统平台用的是Windows,Mac的配置应该也差不多,都是下载installer就行了,不过加环境肯定是不一样的。用CURL(Linux)或者是Brew(MacOS)应该也可以,但是我没用过。学习文档还是要看官方文档,这里只是一个基础介绍。原创 2021-03-26 18:05:06 · 336 阅读 · 0 评论 -
css单位
在读「HTML5权威指南」第四章『初探CSS』的时候发现,这上面的单位居然写的比「精通CSS 高级Web标准解决方案(第三版)」上的还要全。但是,可惜的事情就是,这本书的出版年限有点久(初版2014年的),再加上也不是专门针对CSS写的书,所以单位的介绍上略显不足。看着看着就被绕进去了,因此还是觉得要总结一下才好。原创 2021-03-25 21:48:44 · 164 阅读 · 0 评论 -
「Web全栈工程师的自我修养」读后感
「Web全栈工程师的自我修养」读后感作者相关内容简介感悟如何成为全栈工程师技术方面的提升无意中搜到的书,本身就在做前端的我,看到了Web 栈工程师和作者是腾讯大佬的关键字眼,啪的一下就点进去了。看完之后也确实学到了一些东西,尤其是未来——中短期——的职业规划方面的。作者相关作者,余果,的博客地址:https://yuguo.us/,不过最后更新的时间已经是一年前(2020-02-06)了,并且在下面特别标注之后都会转移到公众号上继续发表:我写字的地方迁移到公众号啦~欢迎关注我的公众号:余果专原创 2021-03-11 20:00:22 · 328 阅读 · 0 评论 -
JavaScript数据可视化编程目录及实例截图
包含了目录和使用的库,其中截图选了书中完成后的实例,但是这并不代表其中的内容只能用这个库来实现。个人觉得目录的顺序可能跟学习曲线有关。如果看到了截图,觉得是自己当下的需求,不妨找到实现的实例或者到对应的官方文档上看看。以个人为例,在自己的博客项目计划里,我有想要实现timeline这个页面,所以我就找对应的章节: timeline ,去了解一下这本书里面的timeline是怎么实现的。博客计划下一个阶段的feaure应该就会学以致用,将timeline这个页面先实现了。PS:本书官方网址为: .原创 2021-03-07 23:57:22 · 244 阅读 · 0 评论 -
博客项目计划
博客项目计划通过HTML、CSS、JavaScript完成一个博客项目。原创 2021-03-06 16:33:50 · 182 阅读 · 2 评论 -
React电面复盘
React电面React相关其他Package或者Tech StackWebPackNodeJSBabel移动开发常识性知识HTMLCSSJSJQuery其他总结一次的内部rotation的面试,时间大概也在半个小时左右。React相关过去一年多都在用React写项目,所以这一块是回答的比较舒服和比较流畅的地方,感觉面试官也是比较满意的样子。问题列表如下:虚拟DOM了解吗传统的MVC项目经常直接更新DOM tree,因此渲染的性能较为低下。Virtual DOM是React的一个特性,它可以原创 2021-02-24 21:35:41 · 336 阅读 · 0 评论 -
React递归生成组件
React递归生成组件什么是递归递归的边界条件React递归生成组件第一次在业务场景处理递归,并且用递归循环出组件,折腾了一下午成功的遍历了之后总结回顾一下。什么是递归递归是一个函数重复调用自己。递归最普遍的应用就是阶乘,如下:n!=1∗2∗3∗4∗5∗...∗(n−1)∗nn! = 1*2*3*4*5*...*(n-1)*nn!=1∗2∗3∗4∗5∗...∗(n−1)∗n代码实现如下:function factorial(num) { // 边界条件,当值小于0时阶乘无意义,当值为原创 2021-02-24 01:44:36 · 1569 阅读 · 1 评论