JoyNop

以GitHub用户JoyNop为例子，在你操作的时候要把下面的GitHub用户名JoyNop换成你自己的GitHub用户名：注意事项：在更新自己Fork的代码之前，需要先把自己在本地的更改进行提交。1、检出自己在github上fork的dev分支git lcone git@gitxxx.com:JoyNop/qiye-browser.git cd qiye-browser2、增加qiye-bro

- 阅读全文 -

第一个故事：切换到夜间模式在 WEB 开发中，HTML 负责网页的结构，CSS 负责网页上各个元素的展示样式，JS 则负责网页和用户的交互。想要成为一名优秀的前端工程师，首先要做的就是遵守这三者各司其职的原则，让我们的代码易于维护和扩展。但是，有时候我们常常一不小心就破坏了这个原则。又或者，我们为了实现业务需求，根本不管这个规则。这都会导致我们的代码结构混乱，维护困难。那么下面，我就通过一个例子，

- 阅读全文 -

需求会因人而异，会因文化差异而不同；也会随着时间变化。作为产品设计者，我们应该持续调研需求，对产品进行迭代优化。在做项目做产品的过程中，作为互联网产品设计师的我们，经常会接到来自PM/领导/业务方等等的各种需求。有的时候，哪怕一个小功能、次次次级页面都会争得不可开交。这个时候怎么办呢？到底应该听谁的呢？哪个需求优先级高？哪种呈现方法是更靠谱的呢？今天我们就来聊聊一个非常实用的需求分级方法——KAN

- 阅读全文 -

信息呈现方式越是结构化和精炼，人们就越能更快、更容易地浏览和理解。要让信息能够被快速地浏览，仅仅把它们变得精炼、结构化和不重复还不够，它们还必须遵从图形设计的规则。结构提高了用户浏览长数字的能力数据专用控件提供了更多的结构采用控件分割输入字段固然优化了视觉结构，但这种方式打断了输入的连贯性。对于填写一个长表单来说，使用菜单等控件使用户被迫将手从键盘上移至鼠标，将视线转移至光标位置。这种思维的打断时

- 阅读全文 -

var element = new Image(); Object.defineProperty(element, "id", { get: function () { console.log("debugger start") debugger; }, }); requestAnimationFrame(function chec

- 阅读全文 -