findxc
findxc
I find a **bug** when playing with examples/draft-0-10-0/media/media.html **Steps to reproduce** 1. Open media.html in browser 2. Add the provided media.png into editor 3. Inspect element and set the image...
恩，当我需要写递归的时候，我就会从这篇笔记去 copy 然后改改 ... 所以我把这篇笔记发出来，让更多人 copy =.= ------- 下面是笔记内容 ------- 如果内心有点畏惧递归，那就写它 100 次 ~ ## 一些实际开发中的递归例子 数据格式如下。 ```js // 组织结构树 const orgTree = [ { id: 1, name: 'A', children:...
一个项目支持国际化一般会需要以下步骤： 1. 根据项目代码提取需要翻译的文本 2. 把文本上传到 TMS ，也就是翻译管理系统，进行翻译 3. 把翻译后的文本同步到项目代码中，或者在打包时才去拉取，项目本身不维护其它语言文本 ## 关于 TMS [Do You Really Need a Translation Management System? - Rubric](https://rubric.com/en-US/translation-management-system/) 这里有对 TMS 的介绍。简单来说， TMS 是关于国际化的流程的工具，比如你可以通过命令行来上传文件，你可以在界面上先一键机器翻译，然后再校对和审核，可以在界面上指派翻译人员和查看翻译进度，最后可以通过命令行来下载文件。 现在各种 TMS 很多，比如...
## Verdaccio [A lightweight Node.js private proxy registry | Verdaccio](https://verdaccio.org/) Verdaccio 是用来搭建私有 npm 仓库的，使用很简单。由于使用真的很简单，所以当你希望能有个环境来学习和测试 npm publish 时，你可以本地启动一个 Verdaccio 服务，然后把你的包发到这上面，体验一下和真实发包一样的流程。 具体使用步骤如下： 1. 先 `npm install --global verdaccio` 安装 2. 执行 `verdaccio`...
当项目脚手架没有自带 mock 服务时，如果我们要 mock 数据就需要手动启动一个 mock 服务，可以用 https://github.com/jaywcjlove/mocker-api 来搞定。 先 `npm i mocker-api mockjs --save-dev` 。 ```json "scripts": { "mock": "mocker ./mock/index.js" }, "devDependencies": { "mocker-api": "^2.9.5", "mockjs": "^1.1.0" }...
通过 redux 源码学习我们知道了，redux 创建的 store 我们可以通过 `store. getState()` 来获取当前状态，通过 `store.dispatch(action)` 来更新状态，通过 `store.subscribe(listener)` 来注册一个当 dispatch 之后会被调用的监听函数。 而 react-redux 其实就是通过 `store.subscribe(listener)` 来把 redux 应用到 react 中的。 ## Provider, useStore, useDispatch 在 react...
呃，我是很切身体会过这个问题的，在某一次想出去找机会时，发现简历无事可写 ... 难过 ... 下面是我对这个问题的一些想法，恩，很个人的想法，也或者是未来回来看会觉得很幼稚的想法，所以你懂的，自行思考和取舍。 ## 尽量去工作上有一定挑战的公司 在面试时你可以问面试官，最近项目上有在做什么有意思的或者有挑战的事情吗。就像面试官会问你，你最近有解决过什么难点吗。这是一个双向的了解。 除非说，你真的就想休息一阵子，或者你计划好了工作之余做点啥，否则尽量不要去一个工作上没有挑战的公司。 作为职场人士，我们必须要思考，怎么保持自己的职场竞争力，如果一年后的你，和现在的你，竞争力提升不大，呃，简历上你要怎么写自己度过的这一年呢？ 如果你去了一个工作上有一定挑战的公司，你会被推动着去成长，去解决问题。你也会从自身的成长中获得成就感。想象一下一团乱糟糟的毛线，终于被你理顺了之后那种畅快的感觉。还是挺不错的，对吧。 ## 日常工作就是 CRUD 怎么提升自己 我个人在实践的一个方法是，关注自己和同事的日常开发，去思考我们平时吐槽的那些点，然后想一下，能优化吗。 比如不同项目中会有一些通用的工具函数、业务组件，可以相应维护一个工具库、组件库来管理；比如某个流程很烦，就去看能不能怎么优化下；比如某个旧的组件封装得很难用；等等。 应该不可能大家的日常开发无比顺畅吧？有这样的神仙团队？ 然后这个过程可能会涉及一些技术方面的问题，正好就可以系统性梳理一下相关知识点，自己学习了，又给团队解决了问题，简历上也能写，完美。 然后我还会去梳理一些基础知识，像 HTTP 缓存啦，梳理的时候就有去研究 [如果没有设缓存页面会怎么表现](https://github.com/findxc/blog/issues/60) ，后面有个项目就真的遇到这个问题了，秒解决好吧。再比如跨域，也在实际项目中遇到过问题，顺利解决。 这些基础知识和你去解决日常开发中的问题，有点相辅相成的感觉，基础知识扎实，解决问题更有思路，然后解决问题，也可以顺便去梳理一下相关知识点。 然后这些基础知识、解决的问题可以写到博客中，博客对找工作的帮助我觉得真的很大很大。面试有点看运气，博客提高了这个运气的下限，通过博客别人能知道你最近在干嘛，你对一些技术的理解，技术深度，自己的文字表达力也会慢慢提升。 最后分享几个我学过的极客时间比较好的课程，可以先读几篇看看感觉，觉得不错再付费，一般节假日会有额外折扣。 * [浏览器工作原理与实践_浏览器_V8原理-极客时间](https://time.geekbang.org/column/intro/100033601) 强烈推荐...
工作五年，那些好玩的事情
转眼就工作五年了，唉，为啥没有每年写个总结呢，一次性写五年的也太难了~ ## 2017年，从零开始学前端 我从 2017 年开始工作，在一家麻雀虽小五脏俱全的公司，有产品、设计、前端、后端、测试、运维。 说到运维，当时老的运维同事准备离职，然后招了一个新的运维，入职当天就把测试环境数据库删了，笑死我了。在服务器上修改或者删除数据一定要谨慎谨慎再谨慎。 为了学前端我有买《锋利的jQuery》这本书，准备一边工作一边学习，结果并没有用上，进入公司后就是 React + Redux 全家桶了，打包是 Webpack ，很幸运直接就和时代接轨了。 当时对 JS 还不太熟悉，一直以为 React 中的 `class xxx extends React.Component` 中的 class 是 React 的语法，直到我去看了萧井陌的 [直播编程写游戏 -...
## 使用举例 执行`crontab -e`然后编辑配置文件，编辑完后`:wq`保存并退出即可给当前用户设置定时任务。 执行`crontab -l`可以查看当前用户的定时任务配置。 使用举例：  这里有个小坑，执行脚本的命令如果我直接写`/some-path/cron-test.sh`那实际是执行不了的，如果先`cd some-path && ./cron-test.sh`就是可以成功执行的。 ## 周期设置的解释 周期的五个值依次是设置分钟（0-59）、小时（0-23）、一个月的某一天（1-31）、某月（1-12）、一周的某一天（1-7）。 分钟的几个设置举例（其它位置的设置是类似的）： - `* * * * *`：每分钟 - `10 * * * *`：每小时的第10分钟 - `10,20...
## 很很很常用的 - `ls`：查看当前文件夹下内容 - `ls -a`：查看当前文件夹下内容，包括以`.`开头的文件和文件夹 - `ls -lh`：查看当前文件夹下内容，会显示更详细的信息，`-h`表示文件大小以K、M等表示 - `pwd`：显示当前所在路径 - `cp file_a file_b`：复制文件 - `cp -r folder_a folder_b`：复制文件夹。参数`r`是指递归地复制文件夹和里面的内容 - `mv a b`：移动文件或者文件夹，也可以用来重命名文件或者文件夹 - `rm file_a`：删除文件 - `rm...