Tirion - 博客园

AJAX 请求后使用 JS 打开新标签页被阻止的解决方法

摘要：需求：发起一个 AJAX 请求，根据请求结果来打开一个新页面。问题：AJAX 请求后，使用 window.open() 方法来打开新页面会被浏览器阻止。解决方法：在 AJAX 请求之前，就使用 const newWindow = window.open('about:blank'); 来打开一个阅读全文

posted @ 2018-03-21 14:45 Tirion 阅读(282) 评论(0) 推荐(0)

stylelint 安装配置

摘要： 1、安装 stylelint： npm i stylelint -g npm i stylelint stylelint-config-standard --save-dev 2、在 scripts 里添加 stylelint 应用的目录文件 3、安装 pre-commit npm i pre-co 阅读全文

posted @ 2018-03-12 17:17 Tirion 阅读(806) 评论(0) 推荐(0)

使用 jest 测试 react component 的配置，踩坑。

摘要：首先安装依赖 npm i jest -g npm i jest babel-jest identity-obj-proxy enzyme enzyme-adapter-react-15.4 react-addons-test-utils --save-dev 以上 enzyme-adapter-re 阅读全文

posted @ 2018-03-12 14:24 Tirion 阅读(685) 评论(0) 推荐(0)

互联网媒体类型 MIME Type

摘要：参考：https://zh.wikipedia.org/wiki/%E4%BA%92%E8%81%94%E7%BD%91%E5%AA%92%E4%BD%93%E7%B1%BB%E5%9E%8B 互联网媒体类型是用来给互联网上传输的各种内容进行分类比如 HTML 会使用到 <meta http-eq 阅读全文

posted @ 2018-02-04 17:53 Tirion 阅读(245) 评论(0) 推荐(0)

react-router 父子路由同时要接收 params 的写法

摘要：如代码所示，父路由要接收参数，子路由也要接收参数。这种情况下，子路由就需要写完整的路径：/profile/community/:companyId/:companyName，而不是简写的：community/:companyId/:companyName。完整的路径才能正常匹配，而简写方式会将阅读全文

posted @ 2017-12-12 15:14 Tirion 阅读(372) 评论(0) 推荐(0)

fixed 相对于父容器定位

摘要：当一个元素设置为 fixed 或 absolute，不设置 top, left 则会在原位置，而脱离文档流，别的元素可以存在于它之后。而当使用 fixed 后还想相对于父容器进行定位，或者说在当前位置进行位移，则可以通过设置 margin 值来修改元素的位置。阅读全文

posted @ 2017-10-20 20:02 Tirion 阅读(601) 评论(0) 推荐(0)

react 点击空白处隐藏弹出层

摘要：点击空白处隐藏弹出层的原理是：在 document 上绑定事件来隐藏弹出层，这样点击任何元素的时候都会冒泡到 document 上，都会执行隐藏弹出层的功能。然后我们在不需要隐藏弹出层的元素上阻止冒泡即可。阅读全文

posted @ 2017-09-27 18:16 Tirion 阅读(1526) 评论(0) 推荐(0)

canvas 使用 isPointInPath() 判断鼠标位置是否在绘制的元素上

摘要： canvas 里绘制的图形不是一个实体 DOM，所以要给每个绘制的图形添加事件操作比给 DOM 添加事件要复杂很多。所以，我们需要使用一个 canvas 的 isPointInPath(x, y) 方法，来获取鼠标相对于浏览器的坐标，然后还需要计算出鼠标相对于 canvas 画布的坐标，最后通过阅读全文

posted @ 2017-05-11 10:31 Tirion 阅读(13348) 评论(0) 推荐(2)

JavaScript 缓存基本原理

摘要：主要就是使用了一个 cache 对象来进行数据缓存，通过某种方式（如参数）生成一个独一无二的 key，对应的值就是缓存的值。只要再次传入相同的参数，就从 cache 中进行取值，而不再进行计算阅读全文

posted @ 2017-03-03 17:17 Tirion 阅读(794) 评论(0) 推荐(0)

简单说明 Virtual DOM 为啥快

摘要： Virtual DOM 就是用 JS 的对象来描述 DOM 结构的一个 DOM 树。如：这个 DOM 树会通过算法生成真实的 DOM 插入到页面中。当要修改 DOM 的时候，我们更新 state 的数据后，会得到一个新的 Virtual DOM 树，然后用新的 Virtual DOM 树和老的进阅读全文

posted @ 2017-02-24 11:55 Tirion 阅读(401) 评论(0) 推荐(0)

再看最后一眼青春的星空

灿烂火光就像盛夏的烟火

欢送挣扎万年文明的巅峰

我们啊

将变星辰永远飘在黑暗宇宙

这个男人来自三体

导航

公告