可选择可编辑输入的下拉框功能模拟的实现

有时我们需要一个可选的下拉框来选取内容,但是但是又有可以自定义输入的需求。对于这种需求,大部分网站使用的都是一个下拉框和一个 input text ,并列或分行给出选择。那么,我们希望它看上去像一个可以输入也可以选择的下拉框,那该如何做呢? 其实我们可以通过 css position 定位及少许的 javascript 代码,模拟出来这种效果。 下面是志文工作室在一个工作项目需求中实现的相关代码示
可选择可编辑输入的下拉框功能模拟的实现

HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件

HTML5 离线应用的实现少不了这个功能的支持,通过 manifest 文件配置,可以很方便的设置哪些文件可以和不可以被缓存。 加注: applicationCache API 由于问题较多,当前已不再建议使用,该标准也已被废弃。可以使用 service Worker 来代替相关需求的实现。 一. 实现 HTML5 applicationCache 的步骤 一般的操作步骤 新建 manifest
HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件

那些过目不忘的无线端交互设计

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
那些过目不忘的无线端交互设计

Web前端开发规范参考

规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证
Web前端开发规范参考

HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 HTML5 的本地存储,并针对如遍历等常见问题作一些示例说明。 localStorage 是 HTML5 本地存储的
HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理

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
Node-webkit:使用 Web 技术来编写本地应用

tty.js:运行于浏览器上的虚拟终端

概述 tty.js 是一个使用 node 和 socket.io 的虚拟终端。让用户可以通过浏览器连接到 Linux 进行运维操作。 特点 支持 xterm 鼠标事件 支持 256 颜色 完全采用 JavaScript 开发,开放源代码,可以按需修改 支持 http 和 https 两种连接方式 优势 基于 nodejs 网络 IO 的效率不容置疑 可以和 node-webkit 完美组合, 打造
tty.js:运行于浏览器上的虚拟终端

关于chrome浏览器http抓包:chrome://net-internals/

谷歌的 Chrome 浏览器自带了一个功能强大的 HTTP 抓包工具,非常适合调试程序,监控 HTTP 信息交换。该工具使用很方便,在浏览器地址栏输入 chrome://net-internals/#requests 即可进入。 注: 以 chrome://开头的地址直接点击无效,需要在地址栏复制粘贴回车。 示例: chrome://net-internals/#dns chrome://net-
关于chrome浏览器http抓包:chrome://net-internals/

jQuery UI 主要组件使用中文文档参考

jQuery UI 的 Draggable、Resizable、Droppable、Selectable、Sortable、Button、Dialog、Accordion、Tabs、Datepicker、Autocomplete、Progressbar、Slider等组件使用文档参考。 界面主题库 本中文文档基于 jquery-ui-themes-1.8.1.zip 进行解释说明。可以下载主题包j
jQuery UI 主要组件使用中文文档参考