kerita / kerita.github.io Goto Github PK

https://kerita.me/10/03/2017/about-wechat/

今天想聊一聊日常使用频率最高的 APP ——微信，使用过程一些让人不爽的地方。虽然从用户角度来说是缺点，但从腾讯角度来说当然就未必了。

https://kerita.me/08/21/2017/audio-cannot-autoplay-in-iOS/

Bieber走后，开始接手公司的全景分享系统，主要是利用这个系统做一些活动页面。有个需求需要在 h5 中加背景音乐，打开链接后立即播放。原本想不就是 audio 标签加 autoplay 属性值吗？简单。但如果这么简单就不会有这篇文章了。

https://kerita.me/07/06/fe-attack/6-request/#more

输入一个 URL 敲下回车键发生了什么1.DNS 域名解析（此处涉及 DNS 的寻址过程），找到网页的存放服务器； 2.浏览器与服务器建立 TCP 连接； 3.浏览器发起 HTTP 请求； 4.服务器响应 HTTP 请求，返回该页面的 HTML 内容； 5.浏览器解析 HTML 代码，并请求 HTML 代码中的资源（如 JavaScript、CSS、图片等，此处可能涉及 HTTP 缓存）； 6.浏

https://kerita.me/02/16/2018/clear-interval/

在 React 组件定义一个计时器，在组件卸载的时候就应该清除掉。

https://kerita.me/08/18/2017/about-hukou/

今年（2017年）本科毕业了，工作在深圳就把户口迁了过来，至于迁与不迁户口的优劣，各人有各人的看法，此处不表。本文目的是把个人办理户口迁移的过程记录下来（因单位没有接收权力），造福后来人。

https://kerita.me/12/03/2017/ios11-cursor-not-follow-focus/

最近遇到一个新鲜的 bug —— iOS11 Safari 中 modal 上的 input 光标不跟随焦点，即当 input 获得焦点准备输入时，光标并不在 input 元素中。

https://kerita.me/06/23/2021/npx/

什么是 npxnpx 是一个用来运行 npm 包的工具，而无需全局安装该 npm 包，它随着 npm 5.2 版本发布。

https://kerita.me/02/15/2018/react-tip/

使用 React.js 一段时间了，把使用过程遇到的小坑和小技巧记录下来，希望能够帮助到其他人。

https://kerita.me/06/12/2017/about-module/

前端模块化这个概念自从去年开始一直出现在视野里，在某次面试的时候还被问傻眼了，但都整理这方面的知识，这一次决定彻底清楚。跑题了，回到正题。模块化是啥？简单来说，前端JS文件越来越多，而且相互之间还存在着依赖关系，利用模块化可以更好地管理和加载这些JS文件。

https://kerita.me/05/27/2021/cold/

5 月 24 日-5 月 26 日去南昌出差，三天基本没有午睡，晚上又没有休息好，食物多是多油且极辣的，导致感冒了。26 日早上喉咙有点干渴，而后双臂开始发酸，没有重视，下午到晚上开始发冷、疲劳。 27、28 日勉强带着疲劳的身躯度过工作日，29、30 日周末开始喉咙痛。喉咙痛是扁桃体的发炎。包扁桃体发炎可分为以下两种：

https://kerita.me/02/19/2018/vscode-rg/

Windows 上使用 VSCode 遇到一个问题，打开项目时，整个电脑基本卡死，Ctrl+Shift+Esc 发现 rg.exe 占用 100% 的 CPU。 在 github 看到，是因为是 cnpm 的原因，解决方法如下： 下载 vscode1.18以上版本增加配置安装完成后 文件>首选项>设置 1"search.followSymlinks": false

https://kerita.me/06/27/fe-attack/2-html/

浏览器在加载页面的过程会用到 GUI 渲染线程和 JavaScript 引擎线程，其中 GUI 渲染线程负责 HTML，JavaScript 引擎线程负责执行 JavaScript 脚本。

https://kerita.me/06/13/2017/test-image/

** 如何在Markdown中插入图片，使得编译之后，在hexo首页和文章页都能看到呢？ **

https://kerita.me/06/24/2021/babel/#more

Babel 对自己的定位：下一代 JavaScript 的编译器。它将新语法、新 API 编译成兼容代码，以便在老版本的浏览器也能使用。 Babel 基于插件架构，如果什么插件都不提供，babel 也不做什么事情，其作用如下。 1const babel = code => code

https://kerita.me/02/13/2018/weibo-robot/

在 @ruanyf 老师的微博上看到“有人用推特定时发推告诉你今年的进度”，想着可以写一个微博机器人每天自动发微博倒数，一番折腾之后已经上线了，请戳 @ 201X进度条。

https://kerita.me/06/21/2021/devops-ci-cd/#more

在了解前端工程化的时候，经常听到 DevOps、CI、CD，I 借这个机会搞清楚。 DevOps 指用自动化工具更好的完成软件周期中的开发、测试和交付工作。 CI 和 CD 是 DevOps 的一部分。CI 是指持续集成 (Continuous Integration)，CD 即指持续部署(Continuous Deploy)，也指持续交付(Continuous Delivery)。

https://kerita.me/07/09/2017/find-house/#more

七月毕业，离开学校回到深圳才开始找房，其实这个时候找房子有点晚了，蛮多毕业生六月份就提前找好房子了。

好好说话！

https://kerita.me/07/08/2021/api/

接口对接过程遇到的问题 没有接口文档，接口口头或者企业微信简单确认（特别是只有一两个接口） 接口文档没有确定交付时间，或者到时间没有交付 接口文档不全，部分接口缺失或者接口部分字段缺失 后端修改接口没有通知前端，导致实际接口与接口文档不一致 ……

https://kerita.me/06/28/fe-attack/3-css/

记录 CSS 重要知识点。

https://kerita.me/04/03/2021/module/

JavaScript 起初只是用来做页面的的简单交互，随着 Web 应用的复杂性越来越高，维护成本越来越大，模块化标准也在 ES6 版本应运而生。当然，在 ES6 Module 出现之前，社区在使用 Node.js 的过程中，也形成了适合 Node.js 的 CommonJS 模块标准。

https://kerita.me/03/29/2021/npmrc/

.npmrc 是什么.npmrc 是 npm 的配置文件。当运行 npm 命令时，会从 .npmrc 文件读取相关配置。 对于**开发者，最常见的 .npmrc 配置是设置淘宝源，加快 npm 包的下载速度。 1registry=https://registry.npm.taobao.org/

https://kerita.me/08/03/2017/about-roast/

几天前在某个地方，或是知乎回答，或是公众号文章，看到关于《吐槽大会》的议论，觉得挺有意思，遂去搜一搜、看一看。

https://kerita.me/02/14/2018/store-performance/

一些关于商城性能优化的想法。

https://kerita.me/07/05/fe-attack/5-js-run/#more

JavaScript 作为是一门单线程语言，使用事件循环(Event Loop)机制，来执行代码和收集回调队列的子任务。

https://kerita.me/07/10/2017/markdown-skills/

最近经常用markdown写作，特别是将线上笔记本切换到为知笔记之后。使用频率增加就想提高效率，参考网上的文章，整理了这篇Markdown的小技巧。

https://kerita.me/02/12/2018/the%20meaning%20of%20life/

“你们活着是为了什么？为啥我经常会觉得一切都没啥意义呢……”。在朋友圈看到这段话，是让我写下这篇文章的最重要原因。

https://kerita.me/06/30/fe-attack/4-js/

问题 JavaScript 的函数怎么也是个对象？1.JavaScript 中除了基本类型，其他都是对象，Symbol 也是基本数据类型。2.函数是一种特殊的对象，它也拥有属性和值，有一个特别的属性 prototype，该属性就是函数的原型对象。3.函数的原型对象(prototype) 都拥有 constructor 属性，该属性指向与之关联的构造函数。 proto 和 prototyp

https://kerita.me/07/04/2017/word-wrap-word-break/

在开发Insta360官网英文版的时候，曾遇到单词太长如何换行的问题。谷歌一下，搞定需求，但是对这两个CSS3属性还是一知半解，借着阅读《CSS3实用指南》的契机，把他们理清。

https://kerita.me/01/22/2017/hello-world/

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

https://kerita.me/06/25/2017/a-cold-in-2017/

之所以写下这篇文章，不只是想记录下这次感冒的过程，而是为了提醒自己该运动了。无论搬家了与否，都应该运动。没搬家照旧在天健，搬家了在新家附近，并且还有Keep可以做呢。谨记谨记。

https://kerita.me/02/17/2018/jsx-custom-attr/

JSX 用来定义 React 组件的 DOM 结构，其规则跟 HTML 基本相同，但还是有一些差异。例如 HTML 建议自定义属性以 data-* 命名，JSX 则是强制，因为如果不以这种方式命名，就不生效。

https://kerita.me/02/28/2018/less-calc/

在 less 中使用 CSS3 的 calc 语法时会自动计算，需要采用如下写法,注意减号左右都有空格。 1width: calc(~"100% - 30px");

https://kerita.me/09/14/2017/about-brace/

经历大概两年的矫正，终于拆掉了牙齿上的矫正器，并结束每月一次的调整。值此之际，简单写下一些感受和心得。

https://kerita.me/10/03/2017/qingfeng/

在很长一段时间，我都是将对明星作品的喜欢与对明星的喜欢分开，即喜欢他的作品不一定喜欢这个人，当然也不讨厌。无论是五月天、周杰伦、陈奕迅，还是赵雷、许巍、逃跑计划，虽然他们的歌在某一瞬间或者某一段时间，让我产生共鸣，但对于他们的喜欢都只停留在歌曲上。而青峰，苏打绿的主唱，唱《小情歌》的那个人，成为了打破这个规则第一人。

https://kerita.me/02/18/2018/z-index-not-work/

z-index 只在 position 非 static 的元素生效,而一个元素的 position 默认为 static，static 元素想让 z-index 生效，可以设置元素 position 为 relative。

https://kerita.me/06/24/fe-attack/1-system/

2021 年前端基础知识体系，包括入门前端应该学习的专业知识与项目过需要的知识。

https://kerita.me/04/01/2021/event-loop/

事件循环事件循环 (Event Loop) 是 JavaScript 运行的机制，事件循环负责执行代码、收集和处理事件以及执行队列中的子任务。浏览器与 Node.js 的事件循环存在差异。

https://kerita.me/04/12/2021/var-let-function/

var 与 function var,function 不存在块作用域 var, function 声明时会有变量提升,function 变量提升会提到最前面（块作用域定义除外），并且初始化，var 也会提升，但赋值为 undefined

https://kerita.me/08/31/2017/about-destructuring/

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。（来自阮一峰ES6教程）

https://kerita.me/09/24/2017/awards-project/

本周二（19号）彻底完成公司 Awards 项目的需求和需求修改并上线，趁热打铁写下完成项目过程的一些思考。

https://kerita.me/09/20/2017/take-me-to-your-heart/

《带我走》- 苏打绿

https://kerita.me/04/11/2021/this/

this 永远指向一个对象 普通函数this 的指向完全取决于函数调用的位置 箭头函数this 被设置为他被创建时的环境 call,apply,bind call,apply 改变函数调用的 this 指向，立即执行，call 的参数逐个传递，apply 数组形式传递 bind 返回一个函数，并改变它的 this 指向，而且只能改变一次，bind 的参数逐个传递

https://kerita.me/02/20/2018/badminton/

（一篇 2015年的旧文。） 大约十年前，拍还是一副一副的买，球还是一个一个的买，而不像现在，拍一把一把的买，而球一桶一桶的买。也就是差不多那个时候，我拥有自己的第一副羽毛球拍，它打开了我通往羽毛球世界的大门。

https://kerita.me/04/02/2021/travis-error/

起因之前博客配置了 travis-ci 的自动构建，昨晚写完 什么是事件循环 (Event Loop)，push 到 GitHub 就去睡觉了。早上起来看没有构建成功，报了以下错误： 1The command "eval yarn --frozen-lockfile " failed.

https://kerita.me/05/19/2018/pingfan/

2018年3月21日，也就是大概两个月前就想分享打扰一下乐队在演唱会上翻唱的《平凡之路》，因为需要安装 hexo audio 插件，一直拖到今天。想看看能不能直接嵌入网易云的 iframe, 但网易云上依旧没有打扰一下的演唱会版本，所以嵌入腾讯视频 iframe

https://kerita.me/page/5/

Kerita，个人博客，前端开发，随笔，kerita blog，kerita 博客

https://kerita.me/guestbook/

if (window.location.pathname !== '/') { var gitalk = new Gitalk({ clientID: '572cf28212526e25eb20', clientSecret: 'e3ebf600d6ed24da3

https://kerita.me/about/

Email: kerita#qq.com Github: Kerita 微信: Kerita7 (备注来自博客+理由) 知乎: Kerita 微博: Kerita

https://kerita.me/04/13/2021/new/#more

JavaScript 中 new 做了什么我们使用 new 和构造函数产生一个新的对象，那在这个过程 new 做了什么呢？ 生成一个空的对象 obj 将 obj 的原型指向构造函数的 prototype 将 obj 赋值 给上下文 this 将 this 返回 因此，下面代码将打印出 true 和 a