[置顶] 辞旧迎新——年度web开发合辑,新年大放送

本文整理了,工作半年来实践、研究、翻译过的相关web有关的知识,在2012来临之际,与大家分享。祝愿所有的网友和程序员朋友们身体健康,阖家欢乐!


【基本篇】

细说Cache

所有Cache类型的完整介绍,偏重于服务端缓存的讲解与演示


细说Cookies

Cookies的完整介绍,包括实现原理,利弊,偏重服务端使用演示


【前端篇】

JS闭包可被利用的常见场景

展示了JS闭包的几个常见场景,给你带来更简洁更优化的编码方式!


仿新浪微博登录的邮箱地址自动补全功能

如题,这是一个JQuery的小Demo


【提高篇】

使用ASP.NET实现Windows Service定时执行任务

通过Cache过期的回调,来促使asp.net效仿Windows Service完成定时任务执行功能。


浅谈跨网站脚本攻击(XSS)的手段与防范(简析新浪微博XSS攻击事件)

XSS攻击手段和防范的简介以及对asp.net防XSS攻击方式详细介绍。


浅谈人人网以及淘宝网的IM即时通信以及point-to-point通信

没错,来自人人和淘宝IM的最佳实践,他们共同的选择——Comet。B/S模式下当前最成熟的实时交互,很快会被Html5的WebSocket所取代?让我们拭目以待!


Asp.net 构建可扩展的的Comet Web 应用(一)

本文简介Comet技术的实现原理,采用asp.net讲解、演示


Asp.net 构建可扩展的的Comet Web 应用(二)

以一个线上聊天室,展示了comet技术。实现技术asp.net+WCF/websocket


开发自己的Web服务处理程序(以支持Ajax框架异步调用Web服务方法)

ajax大行其道的今天,如果你选择的是微软提供的ajax框架,本文给出了一些使其支持异步方法的实现!


异步调用Web服务方法
讲解web service中调用异步方法


【设计篇】

浅谈简单工作流设计——责任链模式配合策略与命令模式的实现

简单工作流设计,基本实现——可扩展、可配置、开放封闭等,请多多提出宝贵意见。


记住密码"功能的正确设计

CSDN及各大站点密码泄露事件,引发大恐慌,转载了该设计,希望能给你或者你的系统带来好运。


【性能优化篇】

asp.net的10个提升性能或扩展性的秘密(一)

提供一些对于性能优化的Best Practices,来自某外国著名网站CTO。


asp.net的10个提升性能或扩展性的秘密(二)

同上


asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度

提供一种CSS、JS优化方式,包括打包多文件、压缩、缓存等优化操作。


性能优化之页面缓存(以Javascript方式缓存页面部件)

利用script标签hack页面静态片段(header、footer)的优化(缓存)方式,纯粹地客户端缓存,无须再次请求。


快速可扩展的Ajax流代理——提供持续下载跨域数据

Ajax的请求有跨域限制,本文旨在给你提供一个基于流式的、异步的数据下载方式


开发中常见的十种对缓存的错误使用

讲解开发中对缓存十种不当地的使用,特别是来自分布式缓存的一些建议,你值得拥有!


【相关技术篇】

Node.js学习笔记(一)概述

对NodeJS的简单介绍和演示


Node.js应用之静态文件分发器

充分利用NodeJS的I/O无阻塞的优势,让它们来负责传输站点的静态文件是个不错的选择。


Dnode:基于Node.js给浏览器提供异步远程方法调用

一个全新的node的module,提供服务端与客户端双向代理调用,服务端JS开始大行其道,似乎不再遥远!


MySQL with Memcached 简介

开源是个不可忽视的力量,凝聚了全世界开发者的智慧。本文翻译了MySQL与Memcached组合发挥威力。


-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

再次祝大家在新的一年里身体健康,工作顺利,技术突飞猛进!


转载于:https://www.cnblogs.com/wdpp/archive/2012/01/22/2386581.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的拥有置顶功能的 web 页面示例: ```html <!DOCTYPE html> <html> <head> <title>拥有置顶功能的 web 页面</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 10px; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; } .container { margin-top: 50px; padding: 20px; } .top-btn { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 9999; cursor: pointer; } .top-btn:hover { background-color: #333; color: #fff; } </style> <script> window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { document.getElementById("topBtn").style.display = "block"; } else { document.getElementById("topBtn").style.display = "none"; } } function topFunction() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } </script> </head> <body> <header> <h1>拥有置顶功能的 web 页面</h1> </header> <div class="container"> <p>这是一个拥有置顶功能的 web 页面示例。</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac enim nisl. Nullam vel libero ultrices, lobortis diam ac, malesuada elit. Praesent sit amet blandit nibh. Nam et turpis id mi tincidunt vehicula. Pellentesque condimentum interdum lorem, nec mollis eros. Phasellus in metus id sapien lacinia dictum. Sed vel ante ante. Sed ac mi nec mauris luctus efficitur. Suspendisse euismod enim sed purus vehicula, id rhoncus nibh consequat. Praesent in lectus euismod, viverra libero a, tincidunt nibh. Donec ornare vel velit vitae venenatis. Sed malesuada fringilla quam, at consectetur dolor ultricies nec. Sed tempor dui vel nunc vestibulum, vel lobortis velit maximus.</p> <p>Nulla ultrices, quam nec imperdiet ultrices, sapien dui tristique quam, at ultricies ante neque sit amet metus. Vestibulum ac enim in est imperdiet dignissim. Aenean malesuada massa velit, eu hendrerit neque aliquet vel. Integer mattis massa euismod, bibendum quam a, ullamcorper nulla. Nam elementum justo ac dui lobortis, sed euismod odio imperdiet. Sed ac sapien maximus, tempor orci nec, pharetra nunc. Vivamus ultrices ac arcu vel consequat. Sed dictum velit a tellus venenatis, vel viverra mi aliquet. Vestibulum vitae ante quam. Nullam id lorem et libero lobortis eleifend. Nam placerat euismod purus, in fermentum odio eleifend nec. Sed ac iaculis turpis, et suscipit ipsum. Fusce euismod vitae risus vel semper.</p> <p>Nunc sit amet fringilla mauris, non bibendum dolor. Curabitur ac elit vel ligula viverra bibendum eu sed arcu. Sed lobortis, turpis vel lacinia luctus, ex ex pharetra felis, nec faucibus eros dui vel enim. Vivamus lobortis venenatis sapien. Fusce in neque facilisis, vulputate massa vel, aliquam massa. Praesent eget venenatis sem. Integer ac tempor augue. Praesent vestibulum purus eu risus molestie, in ullamcorper nisi euismod. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vel augue id augue finibus tempor a non augue. Sed gravida elit nec faucibus bibendum. Sed sit amet nunc vel magna mattis iaculis.</p> <p>Proin eu lobortis elit, eu congue mauris. Sed arcu magna, tincidunt vel aliquet quis, rhoncus id enim. Quisque et massa in arcu commodo rhoncus. Proin ut mollis nulla, sed tincidunt lectus. Nam id odio vitae odio dictum commodo eu vel nibh. Aliquam tincidunt turpis id elit malesuada, sed malesuada metus euismod. Fusce eget velit luctus, tristique metus nec, viverra velit.</p> <p>Donec at nibh eros. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam vel risus et nisl varius blandit. Aliquam tristique nulla mi, vel sagittis purus bibendum ac. Vestibulum vulputate metus non dolor venenatis, ac lacinia velit posuere. Vestibulum efficitur, tortor at bibendum porttitor, nisl sapien laoreet quam, et varius dui diam ut quam. Maecenas euismod cursus massa. Sed id bibendum lorem, sit amet egestas sapien. Ut euismod augue a lorem elementum lacinia. Donec at arcu ipsum. Mauris eget dolor quam. Vivamus massa nibh, pellentesque ut risus quis, egestas vulputate quam.</p> </div> <button class="top-btn" id="topBtn" onclick="topFunction()">返回顶部</button> </body> </html> ``` 在这个示例中,`<header>`标签用来显示页面的标题,`position: fixed;`和`z-index: 9999;`属性用来将标题固定在页面的顶部,并使其始终显示在其他元素之上。`window.onscroll`事件和`scrollFunction()`函数用来检测页面的滚动距离,并在距离顶部超过 20 像素时显示“返回顶部”按钮。`<button>`标签用来创建“返回顶部”按钮,`display: none;`属性用来默认隐藏按钮,`onclick="topFunction()"`属性用来触发“返回顶部”函数。`<style>`标签用来定义页面的样式,包括标题、容器、文本和按钮的样式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值