可选择可编辑输入的下拉框功能模拟的实现 有时我们需要一个可选的下拉框来选取内容,但是但是又有可以自定义输入的需求。对于这种需求,大部分网站使用的都是一个下拉框和一个 input text ,并列或分行给出选择。那么,我们希望它看上去像一个可以输入也可以选择的下拉框,那该如何做呢? 其实我们可以通过 css position 定位及少许的 javascript 代码,模拟出来这种效果。 下面是志文工作室在一个工作项目需求中实现的相关代码示 前端开发 任侠 2013-08-06 12035 热度 3评论
HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件 HTML5 离线应用的实现少不了这个功能的支持,通过 manifest 文件配置,可以很方便的设置哪些文件可以和不可以被缓存。 加注: applicationCache API 由于问题较多,当前已不再建议使用,该标准也已被废弃。可以使用 service Worker 来代替相关需求的实现。 一. 实现 HTML5 applicationCache 的步骤 一般的操作步骤 新建 manifest 前端开发 任侠 2013-08-02 14693 热度 4评论
那些过目不忘的无线端交互设计 Dribbble上令人惊叹的无线端交互设计! 作者:Dash 作者:Dash 作者:Jeff Broderick 作者:Rally Interactive (via Ben Cline) 作者:Dash 作者:Dash 作者:Peter Had 作者:Jakub Antalík 作者:Rally Interactive (via Ben Cline) 作者:Agence Me (via Barth 前端开发 任侠 2013-08-01 4874 热度 0评论
Web前端开发规范参考 规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证 前端开发 任侠 2013-08-01 4982 热度 0评论
HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理 HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 HTML5 的本地存储,并针对如遍历等常见问题作一些示例说明。 localStorage 是 HTML5 本地存储的 前端开发 任侠 2013-07-27 40126 热度 6评论
Squid2.7 编译安装步骤 1. 下载与编译安装 ###Step 1: export the CFLAGS### export CFLAGS=-O2 ###Step 2: configure the Orign Squid### ./configure --enable-kill-parent-hack --enable-large-cache-files --with-large-files --with-maxfd=34 电脑基础 任侠 2013-07-26 6394 热度 0评论
PHP生成二维码中间加头像小图标的方法 当前 PHP 生成二维码的方法简单流行的有几种(php生成二维码方法及二维码名片的生成格式vcard介绍),但是想在生成的二维码中间添加小图片图标需要怎么办呢?下面志文工作室就该问题进行简要的介绍。 添加小图标的原理其实是利用了二维码的容错性,即使丢失了小图标的那一块也仍然可以识别出二维码信息。那么,我们就可以通过在已经生成的二维码图片的基础上,在其中间写入小图标即可。PHP 相关主要代码参考如下 电脑基础 任侠 2013-07-16 15231 热度 2评论
Paused in debugger: Chrome 浏览器F12调试不断进入中断状态的原因 Paused in debugger: Chrome 浏览器F12调试不断进入中断状态的原因 不知什么时候开始,使用 chrome 浏览器的 F12 键调试页面时,刷新页面即进入 Paused in debugger 状态,不断的中断让人很是恼火。搜索查找了下原因,原来是一个按钮设置惹的祸。 原因就是将 DOMException 的 Pause 按钮选中了,这个按钮在左下角,如图一所示: 参考 h 电脑基础 任侠 2013-07-05 21244 热度 1评论
Node-webkit:使用 Web 技术来编写本地应用 概述 node-webkit 是一个基于 Chromium和 node.js 的 Web 运行环境,可让你直接在 DOM 中调用 Node.js 模块,并可使用任何现有的 Web 技术来编写本地应用。 了解更多 List of apps and companies using node-webkit. 特点 可以完美的支持 HTML5、CSS3、JavaScript 和 WebGL 技术 支持 N 前端开发 任侠 2013-06-29 10683 热度 0评论
tty.js:运行于浏览器上的虚拟终端 概述 tty.js 是一个使用 node 和 socket.io 的虚拟终端。让用户可以通过浏览器连接到 Linux 进行运维操作。 特点 支持 xterm 鼠标事件 支持 256 颜色 完全采用 JavaScript 开发,开放源代码,可以按需修改 支持 http 和 https 两种连接方式 优势 基于 nodejs 网络 IO 的效率不容置疑 可以和 node-webkit 完美组合, 打造 前端开发 任侠 2013-06-28 11623 热度 0评论