标签: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…

XK-Editor - 一个支持富文本和Markdown的编辑器

Otstar Lin
前言 这个项目原本是为了升级 XK-Note 而创造的,后来因为功能的不断完善,逐渐的改成了可复用的组件。XK-Note 原本是使用 Editor.md 的编辑器,使用起来也很不错,但是总有一些不如意的地方,于是便打算自己造个编辑器。 XK-Editor 基于 Vue…

JS生成列表树

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

iframe延迟加载

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