<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Javascript on 不够智能的网志</title><link>https://blog.94smart.com/tags/Javascript/</link><description>Recent content in Javascript on 不够智能的网志</description><generator>Hugo</generator><language>zh-cn</language><lastBuildDate>Thu, 16 Feb 2012 13:40:07 +0000</lastBuildDate><atom:link href="https://blog.94smart.com/tags/Javascript/index.xml" rel="self" type="application/rss+xml"/><item><title>页面制作，不，是前端</title><link>https://blog.94smart.com/posts/2012/02/1567/</link><pubDate>Thu, 16 Feb 2012 13:40:07 +0000</pubDate><guid>https://blog.94smart.com/posts/2012/02/1567/</guid><description>&lt;ul&gt;
&lt;li&gt;多少年过去了，做网站还是得靠页面制作，不管是CSS还是JS，现在还得搞HTML5，只是职位改叫前端了；&lt;/li&gt;
&lt;li&gt;用CSS+JS代码完成针对屏幕尺寸的页面适配叫响应式设计了，前端更成了很多产品的命根子；&lt;/li&gt;
&lt;li&gt;原来以为WAP网页WML、2.0暂时用不着JS了，结果Jquery Mobile之类的来了，说：移动互联网我们也能动起来；&lt;/li&gt;
&lt;li&gt;现在有了PhoneGap和钛，用HTML5+JS就能搞手机应用了；&lt;/li&gt;
&lt;li&gt;现在有Node.js之类的，可以用服务器端运行JS搞些东西了；&lt;/li&gt;
&lt;li&gt;很多时候设计师还是只能望代码兴叹，最后也得逼自己学这学那的；&lt;/li&gt;
&lt;li&gt;Javascript语法成了更有发展的玩意，这不仅讽刺而且夸张，但如果你是技术或设计，不懂一点JS，还真不好意思说自己是做网站的。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;注：本人所在公司正在招移动广告的前端互动设计，懂HTML5和CSS、熟练使用jquery(及mobile)制作动画效果，能为移动版页面做好页面适配就行，有意者可以发邮件到我@gmail的邮箱：94smart。&lt;/p&gt;</description></item><item><title>小试Prototype：为静态文章列表加上标志</title><link>https://blog.94smart.com/posts/2006/07/826/</link><pubDate>Wed, 26 Jul 2006 06:49:59 +0000</pubDate><guid>https://blog.94smart.com/posts/2006/07/826/</guid><description>&lt;p&gt;昨天，用Prototype.js解决了一个以前一直解决不了的问题，即静态文章列表加上New标志。&lt;/p&gt;
&lt;p&gt;工作上一直使用静态的CMS（内容发布系统），好处是发布的内容全部都有静态页面、唯一地址，访问速度也比较稳定，缺点是放弃了动态的效果，比如文章动态链接、列表更新等等，以及今天要说的根据文章发布时间给标题加New标志。&lt;/p&gt;</description></item><item><title>比较郁闷的MM_preloadImages问题</title><link>https://blog.94smart.com/posts/2006/05/738/</link><pubDate>Tue, 23 May 2006 03:56:08 +0000</pubDate><guid>https://blog.94smart.com/posts/2006/05/738/</guid><description>&lt;p&gt;最近工作的过程中发现用Javascript做图片预读取总是出问题：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;做个展开菜单，展开项目的底图总是不能直接显示出来。&lt;/li&gt;
&lt;li&gt;做个缩略图切换，左右切换的时候，新换出来的图片总是不显示，非得使用鼠标右键选显示图片才行&lt;/li&gt;
&lt;li&gt;……&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;代码逻辑应该没问题，所以最后归结到使用的MM_preloadImages()上，不知道为什么好像没起作用，没能在页面显示之前预读取所需图片。&lt;/p&gt;</description></item><item><title>Prototype1.4.0说明文档showLocalLinks例子有问题</title><link>https://blog.94smart.com/posts/2006/04/693/</link><pubDate>Sun, 16 Apr 2006 16:57:13 +0000</pubDate><guid>https://blog.94smart.com/posts/2006/04/693/</guid><description>&lt;p&gt;链接在这里：&lt;a href="http://www.sergiopereira.com/articles/prototype.js.html#EnumeratingArrays"&gt;http://www.sergiopereira.com/articles/prototype.js.html#EnumeratingArrays&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;这个showLocalLinks例子有问题，在哪个浏览器里都显示不出结果。&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;showLocalLinks&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;paragraph&lt;/span&gt;&lt;span class="p"&gt;){&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nx"&gt;paragraph&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;paragraph&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;links&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;$A&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;paragraph&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getElementsByTagName&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;a&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;));&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;//find links that do not start with &amp;#39;http&amp;#39;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;localLinks&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;links&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;findAll&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;link&lt;/span&gt;&lt;span class="p"&gt;){&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;start&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;link&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;href&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;substring&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="mi"&gt;4&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;start&lt;/span&gt; &lt;span class="o"&gt;!=&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;http&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;//now the link texts
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;texts&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;localLinks&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;pluck&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;innerHTML&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;//get them in a single string
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;result&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;texts&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;inspect&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nx"&gt;alert&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;result&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;p&lt;/span&gt; &lt;span class="na"&gt;id&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;someText&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;This &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt; &lt;span class="na"&gt;href&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;http://othersite.com/page.html&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;text&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt; has
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;a &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt; &lt;span class="na"&gt;href&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#localAnchor&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;lot&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt; of
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt; &lt;span class="na"&gt;href&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#otherAnchor&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;links&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;. Some are
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt; &lt;span class="na"&gt;href&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;http://wherever.com/page.html&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;external&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;and some are &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt; &lt;span class="na"&gt;href&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#someAnchor&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;local&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;p&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;input&lt;/span&gt; &lt;span class="na"&gt;type&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;button&lt;/span&gt; &lt;span class="na"&gt;value&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;Find Local Links&amp;#34;&lt;/span&gt; &lt;span class="na"&gt;onclick&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;showLocalLinks(&amp;#39;someText&amp;#39;)&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;这个例子的意思应该是取出段落里面的本地链接，原理是链接开头不是http的就算，但是段落里面使用的#链接形式，无论在IE还是firefox里，都会被解释为带有http的形式，所以这个例子的结果永远都是空。&lt;/p&gt;</description></item><item><title>本地的Wiki记事本：TiddlyWiki</title><link>https://blog.94smart.com/posts/2006/03/656/</link><pubDate>Fri, 17 Mar 2006 06:32:09 +0000</pubDate><guid>https://blog.94smart.com/posts/2006/03/656/</guid><description>&lt;p&gt;&lt;a href="http://www.tiddlywiki.com/"&gt;TiddlyWiki&lt;/a&gt;是一个好玩的Wiki记事本，支持Tag，支持丰富的Wiki语法，还支持搜索，用来做记事本不错。&lt;/p&gt;
&lt;p&gt;它很简单，界面简单、操作简单，文件简单到所有内容只有一个html文件，所以最适合随身携带，想起了以前U盘携带的Wordpress，再带上TiddlyWiki就齐了，hoho~&lt;/p&gt;</description></item><item><title>Google自定义新闻出了，有些东西需要扔掉吗？</title><link>https://blog.94smart.com/posts/2005/03/105/</link><pubDate>Fri, 11 Mar 2005 14:55:04 +0000</pubDate><guid>https://blog.94smart.com/posts/2005/03/105/</guid><description>&lt;p&gt;以前我的习惯，基本是打开lilina.94smart.com和news.94smart.com，接着上Gmail收Google News Alerts，再看看其他人的Blog，基本上一天的信息源已经很多了。 今天凌晨，Google推出了它的第一个个性化服务&amp;ndash;自定义新闻，可能因为流量太大，起初都打不开，下午的时候这个页面终于打开了，自定义关键字的新闻还算符合我的标准。 我想今后的习惯是，打开预设的Google新闻首页，因为添加了足够多的关键字，我基本上已经不需要区别的地方看新闻了。 但是这样也有弊端，我不能把我的Google新闻首页发给别人看，如果是用lilina架的新闻站，我完全可以把地址发给我的朋友，让他们了解我都在注意什么。 不过不管怎么样，我已经决定试着改变我的习惯了，因为Google News对我来说太方便了~&lt;/p&gt;</description></item><item><title>Sogou不知道什么时候出了个“说吧”</title><link>https://blog.94smart.com/posts/2005/03/99/</link><pubDate>Wed, 09 Mar 2005 11:25:42 +0000</pubDate><guid>https://blog.94smart.com/posts/2005/03/99/</guid><description>&lt;p&gt;今天在Sogou找东西，不知道什么时候出了个“说吧”，一个模仿百度的产品，应该还在测试。 &lt;a href="http://s.sogou.com"&gt;&lt;img src="http://s.sogou.com/images/logo_big.gif" alt=""&gt;&lt;/a&gt;&lt;/p&gt;</description></item><item><title>对桌面搜索、硬盘搜索的想法</title><link>https://blog.94smart.com/posts/2005/02/73/</link><pubDate>Fri, 18 Feb 2005 17:06:05 +0000</pubDate><guid>https://blog.94smart.com/posts/2005/02/73/</guid><description>&lt;p&gt;大家都知道Google和MSN的Desktop Search都已经处在Beta阶段了，最近又传出&lt;a href="http://news.chinabyte.com/homepage/219015092686028800/20050217/1911936.shtml"&gt;百度近日将推硬盘搜索 抗衡Google桌面搜索&lt;/a&gt;，说明今年各搜索巨头已经开始争抢硬盘搜索市场了。 Google的桌面搜索用过后觉得还不错，用起来像Google的网页搜索一样方便、快捷。这里还要说明的是，程序会在后台不停的为本机的文件加索引，来提高搜索的正确率，不过硬盘会不停的响，机器速度也会受一定影响。 不过同时我发现了一个细节，搜索页面的地址栏里面有个参数“s=123456789”，这说明Google给每个安装桌面搜索的机器分配了一个独一无二的ID，我的猜想是Google的桌面搜索程序同时收集本机上的文档数据，然后以这个ID发送到Google的搜索服务器上，为Google以后的P2P搜索或者文件搜索提供数据，也许哪天Google就出了一个“电狗”。:-) 另外，Google桌面搜索的隐私条款里面写了“Your computer&amp;rsquo;s content is not made accessible to Google or anyone else without your explicit permission.”，但是总觉得不够安全，也许是我多心了，但是如果哪天你在Google上搜到了自己机器上的文档（或其他文件），请不要太意外，是Google跟你开的小玩笑~ 今天的胡写八写到此为止，下次见~&lt;/p&gt;</description></item><item><title>搜狗的Gmail不好用，2G那么大居然不能放MP3~</title><link>https://blog.94smart.com/posts/2004/12/10/</link><pubDate>Wed, 15 Dec 2004 09:31:34 +0000</pubDate><guid>https://blog.94smart.com/posts/2004/12/10/</guid><description>&lt;p&gt;&lt;img src="http://images.sohu.com/freemail/1117sogou/g_mail.gif" alt=""&gt; Google的Gmail那么早就做了还在测试，Sogou的刚开发出来就面世，问题一定少不了，个人认为Sohu的Gmail有点为时过早，过两天决定试试Sina和网易的Gmail。&lt;/p&gt;</description></item></channel></rss>