技术改变世界 阅读塑造人生! - shaogx.com

This string was altered by TechBlog\Plugins\Example.; This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some responsive-range viewport sizes to see it in action.

Web开发:什么是前端、什么是后端

        从去年做空间开始,这一年来,一直在提前端和后端这样两个概念,同时,也在小组内推行着技术上的分工,并在开发模式上尝试着创新。在学习了Spring、IBatis之后,对于前端后分工的需求也越来越强烈,所以,岗位的分工也根据开发的分工而开始尝试。       在我们实际的开发过程中,我们当前这样定位前端、后端开发人员。      1)前端开发人员:精通JS,能熟练应用JQuery,懂CSS,能熟练运用这些知识,进行交互效果的开发。      2)后端开发人员:会写Java代码,会写SQL语句,能做简单的数据库设计,会Spring和iBatis,懂一些设计模式等。       现在来看,我们对前后端的要求还是蛮低的,尤其是后端,新员工经过培训之后都是可以参与到后端开发的,没有太高的技术门槛,唯一需要做的就是先变成熟练工种,这个阶段没有涉及到设计模式、架构、效率等一些列问题。... 全文

前端 web开发 web前端开发 web前端 web应用

Web前端架构杂谈:单页面应用和服务器模板系统

单页Web应用程序:单页应用(Single Page Application)越来越受web开发者欢迎,单页应用的体验可以模拟原生应用,一次开发,多端兼容。单页应用并不是一个全新发明的技术,而是随着互联网的发展,满足用户体验的一种综合技术,更大有吹捧者。这种技术近几年随着移动端的大热也渐渐升温,BackBone,Angular等前端框架兴起,结合NodeJs,使得前后端语言同一,前端开发可以兼容后端开发等等,并有替代前几年一统天下的jQuery趋势。jQuery的缺点其实非常明显,臃肿和维护性差。这里推荐一篇文章:http://www.angularjs.cn/A0bz... 全文

web前端 架构 web应用 响应式 前端框架

移动Web前端开发

前言这篇文章就当进入移动web开发的宣誓稿吧,作为移动领域的门外汉,在这段时间的接触后,发现前端开发这潭水愈发的深了!不多言,进入主题。我将从下面几个方面探讨移动web前端开发:分辨率、屏幕、手机浏览器、设计理念、响应式web开发。分辨率手机分辨率比PC分辨率要庞杂得多,各种分辨率有木有?大小差距那么大有木有?这在一定程度上给页面制作带来了不小的麻烦。所以针对这样的因素,必须有充分的考虑。我从两个方面进行思考:... 全文

移动Web 前端开发 设计理念 响应式web开发

Web安全,向“前”看!——读国内第一本Web前端黑客书

很久之前在学技术的时候,一直没把Web端的安全当回事。那时候圈子里流行的还是系统级别的exploit,远程溢出和本地提权很红火。“自动传播”、“拿下系统权限”是当时黑客们的主要目标,那也是网络安全时代最美好的时期。然而进入2000年之后,Web安全开始得到人们的重视。SQL注入首先成为明星,然后一发不可收拾。各种看似坚固的系统和仅开放80端口的服务器在此类攻击下变得异常脆弱。Web安全时代来临了。... 全文

安全 黑客 Web前端

各大网站前端web服务器汇总

测试的有170个网站,结果如下:Apache:36,比例 23% IIS:27,比例 17% nginx:53,比例 34% Other:40,比例 26% 详细:网址                       服务器信息                                          ... 全文

web服务器 前端

迷茫了好一阵决定做WEB前端

     前两个学期其实总是每个学期给自己做一个计划,但是计划都付诸流水,不是自己不坚持,只因为目标太不明确,总是不见成效,前一段时间终于感觉计划还得做,但是不能超过一个月,要把计划做到细致到每一周每一天这样效果才明显,想想自己应该不是多情情愿考研,索性就毕业工作吧,自己对网络还是比较感兴趣,就设定为WEB前端!看看要学习的还真是不少,争取能在下一个暑假去阿里(杭州)当实习生,想想自己差距还是很大的,努力吧,少年!... 全文

web前端 网络

Web前端:11个让你代码整洁的原则(1)

写Web页面就像我们建设房子一样,地基牢固,房子才不会倒。同样的,我们制作Web页面也一样,一个良好的HTML结构是制作一个美丽的网站的开始,同样的,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们做到了这一点吗?我们一起来看一张图片:... 全文

Web前端

新手教程:建立网站的全套流程与详细解释

       你要是Google这个话题,得到的结果八成都是广告——他们都会告诉你,“嘿,我(或某公司)这里可以建网站,傻瓜式的哟,快来投奔我吧!”新手一般都觉得建网站是一件超级复杂的事情,于是很天真很无邪地进了圈套,到最后还乐呵呵帮人数钱。傻瓜式的东西就如它的名字一样,只是为傻瓜准备的,要格外小心。我正式接触计算机在2002年,接触网站建设在2003年,想想时日也不短了,虽然不是什么高手,但还是有一定发言权滴。数月前,鼓动江堂兄从Live Space逃脱、建立了自己的窝,而近日又把自己的网站和“统计之都”网站都搬了家,然后也帮“贝吉塔行星”逃离了那抽风的Live Space,后来有朋友问起关于如何建立个人网站的事情,所以干脆写篇教程,把这建网站的来龙去脉讲清楚。... 全文

网站建设 建站系统 web开发 前端 web前端开发

AlloyDesigner:来自星星的Web前端开发方式

千颂伊,你是否烦透了边量设计稿的尺寸,边写Web页面?是否总在提测之后被设计师缠住做UI走查?”那让【都教授】来教你如何用来自星星的Web前端开发方式吧!用一次,就会爱上一被子!来吧,千颂伊。。。AlloyDesigner介绍... 全文

AlloyDesigner 前端开发

Java Web 项目前端推荐方案 Bootstrap+Sitemesh+Struts2

最近的参与的Java B/S管理系统,前端的的解决方案是:Bootstrap + Sitemesh + Struts2. 效果非常不错。... 全文

Java bootstrap 前端

wordpress建博客的步骤

第一步:http://www.1freehosting.com/申请免费空间,然后在 dot.tk申请一个免费域名。 第二步:下载 wordpress。 第三步: 讲wordprss导入到dot.tk域名中并链接。 第四部:编辑自己的博客。 (1) Joomla + php Joomla!是一套在国外相当知名的内容管理系统。 是使用PHP语言加上MySQL数据库所开发的软件系统, 可以在Linux、 Windows、MacOSX等各种不同的平台上执行。 Joomla实际有两个开源的东西: 1、Joomla内容管理系统即JoomlaCMS(Content Management System, CMS)。 它是网站的一个基础管理平台。几乎适合从个人网站到百货销售 类型的各类网站。 2、Joomla Platform(Joomla框架)。理论上来说它几乎无所不能, 除了网站,还可以进行广泛的web开发、手机应用开发等等 (2) Django + python Django作为一个杰出的Python开源框架(3) PHP、Python 是后台开发语言。                                               感谢基友董波斯的倾力指导,感激不尽!... 全文

web前端开发 前端 建站系统 wordpress 博客

亲历腾讯WEB前端开发三轮面试经历及面试题

【一面】~=110分钟  2014/09/24 11:20  星期三进门静坐30分钟做题。填空题+大题+问答题>>填空题何时接触电脑 何时接触前端运算符 字符串处理        延时 display        position        XMLHttpRequest        正则Jquery绑定事件        cookie>>大题BOM浏览器信息浏览器兼容性举例闭包作用与举例新闻ul列表,插入3个,获取index全文单词首字母大写ajax过程... 全文

校招 腾讯面试 前端面试

使用LWA和Lync模拟外部测试无边缘单前端环境

做完前面的准备工作,我们就可以接入一台用于测试的Lync客户端虚拟机了,因为我们有路由器,所以我们只要VLAN和虚拟网络是和我们路由器环境是一致的,我们就不需要再去配置IP地址等,只需要安装好Lync客户端即可。搭建好后我们首先看下IP地址是否已经自动获取了。然后我们PING一下meet.contoso.com,注意是contoso.com,不是ADDS域contoso.local。然后我们启动Lync客户端输入创建好的Lync用户的凭据。如果正确的话会提示我们将会连接到lfe.contoso.local,而不是lfe.contoso.com,这是因为我们的SIP域与我们的ADDS域不同才会看到这个提示。我们登录后可以简单测试下各种功能,这里我们没有部署企业语音等功能,所以稍显空场。然后我们在右下角shift加右键单击Lync图标,然后查看配置。我们可以看到内外部的配置情况,虽然我们Lync已经设置了外部URL为contoso.com,但为什么我们还是连接到的是contoso.local呢?因为我们只有前端,没有边缘,而这里的URL并非是我们所连接的地址,而是内外部的功能URL地址,比如通讯簿等,而并非实际承载我们的URL,实际承载我们的应该是一台服务器FQDN,而不是一个URL。我们往下滚动就可以看到,我们的连接状态内部是TRUE,表明我们是一个内网用户,但实际上我们确实是在外部登录的。那么Lync是如何去判断我们连接到的是内部还是外部呢?其实很简单,就是通过边缘服务器,如果说承载我们负载的是边缘服务器,那么在配置中的内部状态将是False,反之直接连接到前端的,就一定是内部。另外,在这个环境中,由于我们的ADDS域和SIP域不同,所以我们不得不在外部能够解析到我们的lcontoso.local中的lfe,也就是说Lync前端的FQDN是必须被解析到的,在没有边缘服务器的情况下无论是在内部还是外部都是需要这个A记录的。如果我们没有这个A记录,那么无论我们是手动配置登录地址还是自动配置登录地址,我们始终都无法登录。因为当Lync发现我们没有找到边缘而是找到前端的时候,Lync会判断出我们是内网用户,而内网用户就是可以解析contoso.local域中的所有记录,自然而然就包括了Lync前端服务器的FQDN,在我们的环境中这就是lfe.contoso.local。所以如果我们解析不了这个地址,那么我们仍然可以自动发现到登录服务器地址,提示我们输入密码,但无论我们的密码对错都无法成功登录。我们再来试一下在网页登录,我们两种情况都测试一下,第一种情况是在外部可以解析到lfe.contoso.local,首先我们来开启一个白板,无论在客户端还是浏览器中都可以。然后我们共享桌面,也是没有问题的。接下来,我们在另一台没有安装客户端,并且把lfe.contoso.local的A记录清除,我们再次打开浏览器客户端,我们仍然可以共享桌面和程序,但这时Lync浏览器客户端就会提示我们由于网络问题无法演示白板、投票等内容。我们是无法共享白板的,并且也无法看到他人共享的白板,但是我们仍然可以看到共享的桌面和程序,并且基本的IM功能是可以的。在ADDS域和SIP域不同的情况下,我们必须保证外部至少能够解析到ADDS域前端服务器的FQDN,否则在没有边缘的Lync环境下有些功能是受到限制的。当然,有很多功能也是可以在浏览器客户端中使用的,包括音视频、IM、桌面、程序共享等功能都是可以直接使用的。但最好是我们还是能够统一SIP域和ADDS域,这样可以在不提高成本和复杂度的前提下更好的使用Lync,当然这里所说的是无边缘的环境,如果有边缘的话就不需要一定SIP域和ADDS域一致了。今天的内容就到这里,感谢大家的支持,有任何问题欢迎随时指出,由于我的环境有限,可能测试并不是很周全,如果有朋友能够做一个详细周全的测试,那就更好了。本文出自 “Reinember” 博客,请务必保留此出处http://reinember.blog.51cto.com/2919431/1151438... 全文

Lync Lync Web App 边缘服务器 前端服务器 外部访问

Web前端开发的体会十日谈(1)

一直想写这篇“十日谈”,聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要。... 全文

Web

在IT企业激烈竞争下 WEB前端页面如何提速(1)

记得面试现在这份工作的时候,一位领导语重心长地谈道——当今的世界是互联网的世界,IT企业之间的竞争是很激烈的,如果一个网页的加载和显示速度,相比别人的站点页面有那么0.1秒的提升,那也是很大的一个成就。然后我不知道怎么写下去了,就在群里问了那群狗头军师,结果是这样的。。。好的,是时候“语锋一转”切回主题了 —— 如何提升我们站点页面的访问速度、减少等待时间,从而最大化地提升用户访问体验呢?针对这个问题,我们今天会从前端的角度来提出系列解决方案,它们都能有效地提升你页面的访问速度。一. 减少对服务器的文件请求... 全文

WEB

web前端开发几个知识点

1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。document.documentElement     返回文档的根节点<html> document.body     <body> document.activeElement 返回当前文档中被击活的标签节点(ie) event.fromElement        返回鼠标移出的源节点(ie) event.toElement       返回鼠标移入的源节点(ie) event.srcElement     返回激活事件的源节点(ie) event.target         返回激活事件的源节点(firefox) 当前对象为node 返回父节点:node.parentNode, node.parendElement, 返回所有子节点:node.childNodes(包含文本节点及标签节点),node.children 返回第一个子节点:node.firstChild 返回最后一个子节点: node.lastChild 返回同属上一个子节点:node.nextSibling 返回同属下一个子节点:node.previousSibling parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持 ,所以大家只要记得有parentElement和children就行了 2、DOM操作——怎样添加、移除、移动、复制、创建和查找节点。(1)创建新节点      createDocumentFragment()    //创建一个DOM片段      createElement()   //创建一个具体的元素      createTextNode()   //创建一个文本节点(2)添加、移除、替换、插入      appendChild()      removeChild()      replaceChild()      insertBefore()(3)查找      getElementsByTagName()    //通过标签名称      getElementsByName()    //通过元素的Name属性的值      getElementById()    //通过元素Id,唯一性3、事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。  IE 5.5: div -> body -> document  IE 6.0: div -> body -> html -> document  Mozilla 1.0: div -> body -> html -> document -> window(2)捕获型事件(event capturing):事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定)。(3)DOM事件流:同时支持两种事件模型:捕获型事件和冒泡型事件,但是,捕获型事件先发生。两种事件流会触及DOM中的所有对象,从document对象开始,也在document对象结束。  DOM事件模型最独特的性质是,文本节点也触发事件(在IE中不会)。4、XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。XMLHttpRequest 对象提供了在网页加载后与服务器进行通信的方法。<script type="text/javascript">    varxmlhttp;    functionloadXMLDoc(url){        xmlhttp=null;        if(window.XMLHttpRequest){    //code for all new browsers            xmlhttp=newXMLHttpRequest();        }elseif(window.ActiveXObject){    //code for IE5 and IE6            xmlhttp=newActiveXObject("Microsoft.XMLHTTP");        }        if(xmlhttp!=null){            xmlhttp.onreadystatechange=state_Change;               xmlhttp.open("GET",url,true);            xmlhttp.send(null);        }else{            alert("Your browser does not support XMLHTTP.");        }}functionstate_Change(){    if(xmlhttp.readyState==4){    //4 = "loaded"        if(xmlhttp.status==200){    //200 = OK            //...our code here...        }else{            alert("Problem retrieving XML data");        }    }}</script>5、严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现。对于HTML 4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。6、盒模型——外边距、内边距和边框之间的关系,IE 8以下版本的浏览器中的盒模型有什么不同。一个元素盒模型的层次从内到外分别为:内边距、边框和外边距IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框7、块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。块级元素,用CSS中的display:inline;属性则变为行内元素行内元素,用CSS中的display:block;属性则变为块级元素影响:周围元素显示在同一行或换行显示,根据具体情况调整样式8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。需要浮动的元素可使用CSS中float属性来定义元素的浮动位置,left:往左浮动,right:往右浮动浮动元素引起的问题:(1)父元素的高度无法被撑开,影响与父元素同级的元素(2)与浮动元素同级的非浮动元素会跟随其后(3)若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显示的结构解决方法:使用CSS中的clear:both;属性来清除元素的浮动可解决2、3问题,对于问题1,添加如下样式,给父元素添加clearfix样式:.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix{display: inline-block;}  /* for IE/Mac */9、HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。主要区别:     XHTML 元素必须被正确地嵌套     XHTML 元素必须被关闭,空标签也必须被关闭,如 <br> 必须写成 <br />     XHTML 标签名必须用小写字母     XHTML 文档必须拥有根元素     XHTML 文档要求给所有属性赋一个值     XHTML 要求所有的属性必须用引号""括起来     XHTML 文档需要把所有 < 、>、& 等特殊符号用编码表示     XHTML 文档不要在注释内容中使“--”     XHTML 图片必须有说明文字     XHTML 文档中用id属性代替name属性详细了解:HTML与XHTML的区别10、JSON——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON建构于两种结构:“名称/值”对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组 (associative array)。 值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。... 全文

web知识点 标签 开发 如何

Microsoft Office Sharepoint Server 应用积累 (5) 多WEB前端的服务器配置

在MOSS迁移完成后,其使用情况趋于稳定,但是仍有部分分支机构访问MOSS时使用原有的地址和方式,并且通过VPN与总部链接,网站的响应速度不理想,遂决定在一个分支机构以放置一个web前端的方式来加快访问速度。 理论上讲,就是在分支机构安装一个web前端,启用需要的服务,然后MOSS会自动处理访问流量,但实际上,还是或多或少的会有一些问题存在。例如以下几个。 问题1:部署好web前端,配置向导无法运行成功。本来装好MOSS WEB前端,打好WSS的SP2补丁(主MOSS服务器未打MOSS SP2),MOSS的版本就已经一致了,没想到在运行配置向导的时候却一直卡在【正在给sharepoint升级】这一步,滚动条楞是滚了1天没停,检查事件查看器发现如下错误:原来是新加的这台web前端的服务器没有后台数据库的登录权限,如此简单,把该计算机名加入SQL Server的登录名中即可解决问题。然后重新运行配置向导,配置成功。然后,问题又出现了。 问题2:新WEB前端 【Windows SharePoint Services Web 应用程序】服务处于正在启动状态,而无法启动 关键的前端服务启动不了,那就不叫前端了,GOOGLE一番,在winos上找到解决方案:http://bbs.winos.cn/thread-24215-1-1.html运行配置向导,选择断开与此服务器场的链接,运行一遍向导。然后重新再运行配置向导,重新与数据库服务器进行连接,配置向导完成后,WEB前端服务启动了。然后我停止了该前端的传入电子邮件设置,发现了问题3 问题3:Windows SharePoint Services 搜索 无法停止打开事件查看器一看,好家伙,一堆报错,但似乎又都是一个错误。 在MS里找到一个补丁,专治此症。http://support.microsoft.com/kb/946517/zh-cn请考虑如下情形。 您必须有多个线程的进程。 此外,该过程使用 Internet Information Services (IIS) Active Directory Service Interfaces (ADSI) 提供程序来访问 IIS。 两个线程同时访问 IIS。 在这的种情况下可能无法通过使用服务器管理器管理 IIS。 当出现此问题时则必须重新启动 IIS,或者您必须重新启动使用 IIS ADSI 提供程序的进程。 此问题可能发生 SharePoint 定时服务 (OWSTimer.exe) 在 Microsoft Office SharePoint Server 中的是 2007。 当 SharePoint 定时服务出现此问题,时您可能会遇到以下症状: SharePoint Server 2007 中无法运行计划的任务。 SharePoint Web 前端服务器上您可以看到在事件查看器中应用程序日志中的重复的错误。 这些错误通常包含以下三个事件之一: 事件 ID 6398 事件 ID 6482 事件 ID 7076打上补丁,重启后问题算是解决了,不过此WEB前端由于不需要其他服务,所以服务里只保留了一个WEB应用程序。 PS:由于多服务器的部署,拓扑环境的改变,造成服务器相关设置也需要改变,例如如果和报表整合,那使用的web服务标识将不能使用内置帐户,而需要使用有相关权限的域用户。(在Windows server 2008多服务器环境下)本文出自 “激情因梦想而存在” 博客,转载请与作者联系!... 全文

Microsoft 服务器 Sharepoint Office WEB

使用 RequireJS 优化 Web 应用前端

window.location.href='http://www.ibm.com/developerworks/cn/web/1209_shiwei_requirejs/?cmp=dwnpr&cpb=dw&ct=dwcon&cr=cn_51CTO_dl&ccy=cn';【责任编辑:箫韵 TEL:(010)68476606】原文:使用 RequireJS 优化 Web 应用前端返回开发首页... 全文

IBMdw

Web前端调试工具——神奇的Console

 前言     先上图:不知道有多少人发现,在浏览器开发工具的“Console”上的百度首页的关于百度招聘的信息:       今天要给大家介绍的就是是Web前端调试工具中的Console面板,应该说只要是个浏览器就会有的开发者工具,按F12出现的即是,就是我们上面图片上显示的Console,我这以谷歌浏览器为例进行下基本的讲解。 Console探险    今天我们重点要学的是开发者工具中的"Console",在介绍Console之前,我们先将其它的几个面板介绍下:    Element:主要是用来调试网页中的html标签代码和css样式代码... 全文

1 2 3