|
|
楼主 |
发表于 2015-9-4 13:30:21
|
显示全部楼层
本帖最后由 fengdh 于 2015-9-4 16:32 编辑 ) q4 t4 |( i- `% j9 O& ^ e4 Y7 a( N
& ^5 H# W. t. J8 [" C& g) D
) ?* d0 E4 Q) t J! j/ ? p) Q
已经修改了online demo，加入了对内嵌JavaScript的支持。8 g/ n8 {- x, Y% c3 n
7 \0 O- z5 V+ O9 D( X9 o
关于插件，联系过ChaZD插件的作者，看他能不能加上对MDict的支持。! k1 _* m F4 }. k5 j% G; i+ G
不知道你有没有兴趣一起开发？我想做成这样的
, q7 ^" e9 I) b. ehttp://www.hi-pda.com/forum/viewthread.php?tid=1210672& q. f1 ~4 o' K) R2 \2 `
5 E3 H2 C) G- Y3 K6 \, W) h) Q k, ^5 E
有一点建议，内嵌JavaScript(l.js)中直接用了很多全局变量/函数，对于模块化来说不是很好。建议用匿名函数即刻调用的形式来尽量避免污染全局空间。比如：
$ D1 O c9 O7 s" B9 Y- T6 M5 _
. G+ N, a* j; e, N: }4 M- (function _my_code(window) {( U( X5 i8 z% W4 Y' G6 ]
- function u(c, n) {..}
9 m# {0 C: O) F7 n - ..
+ V' |/ V0 j4 \' E - function w() {..}7 o$ S& J$ q5 V% b6 Q, J
- var F = 0;
1 R) n4 q- M9 n1 s M9 e: A - ' T3 k$ P8 b8 n5 u. O% [
- function i() {
/ I) Y: G. M+ R% J; u# v H - if (!F) {* t+ z" J: Y: W5 w& q6 C
- F = 1;! Z& c# ^& B1 c; Y
- w();4 V$ o3 y& L6 K9 O9 L# q8 _& T
- if (!window.ActiveXObject && window.addEventListener) window.addEventListener("resize", w, false);
& F" H( ]5 v$ |, w# l: { - }
7 V ?( X" n: W: n5 ~- m - }
& M& h" `: i& F% ]: l- M - if (window.addEventListener) window.addEventListener("load", i, false);
. J7 k" O" n4 S - else window.attachEvent("onload", i);& b& }, d4 t- D
-
2 {$ Q' Z. j6 p/ S - }) (this); /* In global scope, "this" is the window object. */. p2 i% N- u" h
0 Z2 C, L6 F8 \& i/ ?
0 V4 p& A( N$ h- D' g: o( C具体到你提供的 l.js, 只在window的onload事件中调用resize处理，以显示选中（或初始A）字母开头的单词项。而在我实现的查词界面只会部分更新单词定义的内容，不会每次重载页面以立即显示A开头的单词列表。无奈我之好延迟发送resize事件。不知道你可否修改的更好一点。
4 ~$ u" J, X M# Q/ t4 h, {4 w8 `1 t5 y' \, n8 X% @, ?0 I
另外，现在JavaScript一般不用 with 语句以免降低程序性能。而大多数浏览器除了 document.getElementByTagName() 之外，还提供了 querySelectorAll()和 querySelector()，使用CSS同样的语法更容易选中特定HTML元素。 |
|
楼主: fengdh
发表于 2015-9-3 15:44:29
1 W; H B# F3 h4 u; }8 x! y+ k6 Y
发表于 2015-10-4 16:49:21
