标签归档javascript

javascript

不要再把 script 标签放 body 末尾了

Chris Yue 4 comments

作为一个前端工程师,你是不是经常听到,或者自己也认同一种说法,『为了加快页面的加载,script 标签得放在 body 标签的结尾处』。不知道大家是否真的有去搞明白这个说法的由来是什么,script 放在 body 结尾处就一定会加快页面的加载速度呢?

Promise/A+ 到底应该怎么用

Chris Yue No Comments

也许是太久没有关注 Javascript,直到最近发现很多地方都出现 Promise(/A+) 这个词,才意识到我似乎错过了什么。不仅是 Javascript,连 PHP 的 Guzzle 库都有 Promise。

数据视图双向绑定(纯 JS 利用 Object.defineProperty 实现)

Chris Yue No Comments

上一篇文章里介绍了使用 jQuery 的事件来实现数据视图双向绑定,并且提到 Object.defineProperty。这篇文章专门详解如何用 Object.defineProperty 方法同样实现数据视图双向绑定的功能。

数据视图双向绑定(jQuery 实现)

Chris Yue 2 comments

最近在做一个购物车相关的项目,前端开发的需求无非就是点货物数量两边的『加号』和『减号』,或者直接修改购物车数量里的数字(文本框),可以实时改变购物车总金额数量的显示,以及加减号可点状态的变化(到数量 1 就不能再点减号,到库存最大数就不能再点加号……)。当然,这里面还涉及到很多复杂的逻辑,比如购物车里删除单品,跨境商品和普通商品必须分开结账等……

网页浏览相关 window/document 事件

Chris Yue No Comments

在 DOM 的世界里有很多很多的事件,有些因为极易被感知,大家都比较熟悉,比如说 click 事件,而有些因为事件作用对象相对抽象,或者触发的时机并不是那么好描述,关注的人就比较少了,比如 window 和 document 两个对象里大量的页面浏览相关事件。

使用 Symfony Asset 组件管理你的 CSS Javascript 和图片文件

Chris Yue No Comments

之所以想介绍 Symfony Asset 组件,是因为我估计这个组件是 Symfony 组件包里可能最容易被轻视的组件之一了。我之前就从来没有正眼看过相关的文档,也从来没用过相关功能,直到最近公司网站要做 CDN 加速的时候,才想起来有这么一个东西。

用于弱视视力恢复的书签栏小工具——Busy Eye

Chris Yue No Comments

简介

这是一个用于给单眼弱视眼做康复训练的 JS 脚本。将此脚本加入浏览器的书签工具栏后,浏览网页时只需一点,就可以把正在浏览的网页变成一个弱视训练仪,解决了一般弱视训练内容枯燥无聊,又不能干点别的需要用眼的事儿的问题。

Achievement Unlocked: Your program can solve 8-puzzle

Chris Yue 2 comments

这是我在上完 ai-class 第一单元后做的一个小程序,理论上解决任何情况的 8-puzzle/15-puzzle 问题(最少步骤),当然实际情况是,如果情况太复杂,会让浏览器卡住。

我不知道是不是因为使用了 BFS,导致需要记忆的状态太多导致的。我会继续寻找更高效的算法。

点此跳转 8-puzzle 页面,点击 shuffle 打乱图样,点击 solve 解决图样,当然自己打乱或者打乱后自己玩也行

经本人亲测 firefox7/chromium16/ie8 均可运行,其他的浏览器应该没问题。

2018-03-20 补充:后来在整理 github 仓库的时候发现除了 8-puzzle 我居然还做了青蛙过河……回过头在看过去写过的代码……不得不说,当年的骚年走位还是很风骚的。

2019年七月
« 6月  
1234567
891011121314
15161718192021
22232425262728
293031