Attack on Life ⚔️

Personal blog

发表于 更新于 本文字数： 553 阅读时长 ≈ 1 分钟
本文是作者对JS中的==运算符的介绍，包括JS中的==运算符的优势、实现细节、相关资料等，这些步骤可以帮助作者提高JS中的==运算符的效率。

最近看到一道题，如何声明a，从而确保a ==1 && a== 2 && a==3返回true，额，虽然一眼就可以看出a需要声明为一个对象，但是却不清楚应该使用什么方法属性了，由此暴露对于JS的==运算符带来的自动类型转换还是印象不深刻，于是重新学习下。

==的隐式类型转换

如果类型不同，需要考虑基本类型和对象类型

  • 基本类型
    • 数字与字符串，字符串会转换为数字
    • 数字与布尔，布尔会转换为数字
  • 对象类型
    • 如果其中一个是对象，则会调用对象的valueOf和toString方法来尝试转化为基本类型值

当然，如果是===严格相等，不存在类型转换问题。

阅读全文 »

发表于 更新于 本文字数： 909 阅读时长 ≈ 2 分钟
本文介绍了解CDN，包括使用场景、实现细节等，以提高了解CDN的效率。

WEB为了性能，可以上CDN，但是你真的了解CDN吗，这里梳理下原理，强化理解。

概念

内容分发网络（英语：Content Delivery Network或Content Distribution Network，缩写：CDN）是指一种透过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。

以上摘自WIKI，作为基本概念了解，接下来理解下CDN的实现原理

原理

阅读全文 »

发表于 更新于 本文字数： 265 阅读时长 ≈ 1 分钟
本文是作者对v8-debug安装的介绍，包括v8-debug安装的优势、实现细节、相关资料等，这些步骤可以帮助作者提高v8-debug安装的效率。

想要深入理解JS，就需要了解v8，通过v8-debug方便去理解字节码，JS优化等等。这里记录下v8-debug的安装

安装

网上有提到brew install v8，但安装后发现没有–print-ast选项，原因不明，因此不建议

  1. npm install jsvu -g

  2. jsvu运行，选择V8 debug即可安装OK，安装后如果重新执行jsvu，则会更新已安装v8

  3. bash或者zsh配置如下

    • export PATH=”${HOME}/.jsvu:${PATH}”

    • alias d8=’v8-debug’

      别名配置主要为了方便使用

发表于 更新于 本文字数： 718 阅读时长 ≈ 1 分钟
本文是作者对Chrome拓展程序开发之Jira Tool的介绍，包括Chrome拓展程序开发之Jira Tool的优势、实现细节、相关资料等，这些步骤可以帮助作者提高Chrome拓展程序开发之Jira Tool的效率。

JIRA作为我们团队的项目管理工具是工具链中的一环。平时站会每个人也是基于JIRA上的看板来陈述自己做的事情及遇到的问题，但JIRA还是有体验差的地方，比如说Kanban board中的Quick Filters，不支持单选，每次选择都是叠加，这点并不利于我们去快速切换不同filter下的card。

烦不胜烦，借着节假日，我就索性利用Chrome extension来解决下。

解决问题

quick filters实现单选

效果

阅读全文 »

发表于 更新于 本文字数： 735 阅读时长 ≈ 1 分钟
本文介绍关于前端工作流之脚手架，包括使用场景、实现细节等，以提高关于前端工作流之脚手架的效率。

本着DRY，本着生产力，前端基础设施有很多事情可以做。UI组件库，自定义ESLintRule，ESLint配置共享，CI配置共享等，这些机制可以一定程度的提升前端工作效率，但还有一个环节需要优化。 工作中本身并不单单只有一个项目，每个项目如果都开始从配置，实际上效率会很低。 为此业界有了很多的脚手架，比如creat-react-app，jhipster，但是第三方的往往要么过于简单，要么臃肿，根据自己实际需求打造脚手架才更为顺手。于是yeoman就派上用场了。

yeoman干嘛的？THE WEB’S SCAFFOLDING TOOL FOR MODERN WEBAPPS。

没错，要的就是它，开搞。

配置步骤

  1. 创建生成器项目，比如这里叫generator-react-web,注意前缀固定为generator-
  2. 创建模版项目，比如这里我只创建一个react-web-template
  3. 生成器项目配置，主要支持用户选择配置选项
  4. npm link映射本地模块，方便测试
  5. OK后进行包发布，比如这里我是用NPM公共源发布
  6. 成功后，即可开心开启新项目了 
    1
    2
    3
    $ npm install -g generator-react-web.
    $ npm install -g @stacker/generator-react-web
    $ yo @stacker/react-web
阅读全文 »
0%