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

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

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

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

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

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

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

AlloyDesigner 前端开发

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知识点 标签 开发 如何

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过程... 全文

校招 腾讯面试 前端面试

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

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

Web

手机网站——前端开发布局技巧汇总

自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者。WebApp与Native App有何区别呢?Native App:1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。... 全文

Android 浏览器 web开发 webapp

2012 年的 36 个优秀前端开发教程

学习新的开发技术通常是艰巨的和费时的。过去,web开发人员一般会购买书籍或阅读由其他开发人员编写的指南。现在你可以找到很多新的博客文章和教程! 更不用说在YouTube上的所有个性化的教程和类似的视频托管网络。我把这些内容做了汇集,主要关注web技术,如动态横幅、导航菜单、照片幻灯片,和表单输入,还有许多其他的。... 全文

YouTube web开发 幻灯片 文章 照片

为什么设计师应该学习编写代码

通常,在完成了一件网页设计后,设计师的无知都会显露无遗而备受指责。他们把创建网页代码的繁重工作都留给了程序员们。这种现象不只出现在网络开发行业,在软件及游戏开发业也是如此(完整图文版)。残酷的事实就是:开发进度可能会因设计师而停滞不前 。为了追求最佳效率,设计师不仅需要描描画画,还需要能把它做出来!本文中,我想与读者分享一些为什么设计师需要学习编写代码的理由。做现实可行的设计... 全文

产品 前端开发 web开发 游戏 网络 金融

1993年开发首个Adobe Flash应用的两个工程师 如今何在?

Adobe公司于上月宣布Adobe Flash不再支持Android 4.1,它似乎在表明:Flash已死!当然,这还需要时间,在未来数年Flash还将是网络中不可缺少的一部分,如果你认为手机这一块已经没市场了,那么请忙你自己的事情去吧!这并不是一件值得高兴的事情,曾经,Flash真的很火!Flash开启了一股创新浪潮,激励了一个时代的程序员和设计师们,推动Web的发展。Flash的死亡不仅让我们联想起别的问题。Flash的开发者现在在哪?他们仍在写代码吗?或者他们在风景秀丽Tahiti岛小饮Mai Tais威士忌吗?... 全文

Adobe Flash Macromedia 应用 Web 前端开发

利用ZK Ajax框架 高效扩展Web App

本文作者Margarette CrystalWebDeveloperJuice发表文章,详细介绍了ZK Ajax框架作为一个Ajax+ Mobile框架,不但能够让企业操作效率发挥到最大化,同时还能降低开发成本。另外,ZK Ajax框架对于新手来说上手比较容易,更新速度快,还能和Spring或Hibernate整合到一起。虽然也有修改默认的样式表格比较麻烦等缺点,但总体上实用价值比较大,值得使用。(以下是编译内容)ZK Ajax框架是一个Ajax+ Mobile框架,旨在帮助企业操作效率发挥到最大化,同时还能降低开发成本。ZK Ajax框架有一个创新性的Direct RIA Architecture:能够加速Rich Internet Web App的开发、调整、支持和维护进程。因为这一框架允许直接进入编写数据库和企业资源程序,因此,Web开发者无需担心会向用户泄露商业逻辑,更无需担心在网络上会泄露商业数据。... 全文

ZK Ajax 前端开发 框架 Java WebApp

互联网项目开发效率与系统性能的一个取舍问题

问题起源    今天,leader看了我写的代码,提了一个建议。我在写p2p业务系统的时候,数据库底层使用了“关联查询,left-join”,leader觉得这样性能不好。他建议,不使用关联查询,每次都是单表查询,如果需要查询关联数据,增加一次查询,然后再把两次甚至多次的数据合并。即通过程序而不是sql,合并数据。   他的思考逻辑:   他之前在淘宝工作过,web系统对性能要求比较高。Web前端等程序可以使用分布式,量再大,多台应用服务器就可以应付了。而数据库,最多也就是主从结构,很容易成为瓶颈。使用关联查询,比较耗费性能,并且访问量大的时候,不够稳定。   他的观点:数据库的核心作用是,提供存储和查询服务,left join等高级查询不是数据库的强项。如果只是用单表,每次都很快,而且有保障,出错的可能性比关联查询小很多,而且单表查询容易做缓存,建索引。  我的思考逻辑:   我写的程序基本不考虑性能问题,因为我还没有遇到过性能瓶颈问题,可能是我参与的大多数小访问量的业务系统,而非海量普通消费者用户的大型互联网系统。    写程序,最基本的原则是,保证按时交付、质量过关、可读性强、容易维护。   如果自己去合并多次查询的数据,要多写不少Java代码,显然会增加工作量。  取舍  我们正在开发的是p2p系统,如果客户买我们的系统,运营得比较好的话,量也会比较大。为了应对潜在流量大的问题,开发还是需要注意性能。所以,我需要重构代码。这个合并数据的逻辑不难,用node.js写程序的时候,写过。把公共的合并逻辑或者方法,总结下来或写成工具方法,花的时间也可以少点。  一点实际经验  从过去的开发经验来看,我也非常只想写“单表查询的sql语句” ,非常容易写。更关键的是,针对一张表的CRUD操作,用Hibernate和Mybatis等数据库框架,可以很容易实现。多张表的CRUD API很难写。  扩展话题象性能与效率的取舍等问题 ,在我看来都是一个“标准”或者“最佳实践”的问题。我想把这5年多学习Web开发的经验,总结下,比如前端用哪些技术、后端Java用哪些框架、管理代码、打包部署 、备份、网站监测。 为什么想这么做呢?重复的问题,标准话之后,工作会轻松许多。此外,虽然作为一个技术人员,我还是想通过写程序搞点外快的。 如果常见的功能,我都可以很快地实现,那么在相同的条件下,我可以实现更多的系统,只要有一个可以卖出去,比如5万一套,也是非常多的。这些都是我的一点想法,希望有一天可以实现,哪怕只是一小部分。 小雷FansUnion-博学的互联网技术工作者2014年10月30日湖北武汉 ... 全文

互联网 性能 web前端 数据库 淘宝

Jquery EasyUI 开发使用说明书(生产经验)持续更新

                 随着WEB应用的兴起,应用的体验性逐步影响到应用的推广以及技术的可持续性,所以一个兼容多种后台技术的页面技术才是顺应时代发展的技术,所以异步开发框架Jquery EasyUI变成了异步开发的首选前端框架,基于Jquery的技术可以支持后台多种平台,如asp.net,asp.net mvc,java等平台,只要放回json数据即可,所以非常适合融合多种后台数据于一身,来展现多平台数据。                 ... 全文

javascript jquery 前端框架 web应用 easyui

DIV CSS display (block none inline)属性的用法教程

在一般的CSS布局制作时候,我们常常会用到display对应值有block、none、inline这三个值。下面我们来分别来认识和学习什么时候用什么值。这里通过CSS display知识加实例、图演示讲解方法来学习和了解DIV CSS display目录CSS display使用display的值有哪些css display block显示css display none隐藏css display inline 一、CSS display使用     -   TOP 以下为DIV CSS运用dispaly,说明这里dispaly值任意... 全文

前端开发 响应式 web设计 css html

来自Yahoo的轻型CSS框架Pure来加速web开发

雅虎推出了一个名为Pure的CSS框架,这是一系列实用的响应式CSS模块的集合,可以帮助前端开发者节省不少开发时间。Pure的意思是纯的意思。代码是100%使用CSS编写的。开发成员称,Pure不限于特定的JavaScirpt框架,你可以用在任何JavaScript框架、任何Web应用中。前段时间搞了salt-ssh,想给他做个平台页面,自己没这能耐写前端,但又实在不想用bootstrap了。帅哥陈庆给我推荐了pure这个框架,我一看,很简单明了。... 全文

pure salt-ssh bootstrap pure bootstrap python python 前端

Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十四】

  2013年第二期(总第十四期)《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发技术,分享各种增强网站用户体验的 jQuery插件,展示前沿的 HTML5CSS3技术应用,推荐优秀的 网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。HTML5年度盛宴——2012年最经典的10款 HTML5 游戏... 全文

HTML5 JavaScript CSS3

1 2