SPA SEO Research
2022-02-27
需求来源于某个即将启动的项目，并且这个项目是 to B 的 (°ー°〃) 目标 搜索引擎友好，因为 SPA 应用对于某些搜索引擎来说无法理解，就是很蠢。 解决方案 CDN 推送 使用无头浏览器定期生成页面，然后推送到 CDN 服务商，搜索引擎检索到的就是 CDN 服务商拿到的内容......
网页内容高度
2022-02-01
默认情况下所有元素都是没有高度的，设计时一般为了避免留白，会将内容区域自动展开，最小占据一屏。所以会有一层是包含高度的，比如图 1中设置的 height，当然也别忘了加 overflow 让该层支持溢出滚动，否则内容就超出了。 图 1 单页应用，尤其是 to B 的，页面中经......
Sonar
2022-01-25
昨天团队忽然收到一个 Sonar 扫描的代码报告，看扫出来的 Blocker 列表很扯，所以自己安装扫描确认下。Sonar 是一个代码质量管理工具，基于此有一系列的功能，扫描就是 Sonar Scanner 插件的能力。 Sonar 访问 https://www.sonarq......
关于小孩子成长过程需要注意的事项
2022-01-10
这周休假，下午闲来无事，就去医院检查了下眼底，前段时间发现已经有飞蚊症了，一直懒得动没去看。 等待叫号的过程中想起自己第一次去配眼镜的时候，那是在初中，街边随便找了个小店，测量出来是 400 度，而且当时是一个表亲带着去的，没有人觉得这个有什么问题。 我想如果你计划有孩子或者已经......
2021 年终总结
2021-12-31
时间真的很快，去年十一月份离职，十二月份拿到驾照，正好一年时间过去了。翻了下去年没有做年终总结，可能是因为 2020 年真的很不好吧。 一月份依旧是处于一个 sad 的状态，二月份回家最后闹的挺不愉快，不欢而散，这两个月也非常反常的没有发一条朋友圈，仿佛隐藏了起来。 三月一号开......
SPA 单页应用任意目录部署
2021-12-28
一般来讲，网站都部署在根目录，但某些厂商可能架构很多年不变，或者说不想新开域名，这时候就会放到二级或者三级目录，这时候就需要对路径问题进行适配。 一，提供全局路径变量 如果是非根路径，必须设置。 window.publicPath = '/'; 二，资源路径适配 ......
2021 年终绩效沟通
2021-12-23
今天领导反馈部门绩效，说我表现的都挺好，甚至够得上优秀，除了一个点。 如果看过我以前文章的同学可能知道，九月份开始就吐槽过一些后台的邋遢事，见识到了“空运行”选手，也知道一直没解决，领导也在说督促改。 然后就是今天来了个雷，“你总是指出这些问题，可能导致士气低落”，我的天呐，一群......
物品管理应用
2021-12-13
在这住了好几年，东西越攒越多，扔了吧可惜，不扔吧又感觉挤得慌，而且经常出现某个东西不知道有没有，在哪儿的问题。所以就想做一个类似于物品管理的应用，第一版可能先做小程序，因为小程序有存储能力也不需要服务器使用也方便。 2021-12-13 目前想法是使用分类和标签两个维度，初版不做......
2021-12-10 共青国家森林公园
2021-12-11Web Components
2021-12-08
Web Components 出来很久了，最早一八年的时候听说过，后来因为用不到就没关注，现在作为知识储备总结下它的能力。 初听到名字会想到类似于，Card，Select，Tooltip 等常用组件，同样也会疑惑和普通自己封装一个有什么区别？通过文档可以得知，它实现了样式隔离(事......
2021-十一月总结
2021-12-01
啊 又是一个月过去了，让我们来复盘下本月都发生了啥 工作 公司来了个新的管研发的头头，一些东西流程开始规则开始制定，据说之后可以保证需求变更需要走变更流程，一个好消息。 还有要推绩效考核了，也挺无聊的，很直白的说我不喜欢摸鱼，在公司的时候就该工作，下班的时候就该生活，我崇尚的是高......
Typescript usage record
2021-11-24
笔者最早使用过 C#, 后来写JavaScript，然后还写了一些Go，经过一些查阅看下来， TypeScript 目前最大的用处就是类型系统，除此之外算不上真正的强类型，或者成为静态类型更合适，所以会记录一些异于正常语言的地方，以备后续使用。 扩展 window 对象 inte......
Baseline with inline block overflow
2021-11-04
遇到一个有趣的现象，当子元素设为inline-block且overflow:hidden会发现父元素的高度被撑开了，理想中的应该是蓝色高度和红色高度重合才对。 <div style="background: red; width: 100px;"> ......
十一月一号夜公司吐槽
2021-11-01
最近因为公司一个新项目的事情，搞得大家都很不开心，各种骚操作，各种恶心的事情，恰好今晚有个同事来问吐槽也顺便问这边的情况一直是这样吗。 总的来说，吐槽的点就两个地方。 产品 第一个是产品，涉及到产品那肯定就是需求问题了，经典的一句话需求，让人摸不着头脑，讲了还不听，做了还不认，就......
2021-十月总结
2021-10-30
转眼间又是一个月过去了，时间真的好快啊 工作 公司宣布了要定职级的信息，有个很搞笑的事是职级保密，那这样职级就毫无意义了。 因为国庆的原因，十一号才开始上班，执行了一个开发迭代周期吧，非常无语的是又开始作妖了，需求文档不看，提供的接口不自测，甚至还在那开个微信聊的挺嗨，找过去问了......
新生代思潮随感
2021-10-08
刚看了一段关于美国离职潮的视频，里面提到苹果三分之一的员工不愿从远程办公模式返回到办公室办公，另外很多知名企业也都开始全员远程办公。 这促使员工节省掉了通勤的时间，也变相带来了独立思考的时间，对于生活，对于工作，员工对公司也抱有更大的期望，能够独自完成任务的同事，人性化的公司政策......
2021-九月总结
2021-10-02
工作 没有什么特殊的变化，参加了几次面试，能通过简历看到一个人的大概情况，项目还是一如既往的一团糟，需求不明确，设计不明确，总之就是糊弄糊弄就上去了，对于新员工的成长来说很不利，不过对于我来讲其实无所谓了，主要还是靠自己学习，只是公司的吸引力更低了而已。 生活 居住证 居住证到手......
Why 1200W pixel ?
2021-09-23
最近 iPhone 13 发布了，依然是祖传的 1200W，但奇怪的是影像系统依然是属于领先行列，要知道友商都已经上了 1 亿像素，再看下去年发布的 Sony A7S3 全画幅微单也是 1200W 像素，这引起了我的好奇。 首先看下拍出来的照片大小，可以看到下图中照片的大小为 4......
Hello Webpack Plugin
2021-09-17
最近一段时间一直想看下的，结果项目忙一直没时间，所以就一直耽搁了，趁着有点时间试了下写个插件。 本来没打算写的，可是现在前端真的太卷了，像写插件这种活说个不好听的看看文档，看看 Github 最多一天时间就能干的事，某些人非要拿来面试中问，光了解流程和理念还不行，还得要你写过，还......
2021-八月总结
2021-09-13
之前隐隐约约觉得半年一总结好像太久了，昨天正好看到有人分享自己的八月总结，索性也开个坑吧。 工作 细想起来，这个月其实事情蛮多的，也是来到这里之后全新开启的一个项目，新了解到“同构”这个概念，同样也被同事刷新了什么叫做事不认真的下限。 中途也被合同主体坑了一把，和我签合同的主体是......
千奇百怪的网站访问记录
2021-09-12
很久很久没看网站的访问记录了，毕竟小破站月 PV 也才个位数，今天无聊看了下日志，发现了很多有意思的日志。 爬虫 第一种是各种爬虫，有搜索引擎的，有做营销服务商的，其实之前只屏蔽了一家某度的爬虫，但是看日志百度还是会每天都来爬好多次，也就是说某个知名互联网公司其实是不遵守 rob......
瓶颈期的迷茫
2021-09-06
前几天和朋友出去吃饭时，问我工作感觉如何，我回复完全可以 hold 住。 当时觉得自己能力还挺强，啥都能接住，但是细想下又不对，啥都能接住代表的是没有成长，但是看过去做的东西，下半年很重要的包括未来几年长期的一个项目整个框架，布局，UI 组件都是我搭建的，支持国际化，支持动态换皮......
面试之 STAR 法则
2021-09-06
上周公司忽然组织了一场面试官培训，除了一些注意事项和节奏把握之外讲到一个技巧 STAR 法则。 STAR 法则是情境 (Situation)、任务 (Task)、行动 (Action)、结果(Result) 四个英文单词首字母的合称，通过提出在某个场景中，有哪些事情需要做，做了什......
转正面谈
2021-09-01
昨天找 leader 做了转正面谈，表达了些东西，也得到一些回复，不是很满意，但是直接走又不太理智，所以先记下来，转正后开始为之后开始做打算吧 当时招聘的 JD 是 20K - 35K，我之前是 19K（因为在同一家公司呆了将近四年，所以涨薪特别特别慢，相比一年一跳的真的太吃亏了......
实现 React 同构
2021-08-29
书接上回（React 同构），之前提到这个任务迟迟未完成，影响了业务进度，所以任务重新抛了出来，虽然暂时没交过来，但未雨绸缪就改造了下之前搭建的 React 脚手架，变成了 React 脚手架-同构版。 接下来聊一聊一些可能需要注意的点。 数据模型 注意区分浏览器和服务端的模型区......
业务理解能力
2021-08-22
上周 leader 让周末有时间出一些校招题目，闲着无聊就随手出了些题目，出题的过程中想到一个问题：如何考察候选人的业务能力？ 因为我是喜欢深度参与项目业务需求的人，对需求来自哪里，目的是什么，是否有长期价值等等执行一系列评估标准，但是到了实际项目中发现除了产品拍脑门外，很多研发......
React 同构
2021-08-19
最近几年都在做 to B 的内容，所以一直没接触 SSR，前几天公司的小朋友用 Next.js 做了个页面，迁移一个有五六个页面的普通后台网站的事情一直没搞定，所以就看了下相关资料，发现了“同构”这个东西。 SSR 主要就是服务端渲染好包含数据对页面，直接返回给浏览器解析渲染，因......
单位公租房申请
2021-08-14
最近公司公租房资质下来了，但是过程一言难尽 (；′⌒`) 申请资质的主体是一家公司(A)，之前别人签的也是那家公司，然后到我这签的是另一家公司(B)，那么问题来了：主体不一你怎么去申请呢？工作人员答复是需要证明你是那个主体派过去的，有一个派遣协议还是什么的，但是随便搜了下，如果 ......
Next.js
2021-08-08
最近几年都在做 To B 的东西，所以一直没机会接触 SSR，拓展视野看了下 Next.js。 为了搜索引擎能搜索能根据某些关键词搜索到网站，必需预先把数据丢到页面上，但是普通的 React 或者 Vue 是后执行的，导致搜索引擎获取不到数据，所以出现了 SSR （Server ......
Chrome 91 Set-Cookie
2021-08-08
最近调试发现了一个比较尴尬的问题，Set-Cookie 想本地调试必需同时满足SameSite=None;Secure=true;，换成 Firefox 倒是不必，但是 Firefox 的体验还是比不上 Chrome，最终还是把 webpack dev 中的 https 开关打开......