做网页
文章平均质量分 90
为啥强制昵称
这个作者很懒,什么都没留下…
展开
-
nextjs上的DDD架构
nextjs的同仓开发能带来非常好的领域/限界上下文代码共享能力。再利用好factory和typedef,可以以领域为维度组织起一整套不论是DDD还是ts视角都很合理的架构。原创 2024-03-09 22:47:49 · 1295 阅读 · 0 评论 -
Designing for Touch Screen
原文 地址http://www.whatcreative.co.uk/blog/tips/designing-for-touch-screen/ 终于,这个博客本来是计划在两个礼拜前公布,而从那时起看起来每个设计者都写了同一个话题——因为我们懒而教育我们。然而,我依然决定公布这个文章,为了那些错过了其他好文章的人准备。。。到现在你应该听说过iPad,除非你是山顶洞人!触屏设备出翻译 2012-02-06 13:50:29 · 599 阅读 · 0 评论 -
KML中使用本地js文件模块
GE5.0以上版本的description块中能直接使用html+js+css,GE使用webkit渲染。但是有一个很大的问题。GE为了避免开放本地文件访问带来的危险,直接把的使用封掉了。即使按照官方的设置方法,开放本地文件读取,仍然不能使用本地js。在无网络环境下,这个很扯啊,必须有本地js啊。看网上大神们,直接在各个description里添加完整的js代码,果断不靠谱啊。如果有n个d原创 2013-05-30 22:04:35 · 2332 阅读 · 0 评论 -
JS实现全半角转换和去空格
最近在写开题报告,发现PDF中的文字复制出来会各种凌乱:标点全半角不定、各种空格莫名其妙的多。太影响复制粘贴了。用js写了个解决问题的办法,基本就是用正则表达式替换。为了能方便的加入新标点转换,做了一下结构上的优化。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1原创 2013-12-07 15:03:18 · 3672 阅读 · 0 评论 -
智能标题
小米自带浏览器有个feature很好,下拉时,标题栏会自动隐藏。上拉时,标题栏会显示。我觉得移动设备上这种设计很必要。特别是在看文章的时候,需要很快的让标题消失。当想看小标题的时候上拉出现屏幕中间章节的小标题。遂写了一个demo,很简单。<script type="text/javascript" src="http://ajax.googleapis.com/ajax原创 2013-09-21 22:59:41 · 1331 阅读 · 0 评论 -
拜读seajs
拜读了seajs的源码,对js大神和js的奇妙更加五体投地,记录几点心得:1.为了连续调用,在prototype.function后返回this;2.使用套嵌函数构成闭包;3.把函数完全看做有()运算符的对象,用数组和each构成动态运行函数集;4.对象赋值是传引用;5.充分利用foo||bar 和foo&&bar简化代码。原创 2013-09-11 22:39:59 · 477 阅读 · 0 评论 -
pushlets 不用更改js文件的单播方法
网上pushlets单播的办法需要更改js文件和pushlet.java比较麻烦 而且需要重新打包 下面这个办法只需要使用官方文件 导入jar包即可使用ajax-pushlets-client.js单播过程中一定是有一个针对这个subscriber的请求 每个页面的PL对象中有sessionId成员变量 只需要在给服务器发送请求时 传递相应的sessionId 并使用这个sessionI原创 2012-08-21 10:25:31 · 960 阅读 · 0 评论 -
pushlets 聊天室模型
使用Test类处理上传的数据 并使用pushlets的dispatcher推送消息聊天页面<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort(原创 2012-08-21 11:53:14 · 1751 阅读 · 2 评论 -
html5菜单折纸效果
类似猎豹浏览器安装时的用户须知效果。效果不是那么好,有那个意思,接缝比较大。 fold paper effect by gt #wrapper { -webkit-perspective: 55cm; -webkit-perspective-origin: 50% 50%; text-align: center;}.paper {原创 2012-06-24 13:18:36 · 3162 阅读 · 0 评论 -
js函数数组
网上好像没有,今天用到了记下,应该比eval效率高。var funs=[function one(arg){},function two(arg){},....];声明一个函数数组。用一个全局变量作为index,改变使用的函数,在onstatechange这种地方很好用的。使用的时候很简单:funs[i](inarg);即可。原创 2012-05-18 12:26:18 · 2225 阅读 · 0 评论 -
safari css visual effects guide 之3d transforms
苹果官方的css开发指南 https://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Using2Dand3DTransforms/Using2Dand3DTransforms.html#//apple_ref/doc/uid/TP40翻译 2012-05-17 16:09:13 · 1188 阅读 · 0 评论 -
套嵌的mouse事件的处理
之前遇到c的mouseover会导致p的mouseout,大部分时候,这是非常白痴的触发,而mouseenter只适用于ie,怎么办呢?对于p的mouseout,分析其event的relatedTarget,如果是c的话,就不触发事件处理函数,好吧,可能又犯二了,直接看c的parentNode是不是p就好了。此时要把事件处理函数绑定到c的mouseout上,否则会出现直接从原创 2012-05-07 23:23:25 · 850 阅读 · 0 评论 -
win8必火
windows8在移动设备上必火。metro其实就是网页的div排列,根本没有什么设计理念啦,玄乎其神的什么什么思考啦。网页就是一个个的div,排的整整齐齐的,很好用很好看。windows8也是。所有的需要经常操作的按钮,各种栏都是在右下方,这是人手在的位置。所有无用的项目都是隐藏的,滑动呼出,这是对付小屏幕大信息量的最佳手段。我讨厌微软,但windows8是第一个对触屏有深入思考原创 2012-04-17 13:41:01 · 484 阅读 · 0 评论 -
好的交互
好交互应该像个好的管家,一个相知多年的管家。 精华不是至简,苹果的理念。是熟悉,所谓的简是学习成本基本为零。就像劳斯莱斯的变速器,自动变速器,只有三个档位P D R,没有什么什么模拟手动,运动档。没人需要学习怎样使用这个变速箱,技术把所有的东西都封装起来,这是技术应该做到的事情。手势做的就是零学习成本,让日常习惯延续到电子产品的使用上。 同样,直觉、第一反应所带领出原创 2012-04-21 12:33:25 · 409 阅读 · 0 评论