获得徽章 0
赞了这篇沸点
@潘小安 @Jsonz1993

VuePress 为了能更好的渲染 md 文件,写了很多的 markdown-it 插件,就比如在代码块之外包裹一层 div
冴羽于2022-01-20 16:14发布的图片
2
赞了这篇沸点
@冴羽 @Jsonz1993
今天不分享正则,说一个 node-sass 安装的坑
周五口嗨从朋友那边接了一个项目过来帮忙做需求
拿到项目开始使用 npm 安装以来结果报错
图一是所有的依赖
于是开始使用不同方法去解决
以下是我使用过的方法以及结论:
1.使用yarn 安装:报错
2.使用 cnpm 安装:报错
3.直接替换朋友的node_modules 报错系统不兼容,他用的 window,我的是苹果
4.使用淘宝源安装特定版本 报错:this.getOption is not defined
5.使用 dart-sass 替换 node-sass :报错,elementui 内的 sass 无法兼容
6.群里大家讨论甚至说要安装 python
7.之后在 node-sass 网站上找到图二
于是回退node 版本到 packagejson 中对应的版本
从 node16 回退到 node10 使用 npm 成功安装
经验教训:
1.不要随便口嗨帮人接需求
2.有问题第一时间看官方文档的说明,看别人的解决方案可能越走越远
展开
潘小安于2022-01-22 14:09发布的图片
潘小安于2022-01-22 14:09发布的图片
12
赞了这篇沸点
@潘小安 @Jsonz1993
活动第七天打卡,和队友的沸点互动一下
羽哥:
Math.floor方法返回一个 0-1 的数字,左闭右开
所以在数组乱序的时候,
for (let i = a.length; i; i--)
Math.floor(Math.random() * i)的最小值是 0,最大值是a.length-1
[a[i - 1], a[j]] = [a[j], a[i - 1]];使用的是数组的解构赋值。
详情可以查看 es6 入门教程的解构赋值章节。

Jsonz:学习 ts 不得不推荐一下羽哥翻译的 ts 官方文档
结合 Jsonz 推荐的练习方法效果更佳
展开
评论
赞了这篇沸点
@潘小安 @Jsonz1993

数组乱序

function shuffle(a) {
for (let i = a.length; i; i--) {
let j = Math.floor(Math.random() * i);
[a[i - 1], a[j]] = [a[j], a[i - 1]];
}
return a;
}
展开
1
活动最后一天,介绍最近学ts的一个repo。[type-challenges](github.com) 这个仓库会让你实现一些比较复杂的ts-utils,让你在实践练习中学会ts的一些比较灵活的实现。
像我这种初学者,完成easy已经可以应对工作中绝大部分的场景了。
图为实现 Array Last 的实例
@冴羽 @潘小安
展开
Jsonz1993于2022-01-23 11:01发布的图片
1
赞了这篇沸点
#春节小游戏#


interface 这个单词好像给错了
冴羽于2022-01-20 16:20发布的图片
4
赞了这篇沸点
@冴羽 @Jsonz1993
正则表达式日常小 trick 第五天
日常业务中经常需要使用到的正则:
邮箱号:/^(\w|\-)+(\.\w+)*@(\w)+((\.\w{2,3}){1,3})$/;
手机号:/^[1][3|4|5|6|7|8|9][0-9]{9}$/;
身份证:/^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/ig;
推荐一个可以图形化查看正则效果的网站
展开
评论
赞了这篇沸点
@潘小安 @Jsonz1993

ES6 中有条件的合并对象
冴羽于2022-01-21 15:40发布的图片
9
赞了这篇沸点
@潘小安 @Jsonz1993

关于 __proto__ 和 getPrototypeOf:

Object.prototype 的 __proto__ 属性是一个访问器属性(一个getter函数和一个setter函数), 暴露了通过它访问的对象的内部[[Prototype]] (一个对象或 null)。

使用__proto__是有争议的,也不鼓励使用它。因为它从来没有被包括在EcmaScript语言规范中,但是现代浏览器都实现了它。__proto__属性已在ECMAScript 6语言规范中标准化,用于确保Web浏览器的兼容性,因此它未来将被支持。

它已被不推荐使用, 现在更推荐使用Object.getPrototypeOf/Reflect.getPrototypeOf 和Object.setPrototypeOf/Reflect.setPrototypeOf
展开
1
最近有一个需求是表单的可编辑状态,大概是这样,同一个表单会有不同的阶段,总共十几个阶段。每一个阶段对应的可编辑状态与可编辑人员都不一样,比如:
在 `预签署-待确认` 阶段中只有创始人可以编辑,可以编辑的字段有 基金团队、基金主体名称等。
在`预签署-财务审核中` 的阶段中,可以编辑的角色变为 财务 + 法务,可以编辑的字段有基金主体名称,高级财务审批人员等。

如果代码里一直用 if-else 等条件判断,会显得很繁琐,十几个阶段 对应几十个字段。
所以可以采用“表驱动法”,讲得最通俗就是一个Map表,大概的结构可以是这样的:

这样后面如果增加一个字段或者改变编辑逻辑,只需要修改map中对应的阶段数据。

@潘小安 @冴羽
展开
Jsonz1993于2022-01-22 12:46发布的图片
2
#Git hooks

平时开发时的git hooks,除了我们比较熟悉的husky之外,最近发现了一个挺好用的库—— simple-git-hooks。虽然官方声称适合用于"small-sized projects",但是 vite、 postcss等知名仓库都在用他。
对于我来说,最近偏向于用他是因为比起husky配置更简单,很少出现不同机器运行异常的情况。
至于其他体积更小,零依赖不是吸引我的点。

@潘小安 @冴羽
展开
评论
赞了这篇沸点
@冴羽 @Jsonz1993

正则表达式日常小 trick 第四天
结合昨天讲的 match 方法,使用正则表达式来解算法题
当 match 方法参数的正则表达式有 g 标志位的时候
返回的是所有匹配结果
展开
潘小安于2022-01-20 09:04发布的图片
潘小安于2022-01-20 09:04发布的图片
潘小安于2022-01-20 09:04发布的图片
评论
赞了这篇沸点
#春节小游戏#
练习手速
还得推荐打飞机小游戏-ztype
潘小安于2022-01-20 11:43发布的图片
评论
目前前端monorepo管理方案基本是 yarn + learn 和 pnpm, pnpm 简单方便一些,内置了workspaces,但是缺少版本控制,所以需要搭配一些外部的程序要处理版本控制。比较好的有 changesets, 搭配github action可以做到自动升级对应版本并发npm包。

demo: github.com


@冴羽 @潘小安
展开
Jsonz1993于2022-01-20 09:59发布的图片
评论
赞了这篇沸点
@冴羽@Jsonz1993
React项目中要从非cssmodule替换到 cssmodule 如何批量替换?
使用正则表达式:(className='([^']+?)')替换成className={xxxxx.$2}
xxxxx 为导入样式的 module:如 styles.$2
展开
2
下一页
个人成就
文章被点赞345
文章被阅读46,944
掘力值1,588
收藏集
4
关注标签
24
加入于