●Web之旅
文章平均质量分 65
独孤文彬
人生的转折从大米时代开始
展开
-
Web之旅第三站——ASP.NET
一、看宏观导图: 二、细节拓展: 静态网页:早期的网页都是使用静态网页的。所谓的静态网页就是在网页中不包含有需要在服务器端执行的代码。比如一个含有 JavaScript 特效的 HTML 网页或一个含有 flash 的 HTML 网页,它们虽然在网页呈现的效果会“动”,甚至还有运行代码,但是都是在客户端执行的代码,因而算不上动态页面。好处:是服务器只需要简单地将网页 HTML 创建并发送给浏览器原创 2015-07-27 15:00:36 · 1427 阅读 · 29 评论 -
Web之旅小结——BS和CS的对比
前言:从第一个Web项目——NMS项目,再到后来的Web系列课程的学习:从HTML、XML、ASP.NET、CSS、JavaScript。总算是对于Web程序的开发有了一个初步的了解。BS的结束,不免让我想起了之前的CS项目小结。BS和CS项目的区别: 发展史: 管理软件的主流技术的三个发展时期:界面技术从DOS字符界面,到Windows图形界面(或图形用户界面GUI),直至今天的Brow原创 2016-03-04 20:03:42 · 3134 阅读 · 12 评论 -
advanced JavaScript Skills ——Require.js(一)
RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like Requir原创 2016-03-22 20:40:32 · 784 阅读 · 17 评论 -
那些被漏掉的JQuery总结(二)——如何给下拉框取值赋值?
jQuery中获得选中select值第一种方式$('#testSelect option:selected').text();//选中的文本$('#testSelect option:selected') .val();//选中的值$("#testSelect ").get(0).selectedIndex;//索引原创 2016-05-17 21:49:20 · 714 阅读 · 19 评论 -
那些被漏掉的JQuery总结(三)——关于前台的数据计算问题
如果你的项目中涉及到计算的话,那么你大概要考虑到如下几个方面的内容:1、数据类型2、是否需要千分位显示?3、四舍五入的问题?4、输入过滤的问题(保证合法性)原创 2016-05-18 22:25:01 · 1362 阅读 · 23 评论 -
那些被漏掉的JQuery总结(一)——Window.Onload和document.ready的对比(补充Page_load)
由于在 $(document).ready() 方法内注册的事件,只要 DOM 就绪就会被执行,因此可能此时元素的关联文件未下载完。例如与图片有关的 html 下载完毕,并且已经解析为 DOM 树了,但很有可能图片还没有加载完毕,所以例如图片的高度和宽度这样的属性此时不一定有效。要解决这个问题,可以使用 Jquery 中另一个关于页面加载的方法 ---load() 方法。 Load() 方法会在元素的 onload 事件中绑定一个处理函数。如果处理函数绑定给 window 对象,则会在所有内容 ( 包括窗口原创 2016-05-12 11:37:16 · 878 阅读 · 15 评论 -
advanced JavaScript Skills ——Require.js(二)
使用Requirejs来提高我们的前台代码质量,从现在开始,在你的项目中,大胆去尝试吧!使用它,你能够。(1)实现js文件的异步加载,避免网页失去响应;(2)管理模块之间的依赖性,便于代码的编写和维护。原创 2016-05-08 22:45:46 · 1360 阅读 · 13 评论 -
那些被漏掉的JQuery总结(五)——函数声明、函数表达式、匿名函数(立即执行、自执行)
由于avascript中没用私有作用域的概念,如果在多人开发的项目上,你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,根据javascript函数作用域链的特性,可以使用这种技术可以模仿一个私有作用域,用匿名函数作为一个“容器”,“容器”内部可以访问外部的变量,而外部环境不能访问“容器”内部的变量,所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突,俗称“匿名包裹器”或“命名空间”。这也就是使用闭包和匿名函数的意义所在了。原创 2016-06-04 09:41:37 · 1118 阅读 · 11 评论 -
那些漏掉的JQuery总结(四)——JQuery设计思想
对于网页开发者来说,学会jQuery是必要的。因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单,比其他库容易学会,但是要全面掌握,却不轻松。因为它涉及到网页开发的方方面面,提供的各种方法和内部变化有上千种之多。初学者常常感到,入门很方便,提高很困难。如何在最短的时间里,掌握jQuery的所有主要方面(除了Ajax和插件)。看完本篇博客,你就心理有数了。原创 2016-05-22 19:27:28 · 1181 阅读 · 26 评论 -
JavaWeb系列(一)——入门篇
何为Web应用程序?指供浏览器访问的程序,通常也简称为web应用。例如有a.html 、b.html…..多个web资源,这多个web资源用于对外提供服务,此时应把这多个web资源放在一个目录中,以组成一个web应用(或web应用程序)一个web应用由多个静态web资源和动态web资源组成,如:html、css、js文件,Jsp文件、java程序、支持jar包、配置文件等等。Web应用开发好后,若想供外界访问,需要把web应用所在目录交给web服务器管理,这个过程称之为虚似目录的映射原创 2016-06-21 23:05:22 · 777 阅读 · 20 评论 -
JavaScript——扩展Date对象,自定义一个dateDiff函数
这段时间在项目中,前台的数据处理过程中,遇到了一个问题。将两个日期进行相加减,找了一圈,API中愣是没找到这个方法。无奈只好用扩展函数的形式来解决问题了。思路:自定义一个DateDiff函数,然后通过property来进行对象扩展。让Date对象拥有这个功能。其实,说白了这是js插件的思想啊!呵呵原创 2016-08-27 10:35:08 · 1416 阅读 · 21 评论 -
Web前端工程化的实践思路(二)——Web前端工程化的基础
1、模块、组件、框架是什么鬼? 原因: 好处: 一般方法:2、模块化: js的模块化: css的模块化: HTML的模块化:3、组件化:4、模块化和组件化的关系:5、小结:原创 2016-09-18 22:57:08 · 673 阅读 · 15 评论 -
Web前端工程化的实践思路(一)——背景介绍
在过去,往往在前端方面,一方面技术限制,二是我们的重视程度不够。这就造成了前端开发的问题。例如: 1、代码维护困难、可重用性低。 2、开发效率低 3、不能有效进行单元测试和代码审查 4、在文件或者代码之间的依赖关系上无法进行有效管理等一些问题的出现。 一个软件项目(工程),不管是前端还是后端,都是项目的一部分。为此,要遵循软件工程的原则,提高生产效率,保证软件的质量。我们必须将工程化的思想进行到底!原创 2016-09-18 22:51:41 · 2888 阅读 · 14 评论 -
JavaScript——调试小技巧之——各种console命令,你get了么?
前不久,看了github上对于2016年最受欢迎的编程开源项目。瞬间惊呆了。JavaScript竟然排名第一!!!好吧,从现在开始,好好对待任何可能提高自己JavaScript编程能力的文章吧。下面开始分享各种纯干货。 1、显示信息: 2、分组显示 3、查看某个对象的信息! 4、占位符的使用 5、跟踪函数执行(逻辑梳理,好帮手) 6、计时功能(性能调优利器)原创 2016-09-26 17:46:26 · 807 阅读 · 23 评论 -
SQL——回头看,原来“事务”在这里!!!
2年过后,实践+工作。层多次遇到和听到事务的概念。不经想起了,当初看的那本sql入门经典。再次翻看。收货巨多!今天来聊聊数据库的事务吧。 所谓不谋全局者不足谋一域,不谋万世者不足某一时。让咱先上一张导图吧。 好吧,是有点看不清的感觉。 下面是思维导图的简易版。一:背景解决数据更新带来的冲突问题。事务四个特性持久性结束时,必须正确保存数据,不管出现什么特殊、意外情况 断电、设备失效…原创 2016-09-27 15:20:46 · 671 阅读 · 26 评论 -
转《别再使用JavaScript框架了》
JS框架看上去就像死亡和纳税,必然发生,无法避免。如果我能变成一只苍蝇趴在墙上,我就能确定每次启动一个新项目的时候,他们讨论的第一个问题肯定是:我们要用哪个JS框架?这种场景反映了当今JS框架的角色在行业里是多么根深蒂固不可动摇。但其实这种形势并非是必需的,而且实际上,这种做法需要制止。让我们先回顾一下我们是怎么一路走来的。Angular 和 Backbone 还有 Ember,我滴个天哪。 长期原创 2016-10-13 22:09:23 · 1225 阅读 · 18 评论 -
java专家之路(四)——Web安全之——Tomcat暴露服务器版本信息
简介:一些黑客会通过该软件暴露出来的信息针对性的入侵,为了服务器的安全这些信息一定要及时关闭。Tomcat在404,405,403等错误的时候,会有默认的错误信息输出到页面上。这个时候,黑客们,根据服务器的版本信息,可以了解到该版本服务器的已知漏洞,发起攻击,造成javaWeb应用的信息安全问题。解决办法:方式1. 去掉默认的版本和引擎信息 参考:http://blog.5...原创 2018-07-29 23:48:54 · 3390 阅读 · 0 评论 -
say hello to react(一)
文章目录引言什么是react?为什么要使用?如何快速使用?有用的资料引言这个系列的文章,并不打算将所有关于react的知识体系在这里做一个粗浅的介绍,而是通过众多实战项目的形式,让你快速对react产生兴趣。假设你已经对es6、webpack等前端基础技术,有了最基本的认知。当然,本篇是一个宏观的介绍。下面进入正题什么是react?一句话简单概括,A JavaScript library ...原创 2018-12-09 21:11:35 · 234 阅读 · 0 评论 -
Ajax实战总结——用原生JavaScript代码封装自己的Ajax核心对象
目前已有了很好的Ajax封装,例如:JQuery框架中的Ajax,那么为什么还要自己封装一下下呢?原因很简单,一是了解人家的封装过程,二是自己熟悉代码,三是更加深刻对Ajax核心对象的理解,以及使用Ajax异步更新的基本原理。体会和传统Web开发的异同原创 2016-02-02 14:52:19 · 4576 阅读 · 13 评论 -
Web之旅第五站--JavaScript
导图简介 主要是从,What,Why,来进行宏观的总结。对于其核心的内容做一个归纳。ECMAScript中的东西,尤其要注意,是基础,相当的重要。DOM操作的理解,直接影响你的开发效率和水平。BOM模块的了解,将让你能自己写出兼容性更好的JavaScript代码。 PS:JavaScript从一开始的出现只出现在客户端的HTML页面做一些简单的验证,到现在发展到能够在服务器端发挥更加强大的功能。尤其是在Node.js环境出来之后,让JavaScript这门解释型的编程语言开始愈加强大!近两年来非常受原创 2016-02-02 08:25:24 · 1055 阅读 · 17 评论 -
Web之旅第一站——HTML
宏观把握细节了解对比小结原创 2015-07-07 10:52:34 · 884 阅读 · 18 评论 -
Web之旅第二站——XML
宏观导图小结:原创 2015-07-07 10:40:41 · 1748 阅读 · 17 评论 -
优化Web性能8个技巧
注:原文转自博客园在互联网盛行的今天,越来越多的在线用户希望得到安全可靠并且快速的访问体验。针对 Web 网页过于膨胀以及第三脚本蚕食流量等问题,Radware 向网站运营人员提出以下改进建议,帮助他们为用户提供最快最优质的访问体验。 1. 管理“页面膨胀” 页面大小与性能有着密切的关系。Radware 最新电商性能“行业现状”报告显示,100 强电商页面大转载 2015-02-13 21:36:14 · 922 阅读 · 15 评论 -
JavaScript——如何构建自己的JS库?
一:为什么要构建JS库? 当然,能够更好的实现以后代码的复用,最终达到高效开发的目的。比如我们所见的比较大型和优秀的库。JQuery、Prototype等……里面包含了很多小而精悍的小函数。使用自己库中这些小函数不但让我们的代码更加简单,而且可读性大大增强。原创 2015-12-14 12:16:24 · 2562 阅读 · 14 评论 -
Web项目的前台兼容性问题——代码规范篇
前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写,对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:<br /><img height="80" alt="网页设计师"src="../images/logo_w3cn_200x80.gif" width="200" />原创 2016-01-15 21:01:00 · 1173 阅读 · 14 评论 -
Error---Access is denied
today,i'am trying to building Myfirst MVC demo on my little PC,luckly the errors were flying to me , but i'am not beat up myself up about it .i'am try to told myself ,A ha ,that's mean : i gona gown up more quiekly! Haha!so,i was so happy to met all the er原创 2015-12-16 16:23:16 · 3896 阅读 · 21 评论 -
Get Started With MVC——Who are you?
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller.The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applicati原创 2015-12-31 13:58:31 · 1793 阅读 · 28 评论 -
Internet资源标识——快看看你认识这三个家伙不!?
URI,统一资源标识符(Uniform resource Identifier)是一个用于标识某一互联网资源名称的字符串。 该种标识允许用户对任何(包括本地和互联网)的资源通过特定的协议进行交互操作。URI由包括确定语法和相关协议的方案所定义。 Web上可用的每种资源 -html-文档、图像、视频片段、程序等 - 由一个通用资源标识符(Uniform Resource Identifier, 简称"URI")进行定位。原创 2016-01-01 10:59:03 · 2239 阅读 · 12 评论 -
JS--构建自己的函数库之——浏览器兼容问题处理(持续构建中……)
在使用JS的过程中,我们往往会头疼于各个浏览器的兼容性问题。究其根本是行业标准不统一的问题,一般来说现在是两大阵营:一个IE,另一个是W3C。IE凭借着和Windows的捆绑从而达到了一个高的市场占有率。事实上很多时候W3C标准下的JS学习相对更加容易些,而且大部分的浏览器,比如:谷歌、火狐等,也是W3C忠实fans。目前为止还没达到统一。那么作为开发人员来说,要开发一个通用性好的Web服务,前台的显示就是一个头等大戏了!自然而然这个兼容性的问题要被提到日程上来了。为此,开始构建自己的JS跨浏览器兼容函数库原创 2015-12-23 11:23:26 · 1057 阅读 · 31 评论 -
Web项目的前台兼容性问题--宏观篇
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。原创 2016-01-11 16:06:18 · 1888 阅读 · 13 评论 -
JavaScript——常见的几类JS问题
背景: 在学习JS的过程中,我想很多同胞应该曾经和鄙人有同样的感受。“咦!怎么TMD效果没出来呢?也没有个提示!到底TM哪里出错了……!” 然后转半天,对源码看半天,哦,原来是这么回事儿……WK!原创 2016-02-02 14:51:26 · 794 阅读 · 8 评论 -
Ajax实例练习--股票动态更新面板
通过Ajax异步请求,每隔一定时间自动从服务器获取数据并对局部页面进行刷新。服务器和客户端的数据通过Json的格式来传输。在服务器端使用stringBuilder类,构造一个Json字符串。返回到客户端后,再转化为JS对象,从而在前台通过 JS代码和CSS样式加DIV布局来处理返回的数据构造出动态的HTML页面并显示给用户。原创 2016-01-29 16:23:10 · 1671 阅读 · 35 评论 -
JQuery——插件的开发和使用(一)
什么是JQuery插件?官网的介绍:A jQuery plugin is simply a new method that we use to extend jQuery’s prototype object. By extending the prototype object you enable all jQuery objects to inherit any methods that you原创 2016-02-12 15:00:35 · 1139 阅读 · 5 评论 -
《JQuery——插件的开发和使用(二)之qTip2 插件的使用》
what is qtip?introducing : qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework.Built from the ground up to be user friendly, yet feature rich, qTip provides you with ton原创 2016-02-12 21:20:18 · 1973 阅读 · 10 评论 -
前端实战——完美解决文本框超出内容用“……”表示,鼠标滑过时显示隐藏内容
在前台的开发过程中我们通常会遇到这样的问题。内容太多,显示不全,若要全部显示出来的话,又觉得太挤得慌。怎么办? 如下图所示(让用户看了就会感觉很不爽!) 那么这个时候需求就有了: 1、要求在你内容在超出文本框的时候,需要用省略替代。 2、还能够使得页面的元素自动适应页面的大小进行变化调整。 (再来一个高级一点的需求。) 3、在你的鼠标滑过的时候,将内容放到一个tooltip中显示出来原创 2016-02-12 23:55:14 · 13496 阅读 · 13 评论 -
Web之旅第四站——CSS(Cascading style Sheet) 层叠样式表
从宏观的角度:What,Why,How,Result对css的所有已内容进行归纳总结。注意点:在布局的时候,两个上下位置关系的DIV之间的距离不能用margin-top 直接加上margin-border,这个时候决定两者之间距离的是两个DIV中margin值最大的那一个。原创 2016-02-01 08:27:08 · 1002 阅读 · 10 评论 -
为什么MVC不是23中设计模式之一?
并没有把MVC提及为一种设计模式,而是把它当做“一组用于构建用户界面的类集合”。在他们看来,它其实是其它三个经典的设计模式的演变:观察者模式(Observer)(Pub/Sub), 策略模式(Strategy)和组合模式(Composite)。根据MVC在框架中的实现不同可能还会用到工厂模式(Factory)和装饰器(Decorator)模式。我在另一本免费的书“JavaScript Design Patterns原创 2016-03-02 11:18:39 · 2243 阅读 · 18 评论 -
从Spring-Boot开始深入理解Spring系列(八)——Spring-Boot处理web开发的跨域问题
什么是跨域?定义跨域失败,成功的效果演示为什么需要跨域?如何跨域?解决方案一:解决方案二:效果展示小结:附:代码下载参考文章:...原创 2019-02-16 08:17:59 · 368 阅读 · 2 评论