https://hessian.cn/cat/program/web-programHessian 的技术笔记：Linux、C++、网络与嵌入式zh-CNhttps://hessian.cn/p/1645.htmlFri, 22 Oct 2021 18:53:23 +0800https://hessian.cn/p/1645.html在进行web开发的时候，我们经常会修改hosts文件进行测试，但是偶尔会发现改了hosts文件并不能立刻生效。这是由于浏览器自身对DNS（域名指向）是有进行缓存的，除了缓存之外，由于HTTP1.1支持连接复用，如果之前打开过这个页面，那么即使清理了DNS缓存也会因为复用连接再继续连接到旧的域名指向地址。如果出现连接被复用的情况就需要手动关闭活跃连接了。 https://hessian.cn/p/1643.htmlFri, 22 Oct 2021 18:49:53 +0800https://hessian.cn/p/1643.html在我们的服务器环境中有不少Nuxt应用，但是项目的配置都有问题，会导致项目部署重启的时候会不可用，提示 502 Bad Gateway。而且启动服务的时候总会有奇怪的错误信息，而真正的错误日志又看不到。 https://hessian.cn/p/1544.htmlTue, 29 Jan 2019 01:57:38 +0800https://hessian.cn/p/1544.html参考文章：https://blog.csdn.net/zhjx922/article/details/7601660 KindEditor本身支持音视频文件的上传，但是对于这些文件的支持是依赖于浏览器控件的，兼容性很差，而且现在比较常见的视频文件MP4也不支持，因此本文提供了对KindEditor进行修改的办法，使其在添加视频后可直接使用CKplayer进行播放。 https://hessian.cn/p/1362.htmlWed, 18 Sep 2013 02:05:43 +0800https://hessian.cn/p/1362.html生成userid的代码在 http/modules/ngx_http_userid_filter_module.c 大概550行左右。 uid_set 是4个uint32构成的，其中比较有用的是第二个unit32，是userid的生成时间。第四个是一个递增值 以 0x03030302 为初始值，每次递增0x100。 https://hessian.cn/p/1328.htmlTue, 23 Jul 2013 22:31:28 +0800https://hessian.cn/p/1328.html1.CPM(Cost Per Mille，或者Cost Per Thousand;Cost Per Impressions) 每千人成本 网上广告收费最科学的办法是按照有多少人看到你的广告来收费。按访问人次收费已经成为网络广告的惯例。CPM(千人成本)指的是广告投放过程中，听到或者看到某广告的每一人平均分担到多少广告成本。传统媒介多采用这种计价方式。在网上广告，CPM取决于“印象”尺度，通常理解为一个人的眼睛在一段固定的时间内注视一个广告的次数。比如说一个广告 横幅的单价是1元/CPM的话，意味着每一千个人次看到这个Ban-ner的话就收1元，如此类推 ，10，000人次访问的主页就是10元。? 至于每CPM的收费究竟是多少，要根据以主页的热门程度(即浏览人数)划分价格等级，采 取固定费率。国际惯例是每CPM收费从5美元至200美元不等。 2.CPC(Cost Per Click;Cost Per Thousand Click-Through) 每点击成本 以每点击一次计费。这样的方法加上点击率限制可以〖WX)〗加强作弊的难度，而且是宣传网站站点的最优方式。但是，此类方法就有不少经营广告的网站觉得不公平，比如，虽然浏览者没有点击，但是他已经看到了广告，对于这些看到广告却没有点击的流量来说，网站成 了白忙活。有很多网站不愿意做这样的广告，据说，是因为传统媒体从来都没有这样干过。 3.CPA(Cost Per Action) 每行动成本? CPA计价方式是指按广告投放实际效果，即按回应的有效问卷或定单来计费，而不限广告投 放量。CPA的计价方式对于网站而言有一定的风险，但若广告投放成功，其收益也比CPM的计 价方式要大得多。 ? 广告主为规避广告费用风险，只有当网络用户点击旗帜广告，链接广告主网页后，才按点击 次数付给广告站点费用。https://hessian.cn/p/1083.htmlThu, 18 Apr 2013 12:54:51 +0800https://hessian.cn/p/1083.html图片轮播 SlideJS SlidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 transitions. Give it a try above and check out the examples to help you get started adding SlidesJS to your project. 官方地址： http://www.slidesjs.com/   图片滚动（Marquee） jCarousel jCarousel是一款 jQuery 插件， 用来控制水平或垂直排列的列表项. 这些项目（可以是静态HTML内容或是Ajax加载内容）内容是可以来回滚动的（可以有动画效果）。 https://hessian.cn/p/1006.htmlWed, 08 Aug 2012 08:55:50 +0800https://hessian.cn/p/1006.htmlTrunk = 主干，包含所有开发代码 Branch = 分支其实是主干的copy（svn copy URL URL）。通常用来添加新功能、修改bug、创建发行版等。 Tag = 标记，通常用来做milestone标记，mark某个版本，比如bugfix前后的版本。 以上3个名词其实是版本管理中都概念，在svn中并没有对应功能实现。branch、tag实际上都是用svn copy实现。https://hessian.cn/p/421.htmlTue, 09 Mar 2010 10:22:00 +0800https://hessian.cn/p/421.htmlsrc: http://www.donews.com/Content/201003/ce107084fcb3466ca88b6a2d1b7fc0c6.shtm 观察家 上周末，一群黑衣人聚集在美国丹佛市某会所内，举行了一场葬礼。葬礼现场烛光摇曳，鲜花环绕，悼词卡片放在逝者的棺材周 围。唯一古怪的是，棺材中的“逝者”没有头，它的头部被一张光盘封套取代———上面的遗容是IE6的徽标。这是一场为IE6浏览器举办的非官方葬礼——尽 管据说微软官方的IE6开发小组也送来了卡片，怀念“那段美好的时光”。 https://hessian.cn/p/506.htmlFri, 05 Dec 2008 10:02:00 +0800https://hessian.cn/p/506.htmlsrc:http://www.ibm.com/developerworks/cn/web/wa-lo-comet/ 周 婷 (zhouting@cn.ibm.com), 软件工程师, IBM 中国软件开发技术实验室 2007 年 8 月 31 日 很 多应用譬如监控、即时通信、即时报价系统都需要将后台发生的变化实时传送到客户端而无须客户端不停地刷新、发送请求。本文首先介绍、比较了常用的“服务器 推”方案，着重介绍了 Comet － 使用 HTTP 长连接、无须浏览器安装插件的两种“服务器推”方案：基于 AJAX 的长轮询方式；基于 iframe 及 htmlfile 的流方式。最后分析了开发 Comet 应用需要注意的一些问题，以及如何借助开源的 Comet 框架－pushlet 构建自己的“服务器推”应用。 https://hessian.cn/p/557.htmlThu, 04 Dec 2008 09:54:00 +0800https://hessian.cn/p/557.html Cherokee 号称是目前最快的 Web 服务器软件，在性能上，甚至比 Nginx 还略胜一筹。与 Apache、Lighttpd、Nginx 等其他同类软件的对比，大家不妨看看这个测试页面。其易用性做得也很不错。 Cherokee 的功能包括支持 FastCGI、SCGI、PHP、CGI、TLS 及 SSL 加密连接，虚拟主机，授权认证，实时编码，载入均衡，与 Apache 兼容的 log 文件等等。 Cherokee 内含一个名为 cherokee-admin 的工具，执行后，允许管理员直接通过浏览器进入 http://localhost:9090/ 对其进行管理和配置。比如，开启或关闭服务器，进行一般选项的设定，配置虚拟服务器、信息源、图标、Mime 类型等项目。 https://hessian.cn/p/326.htmlFri, 20 Jun 2008 21:12:00 +0800https://hessian.cn/p/326.htmlFirebug 1.2 Beta Recommended for Firefox 3. Firebug 1.2 focuses on performance improvements and support for Firefox 3. The 1.2 features are complete and we are actively fixing bugs. Please read the 1.2 release notes before installing. 原来firebug首页1.1beta下载链接已经被去掉了，不知是什么原因，我猜测可能是准备发布正式版本了吧 https://hessian.cn/p/481.htmlThu, 03 Apr 2008 13:42:00 +0800https://hessian.cn/p/481.htmlsrc:http://www.52css.com/article.asp?id=228 首先我们了解到，CSS网页布局的原理，就是按照HTML代码中对象声明的顺序，以流布局的方式来显示它，而流布局就不得不说到float浮动技术， 在HTML中的所有对象，默认分为两种：块元素(block element)、内联元素(inline element)，虽然也存在着可变元素，但只 是随上下文关系确定该元素是块元素或者内联元素。关于块元素和内联元素可以参考这里。 https://hessian.cn/p/644.htmlWed, 02 Apr 2008 03:04:00 +0800https://hessian.cn/p/644.htmlsrc:http://hi.baidu.com/anjingmin/profile IE浏览器对于CSS的支持很不完整，如下代码，在FireFox能够正常显示出背景，但是在IE中却不可以。 HTML: <div class=”titlebody”> <div class=”cqsub”> <div class=”cqsubtitle”>培养方案</div> </div> <div class=”cqsub”> <div class=”cqsubtitle”>学籍指导</div> </div> </div> CSS: .cqsub{ width:50%; float:left; } .titlebody{ background-image:url(‘../img/subb.jpg’); background-repeat:repeat-y; } 由于在cqsub类中使用了float:left;属性，而IE在使用这个属性的时候，如果没有定义上层的高度，在计算的时候会出现错误，导致定义的背景图片不能显示。 解决方法：在.titlebody中添加height:1px;的定义，迫使IE浏览器重新计算其高度，从而正常显示背景。但是此时FireFox中会老老实实地采用高度为1px的定义，这显然有问题的。因此还必须使用CSS Hack方法，添加代码： [xmlns] .titlebody{ height:auto; } 这行代码只能由FireFox解释，对IE6.0及以下版本完全透明，从而达到兼容的目的。 以上代码在FireFox，IE6.0,DreamWeaver8中调试通过。G.K语：…. TNND 个恶心的Internet Explorer 搞得我累死, 弄了一晚上才找到解决办法 实在是郁闷之极 https://hessian.cn/p/316.htmlMon, 21 Jan 2008 17:40:00 +0800https://hessian.cn/p/316.htmlsrc:http://yuntian.cnblogs.com/archive/2006/03/27/359542.html 特意上网搜索了一下，关于div，说法很多。 把div看成是布局元素这种观点我想是最多的，类似有“用div代替table进行布局”、“实战CSS+DIV布局”等等等等，太多了，还有不少 人延用Dreamweaver的定义，称div为层，按Photoshop的层的概念来使用……有朋友干脆就直接称div和span为辅助布局元素。 https://hessian.cn/p/308.htmlSun, 13 Jan 2008 15:12:00 +0800https://hessian.cn/p/308.htmlsrc:http://devlicio.us/blogs/brendantompkins/archive/2007/11/20/getting-firebug-to-work-with-firefox-3-beta-1.aspx Getting FireBug to work with FireFox 3 Beta 1 Just grabbed my copy of FireFox 3 Beta 1 today.. After installation, most of the extensions that I’ve come to rely on aren’t working, which is understandable. One extension, FireBug, is a tool that I simply cannot work without. It’s the best tool I’ve ever found for debugging HTML, CSS, HTTP and JavaScript, bar none. If you’re a web developer working without it, you may find that you’re spending way more time than you have to debugging browser issues. https://hessian.cn/p/404.htmlThu, 22 Nov 2007 00:34:00 +0800https://hessian.cn/p/404.html转自：http://dev.collin.cn/detail/46.html 对于如今的软件开发人员来说，各类五花八门的框架是满天飞，尤其是web开发领域，RoR、Spring、Struts、Zend等等，但要说到CSS框架，知道的人并不多，CSS也有框架吗？有，而且对web开发人员非常有帮助。 https://hessian.cn/p/496.htmlThu, 11 Oct 2007 01:38:00 +0800https://hessian.cn/p/496.html转自:http://jakewljoxygen.spaces.live.com/blog/cns!9b827d074e559d7f!438.entry https://hessian.cn/p/327.htmlThu, 20 Sep 2007 13:50:00 +0800https://hessian.cn/p/327.htmlHTML 的未来，第一部分 http://www.ibm.com/developerworks/cn/xml/x-futhtml1 HTML 的未来，第二部分 http://www.ibm.com/developerworks/cn/xml/x-futhtml2.html Quote 这两期文章介绍了 WHATWG HTML 5 和 W3C XHTML 2.0 的主要特点。这两个计划完全不同：草根组织 WHATWG 希望渐进式地改进 HTML 4 和 XHTML 1.0，而联盟支持的 XHTML 2.0 对 HTML 语言进行了彻底重构。 虽 然不同，这两种方法仍然有可比性。WHATWG 规范的一些初步成果已经在浏览器中实现，WHATWG 的一些工作就是对 HTML 事实扩展的描述。其中一些重要的部分，如 XMLHttpRequest 将进入 W3C 的 Rich Client Activity 规范。WHATWG 在 Web 标准世界中还是有效的催化剂。 把目光放远一些，XHTML 2.0 方法为 Web 提供了全新的词汇表，那时候 XML 的模块化处理、CSS 和 ECMAScript 将很快成为常见的事物。嵌入设备如电话和数字电视没有必要支持杂乱无章的遗留 Web HTML，可以毫无负担地利用纯 XML 词汇表 XHTML 2.0 的优势。此外，可访问性和国际化的新特性使 XHTML 2.0 成为第一个被认为具有通用性的 XML 文档词汇表，从而成为很多基于标记的工作的坚实而经济的基础。 与过去一样，HTML 的未来也是不确定的，有人可能称之为混乱，但是我相信 XHTML 2.0 最终将得到广泛的接受和采纳。如果这是 Web 上惟一的 XML 词汇表，可能会有一些问题，但是因为浏览器准备应付 SVG、XForms 和其他技术，所以 XHTML 2.0 看起来仅仅是另一个基于 XML 的词汇表而已。 https://hessian.cn/p/339.htmlSat, 18 Aug 2007 18:21:00 +0800https://hessian.cn/p/339.html被百度这个 #usrbar 搞得有点郁闷了…. 谁给出个主意? 从数据类型上看 貌似z-index最大也就65535了, 而space.css优先级又比自定义css要高 (space.css载入晚) https://hessian.cn/p/417.htmlSun, 12 Aug 2007 13:01:00 +0800https://hessian.cn/p/417.html转自:http://xinple.org/?p=208          现在浏览器多了，做web页面还是比较痛苦的，当然，如果你不在乎自己做的页面在有些浏览器上面惨不忍睹那也是种不错的心态(至少少了点头痛的机会)，可是你老板或者上司或者你的用户同意吗？-__!          下面我就介绍我知道的hack方法吧。我现在比较常用的，并且感觉用的不动脑子的方法是： #yourId/.yourClass {/*normal*/} * html #yourId/.yourClass {/*IE6 and below*/} *+html #yourId/.yourClass {/*IE7 only*/} @media all and (min-width:0px){ #yourId/.yourClass { /*opera*/ } } 用法：直接写CSS，用firefox作为第一浏览器看效果，然后IE6下不一样，就用* HTML重写那个ID容器或者类；如果IE 7不一样，就用*+HTML重写，如果opera下面不一样，就用@media那个，当然这写重写的需要放在原来的后面。呵呵，就这么简单。这个方法用了之后可能会上瘾，可是会有诸如增加CSS文件容量等不爽，甚至有时候还会出现直接用这个写几段不同的。所以还是建议能熟悉了解个浏览器具体是在什么属性上支持不一样(例如border宽度IE6认为是不能算在width里面的，但是firefox是认为算width一起的)，先尽力写几个浏览器通用的CSS，不到必不得已不用这个hack方法。 原理：firefox认为是CSS语法错误，所以忽略。但是不同IE版本识别不同，不忽略，所以能实现hack，并且*+HTML还能通过W3C验证，呵呵，爽吧。opera那个就不多说了，也是类似原理，但是看起来比较崩溃，要说明的是，firefox下没问题的话，opera基本也没什么问题的，所以不太会用到这个hack。 还需要其他浏览器hack方法？抱歉，我就知道这么多，因为我电脑上只有这么几个浏览器，呵呵，公司要求或者我自己想要把握的用户群够了。          ————————————- 另外就是!important这个方法了(firefox遇到这个优先级就最高，但是IE6不认，所以下面重新定义可以覆盖)，不过这个貌似是以前甚至现在都很多人在用的，但是我个人感觉不是很爽，不能像上面的那样明确的搞定某个浏览器。比如现在IE7对规范CSS支持已经比IE6好了不知道多少，但是还是会有和firefox有的差异，所以用important的方式，控制起来并不像上面的那么一目了然。 https://hessian.cn/p/480.htmlWed, 20 Jun 2007 09:05:00 +0800https://hessian.cn/p/480.html阿特拉斯，希腊神话中的巨神，以肩膀扛顶着天。后代，也引伸有能担负重责大任的人，有人也因之称他为宇宙神。 VeriSign通过它的一个崭新的技术平台—高级交易查询信令系统(ATLAS)来提供服务,ATLAS是一个综合性的处理平台，其设计宗旨是扩展 其Internet的核心基础设施、域名系统(DNS)，支持迅速发展中的通过Internet提供的语音、数据和多媒体服务。通过Solaris 10 OS和Sun Fire x64服务器的采用，ATLAS每天管理着数以百亿计的处理业务，且提供高于99.999％的数据完整性和服务，阻止如“拒绝服务”等来自 Internet的恶意攻击。 https://hessian.cn/p/547.htmlWed, 20 Jun 2007 08:53:00 +0800https://hessian.cn/p/547.html对SESSION的争论好象一直没有停止过，不过幺麽能理解SESSION的人应该占90以上。 但还是讲讲，别嫌老~ 有一些人赞成用SESSION，有一些人不赞成。但这个问题到底要怎么说。不妨听听我的看法https://hessian.cn/p/639.htmlMon, 18 Jun 2007 14:24:00 +0800https://hessian.cn/p/639.htmlCookies，有些人喜欢它们，有些人憎恨它们。但是，很少有人真正知道如何使用它们。现在你可以成为少数人中的成员－可以自傲的Cookie 大师。–> https://hessian.cn/p/459.htmlMon, 14 May 2007 09:15:00 +0800https://hessian.cn/p/459.html看来基本上得到大家的认可，关于分歧的部分和没有讲到的部分我们在深入探讨， CSS的并发连接和服务器负载问题处理，也应该是web标准认识关心的。 到底SEO，IA，交互设计，用户体验算不算是Web标准的范畴，我明确一点 https://hessian.cn/p/498.htmlFri, 11 May 2007 17:24:00 +0800https://hessian.cn/p/498.htmlC/S 与 B/S 区别 Client/Server是建立在局域网的基础上的.Browser/Server是建立在广域网的基础上的. １．硬件环境不同: C/S 一般建立在专用的网络上, 小范围里的网络环境, 局域网之间再通过专门服务器提供连接和数据交换服务. B/S 建立在广域网之上的, 不必是专门的网络硬件环境,例与电话上网, 租用设备. 信息自己管理. 有比C/S更强的适应范围, 一般只要有操作系统和浏览器就行 ２．对安全要求不同 C/S 一般面向相对固定的用户群, 对信息安全的控制能力很强. 一般高度机密的信息系统采用C/S 结构适宜. 可以通过B/S发布部分可公开信息. B/S 建立在广域网之上, 对安全的控制能力相对弱, 面向是不可知的用户群. ３．对程序架构不同 C/S 程序可以更加注重流程, 可以对权限多层次校验, 对系统运行速度可以较少考虑. B/S 对安全以及访问速度的多重的考虑, 建立在需要更加优化的基础之上. 比C/S有更高的要求 B/S结构的程序架构是发展的趋势, 从MS的.Net系列的BizTalk 2000 Exchange 2000等, 全面支持网络的构件搭建的系统. SUN 和IBM推的JavaBean 构件技术等,使 B/S更加成熟. ４．软件重用不同 C/S 程序可以不可避免的整体性考虑, 构件的重用性不如在B/S要求下的构件的重用性好. B/S 对的多重结构,要求构件相对独立的功能. 能够相对较好的重用.就入买来的餐桌可以再利用,而不是做在墙上的石头桌子 ５．系统维护不同 系统维护是软件生存周期中,开销大, ——-重要 C/S 程序由于整体性, 必须整体考察, 处理出现的问题以及系统升级. 升级难. 可能是再做一个全新的系统 B/S 构件组成,方面构件个别的更换,实现系统的无缝升级. 系统维护开销减到最小.用户从网上自己下载安装就可以实现升级. ６．处理问题不同 C/S 程序可以处理用户面固定, 并且在相同区域, 安全要求高需求, 与操作系统相关. 应该都是相同的系统 B/S 建立在广域网上, 面向不同的用户群, 分散地域, 这是C/S无法作到的. 与操作系统平台关系最小. ７．用户接口不同 C/S 多是建立的Window平台上,表现方法有限,对程序员普遍要求较高 B/S 建立在浏览器上, 有更加丰富和生动的表现方式与用户交流. 并且大部分难度减低,减低开发成本. ８．信息流不同 C/S 程序一般是典型的中央集权的机械式处理, 交互性相对低 B/S 信息流向可变化, B-B B-C B-G等信息、流向的变化, 更象交易中心 https://hessian.cn/p/533.htmlWed, 18 Apr 2007 01:59:00 +0800https://hessian.cn/p/533.html五年前，如果不知道 XML，您就是一只无人重视的丑小鸭。十八个月前，Ruby 成了关注的中心，不知道 Ruby 的程序员只能坐冷板凳了。今天，如果想跟上最新的技术时尚，那您的目标就是 Ajax。 https://hessian.cn/p/365.htmlWed, 18 Apr 2007 01:58:00 +0800https://hessian.cn/p/365.html –创建对象(表、视图、存储过程、函数)命令] CREATE TABLE/VIEW/PROCEDURE/FUNCTION –创建表 CREATE TABLE tabTestVB (VbName varchar(10),value numeric(10)) GO CREATE TABLE tabTestVB1 (VbName varchar(10),value1 numeric(10)) GO –插入数据（两种方式） INSERT INTO tabTestVB(VbName,value) SELECT ‘AAA’,123 INSERT INTO tabTestVB1(VbName,value1) SELECT ‘AAA’,456 https://hessian.cn/p/430.htmlWed, 18 Apr 2007 01:42:00 +0800https://hessian.cn/p/430.html<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css菜单演示</title> <style type="text/css"> <!– *{margin:0;padding:0;border:0;} body {    宋体, serif;         ; } https://hessian.cn/p/475.htmlWed, 18 Apr 2007 01:32:00 +0800https://hessian.cn/p/475.html摘要：虽然session机制在web应用程序中被采用已经很长时间了，但是仍然有很多人不清楚session机制的本质，以至不能正确的应用这一 技术。本文将详细讨论session的工作机制并且对在Java web application中应用session机制时常见的问题作出解答。 https://hessian.cn/p/574.htmlSat, 07 Apr 2007 14:45:00 +0800https://hessian.cn/p/574.htmlmeta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中， meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是 description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：https://hessian.cn/p/485.htmlSat, 07 Apr 2007 14:38:00 +0800https://hessian.cn/p/485.html拜读了 LGJ Font Notes 的 Serif VS. Sans Serif 注1 一文，顿时胸中豁然开朗， 终于明白了什么是Sans Serif字体，什么是Serif字体，什么地方应该使用Sans Serif字体， 什么地方又应该使用Serif字体。这些问题，不管是对Web Designer还是普通用户， 了解它我觉得还是十分必要的，比如在很多浏览器中就涉及相应的设置。 Quote: