标签:JavaScript

9 篇文章

浅谈浏览器Event Loop [更新]

Otstar Lin
更新此篇文章的原因是看到一个 JSConf 关于事件循环的演讲,建议有能力的(能上 YouTube)看看这个演讲。 Jake Archibald: 在循环 - JSConf.Asia 什么是 Event Loop? 若你了解过 JavaScript…

MVVM 简单实现

Otstar Lin
什么是 MVVM? MVVM 即 Model-View-ViewModel 的缩写,最早由微软提出,其中的 Model 和 View 想必大家都很清楚了,这就只讲 ViewModel 吧,ViewModel 是 View 和 Model 中的一座桥梁,将 View…

为Vue添加简单的Store

Otstar Lin
前言 没错,我又来水文章了,Vue 的简单 Store 其实比 React 的简单 Store 更早就制作好了并已用在了 XK-Editor@1.3.0 上,只是没有写到博客上而已,这次正好写了 React 的简单 Store,顺便就把 Vue…

为React添加简单的Store

Otstar Lin
前言 前几天打算使用 React 开发一个博客系统,由于有许多数据都是要共用的,比如 Tags,Categories 等,而 React 相比 Vue 会组件嵌套的情况会更严重,如果将数据一个个转发势必会造成代码逻辑过于复杂,耦合度过高,所以,我们需要全局状态管理。React…

为Vuex添加同步Action

Otstar Lin
为什么要添加同步 Action? 在某些操作中,如获取内存中的数据时,需要立即返回对应的值,而 Vuex 的 Action 规定了只能返回一个 Promise,这时,如果我们想获取返回值就需要使用 then 或者 await,代码就会变得不直观,而如果触发 Mutation…

ace编辑器设置惯性滚动

Otstar Lin
上个月我写了 XK Editor 这个项目,使用了 ace 编辑器和 tinymce 编辑器作为基础编辑器,但是当项目进入适配移动端的时候,遇到了一个很头疼的问题,ace…

JS生成列表树

Otstar Lin
上一篇文章我们使用 PHP 的构建简单的目录树,这次由于一个项目的需要(构建标题大纲),需要在前端使用 JS 构建 ul li 的多层次列表,其实就是类似于 ZUI 的树形菜单啦( ̄ ▽  ̄)" 实现原理 首先需要准备一个对象数组,数组中的对象拥有 level 和 title…

iframe延迟加载

Otstar Lin
由于原本的个人主页太丑,于是换了新的,并且准备利用一款 JS 制作 About 页,为了能让主页拥有更快的访问速度,于是便分离 Home 页和 About 页,先前是等页面完成 Load 后加载 iframe,但为了照顾流量党便采用点击后加载的方式。不懂 JS…