SF
前端?不要和我谈前端。
前端?不要和我谈前端。
注册登录
关注博客
注册登录
主页
关于
RSS
从插入图片功能的实现来介绍 Draft.js 富文本编辑器
noiron
2019-07-22
阅读 7 分钟
11.8k
在前段时间的工作中,我遇到了一个在桌面端和移动端进行图文混排编辑的需求。虽然如果只需要编辑纯文本和图片,不一定要使用富文本编辑器来实现。但是为了以后方便扩展,比如文本会有样式要求,我还是用 Draft.js 实现了一个功能较基础的富文本编辑器。
Minimax 和 Alpha-beta 剪枝算法简介,以及以此实现的井字棋游戏(Tic-tac-toe)
noiron
2018-03-05
阅读 6 分钟
23.5k
前段时间用 React 写了个2048 游戏来练练手,准备用来回顾下 React 相关的各种技术,以及试验一下新技术。在写这个2048的过程中,我考虑是否可以在其中加入一个 AI 算法来自动进行游戏,于是我找到了这篇文章:2048-AI程序算法分析,文中介绍了 minimax 算法和 alpha-beta 剪枝算法。于是我决定先学习下这两种算法,并以...
不到200行 JavaScript 代码如何实现富文本编辑器
noiron
2017-12-31
阅读 4 分钟
5.1k
前段时间在寻找一些关于富文本编辑器的资料,然后发现了这个名为 Pell 的项目,它是一个所见即所得(WYSIWYG)的文本编辑器,虽然它的功能很简单,但是令人吃惊的是它只有 1kb 大小。而项目最核心的文件 pell.js 只有130行,即使加上其它部分,总的 js 数量也不到200行。这引起了我的兴趣,决定看看它的源码是如何做到这...
塔防游戏中的敌人如何沿路径前进 (JavaScript 实现)
noiron
2017-12-09
阅读 4 分钟
4.5k
本文将要讨论的是第二个问题 path following,给定一条路径,看物体如何沿着它从起点运行至终点。为了方便描述,接下来的内容中,用单词 Boid 来表示行进的物体或塔防中的敌人。
React Router v4 之代码分割:从放弃到入门
noiron
2017-09-30
阅读 6 分钟
9.1k
React Router v4 推出已有六个月了,网络上因版本升级带来的哀嚎仿佛就在半年前。我在使用这个版本的 React Router 时,也遇到了一些问题,比如这里所说的代码分割,所以写了这篇博客作为总结,希望能对他人有所帮助。
利用 socket.io 实现消息实时推送
noiron
2017-09-01
阅读 5 分钟
30.9k
最近在写的项目中存在着社交模块,需要实现这样的一个功能:当发生了用户被点赞、评论、关注等操作时,需要由服务器向用户实时地推送一条消息。最终完成的项目地址为:socket-message-push,这里将介绍一下实现的思路及部分代码。
如何用 html 和 css 画一拳超人
noiron
2017-04-18
阅读 2 分钟
5.4k
不过有哪个动漫中的人物足够简单,能够用几个基本的几何图形就画出来呢?我想到了一个人,于是我决定画一个《一拳超人》中的卤蛋,不对,是秃头披风侠——琦玉老师。
用 React.js 写一个最简单的 To-do List 应用
noiron
2016-06-25
阅读 3 分钟
13.3k
最近在学 React.js,也写了一些练习的项目,之前参考网上的一些代码写了一个很简单的 to-do list。对于初学者来说,写个基本的 to-do list 对于理解 React 中的一些概念及语法倒是挺有帮助的。
开发一个用于屏蔽知乎网内容的Chrome扩展
noiron
2016-03-26
阅读 6 分钟
8.6k
前段时间电影《疯狂动物城》上映了,然后我的知乎首页就被它刷屏了。虽然我对这部电影没有任何意见,但作为一个还没去电影院看过的人来说,每看到相关问题一次都是无情的剧透,于是我毅然屏蔽了“疯狂动物园”这个话题。本以为问题解决了,但是接下来我又被迫看到这个问题:
[译文]用神经网络实现能够自主避让障碍的生物
noiron
2016-03-02
阅读 5 分钟
8.8k
这篇文章是我去年看到的一个很有趣的项目,还试着模仿它的代码写一个类似的项目出来,不过一直没有完成。这里把原作者的一篇相关博客翻译过来,说不定有更多的人对此感兴趣。
利用JavaScript生成一张随机的城市地图
noiron
2016-01-11
阅读 2 分钟
9.1k
zz85在这里用简单的代码就生成了一张随机的城市地图。生成地图与画一棵随机的树十分相似,都是先给出初始的元素,每个元素在满足条件时会生成新的子代,最后由所有的元素共同组成了我们想要的地图或树。
利用JavaScript在canvas中画一棵树
noiron
2016-01-09
阅读 2 分钟
13.2k
在程序中需要两个对象Branch, BranchCollection。Branch中存放当前正在绘制的这一段树枝的信息,BranchCollection中存放的是所有的树枝。
《JavaScript高级程序设计》学习笔记:JavaScript中的事件流和事件处理程序
noiron
2016-01-08
阅读 4 分钟
3.2k
JavaScript和HTML之间的交互是通过事件实现的。 事件:文档或浏览器窗口中发生的一些特定的交互瞬间。 可以使用侦听器(或处理程序来预订事件),以便事件发生时执行相应的代码。 1. 事件流 事件流:从页面中接收事件的顺序。 IE和Netscape开发团队提出了差不多是完全相反的事件流的概念。 IE: 事件冒泡流 Netscape: 事...