网站前端第12页

java企业站源码响应式兼容手机平板PC 主流SSM框架 freemaker 静态引擎

支持三套模版，可以在后台切换系统介绍：1.网站后台采用主流的SSM框架jspJSTL，网站后台采用freemaker静态化模版引擎生成html2.因为是生成的html，所以访问速度快，轻便，对服务器负担小3.网站前端采用主流的响应式布局

guoguobaobao·2017-07-28 10:52

Java视频篇第二阶段-JavaWeb阶段

1、周期与目标：学习周期：33天学完后目标：可以仿制任何网站前端页面，解决网页浏览器兼容性问题，解决PC端和移动端兼容性问题；使用前端脚本进行相关网页功能特效编写，使用JavaWeb核心技术轻松写出任何网站功能模块

Alvenhao·2017-07-11 15:34

网站前端性能测试报告

内下内容选自《小强软件测试疯狂讲义》一书1.测试目的通过主要功能页面的前端性能测试，从前端分析引起页面响应缓慢的原因，并根据优化建议对其进行优化，提升前端性能，从而达到提升系统整体性能的目的。2.测试范围主要对用户常用的页面进行测试，至少包括：首页、各分类页、搜索结果页等，此处我们只以首页为例进行测试和分析。3.测试方法利用YSlow、PageSpeed等工具进行测试，因该网站是第三方的并不是我们

小强测试·2017-06-09 09:43

java自适应响应式企业网站源码 SSM 生成静态化手机平板 PC

可以在后台切换点击：获取地址系统介绍：1.网站后台采用主流的SSM框架jspJSTL，网站后台采用freemaker静态化模版引擎生成html2.因为是生成的html，所以访问速度快，轻便，对服务器负担小3.网站前端采用主流的响应式布局

cnemsg·2017-05-13 09:17

java自适应响应式企业网站源码 SSM freemaker生成静态化手机平板 PC springmvc

支持两套模版，可以在后台切换系统介绍：1.网站后台采用主流的SSM框架jspJSTL，网站后台采用freemaker静态化模版引擎生成html2.因为是生成的html，所以访问速度快，轻便，对服务器负担小3.网站前端采用主流的响应式布局

ncritdc·2017-04-23 12:00

关于“PHP是世界上最好的编程语言”的几个段子

我相信你给不出确切的答案，因为每一种编程语言都有它自己的特点，都能找到自己的领域归宿，这就好比Python常用于写脚本或者爬虫而不是网站前端一样，当然django也是一个很好地后端框架。

自由职客·2017-04-07 17:14

网站前端_EasyUI.基础入门.0009.使用EasyUI Layout组件的最佳姿势?

1.基础布局姓名年龄性别 2.全屏布局或 w

运维开发·2017-02-18 19:05

网站前端_EasyUI.基础入门.0008.带你玩转jQuery EasyUI Layout组件?

简单介绍:说明:($.fn.layout)布局,依赖panel和resizable,默认分为5个区东east,西west,南south,北north,中center,中间的区域面板是必须的,边缘区域面板是可选的,每个边缘区域面板可通过拖拽边框调整尺寸,也可以通过点击折叠触发器来折叠面板.布局可嵌套,因此用户可建立复杂的布局.基础用法:

运维开发·2017-02-17 22:04

网站前端_EasyUI.基础入门.0007.使用EasyUI Tabs组件的最佳姿势?

1.基础选项卡 jQuery EasyUI framework helps you build your web pages easily. easyui is a collection of user-interface plugin based on jQuery. easyui provides essenti

运维开发·2017-02-09 22:50

网站前端_EasyUI.基础入门.0006.带你玩转jQuery EasyUI Tabs组件 ?

简单介绍:说明:($fn.tabs)选项卡,依赖panel和linkbutton组件,常作为面板集合显示,但一次只能显示一个,每个Tab面板都拥有头部标题和一些工具按钮,包括关闭按钮和自定义按钮.基础用法: Tab_1主题 Tab_2主题 Tab_3主题容器属性:width->number说明:标签页Tab容器的宽度height->number说明:标签页Tab容器的高度plai

运维开发·2017-02-05 20:09

网站前端_EasyUI.基础入门.0005.使用EasyUI Accordion组件的最佳姿势?

1.基础的手风琴 Accordion for jQuery Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. The accordion al

运维开发·2017-01-18 10:11

网站前端_EasyUI.基础入门.0004.带你玩转jQuery EasyUI Accordion组件?

简单介绍:说明:Accordion折叠面板基于Panel面板,但允许同时显示一个或多个面板,每个面板都支持展开和折叠内容可通过Ajax加载,如果没有指定默认选中面板,则默认选中第一个面板.基础用法: 菜单一内容区菜单二内容区菜单三内容区异步加载: var options = { onSelect: function(

运维开发·2017-01-17 21:32

网站前端_EasyUI.基础入门.0003.使用EasyUI Panel组件的最佳姿势?

1.基础面板 jQuery EasyUI framework helps you build your web pages easily. easyui is a collection of user-interface plugin based on jQuery. easyui provides essential functionality for

运维开发·2017-01-16 21:20

网站前端_JavaScript-项目经验.纯JavaScript实现客户端的分页功能?

项目简介:说明:此项目属于医院电子病例系统,由于历史原因,整个系统后台基于Java开发,前端使用Html+CSS+原生JavaScript,项目功能模块要求必须纯JS实现,而此次的任务是为住院病例页面编写一个客户端分页功能.实现思路:1.基于客户端分页的前提是数据已经加载完毕,所以此功能模块必须等待数据加载完毕后再加载2.基于客户端分页的首页只需要显示24个患者信息即可3.上一页/当前页/下一页功

运维开发·2017-01-16 17:29

网站前端_EasyUI.基础入门.0002.带你玩转jQuery EasyUI Panel组件 ?

简单介绍:说明:Panel面板常当作其它内容的容器,可用于创建包含Layout布局/Tabs选项卡/Accordion折叠面板等基础组件,还提供了内置的折叠/关闭/最大化/最小化的行为,你可以将它嵌入到网页的任何位置.基础用法: 面板-内容异步加载: var options = { width:500, height:150, iconCls:

运维开发·2017-01-14 23:12

网站前端_EasyUI.基础入门.0001.jQuery EasyUI简单介绍与快速使用?

简单介绍:说明:EasyUI是一种基于jQuery且完全支持HTML5的用户界面插件集合,大大节省您网页开发的时间和规模,只需通过编写一些简单HTML标记,就可以定义用户界面,使用简单但功能强大下载:http://www.jeasyui.com/download/index.php界面组件:模版代码: Jquery easyui

运维开发·2017-01-14 23:25

网站前端_KindEditor.基础入门.0002.KindEditor_3.4.2配置参数?

初始方式:说明:在快速入门中使用KE.show({...})来初始化了一个编辑器,具体进入js/kindeditor.js下可以看到KE对象下的show方法先调用了KE的init方法然后又调用了其event事件对象的ready方法,内部其实是调用的KE的create方法,传递的参数为args的id属性,所以可通过2种方式来初始化编辑器#方式一:#方式二:注意:无论使用哪种方式初始化编辑器,都需要传

运维开发·2017-01-01 23:01

网站前端_KindEditor.基础入门.0001.KindEditor_3.4.2快速入门?

简单介绍:说明:KindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用它把传统的多行文本输入框textarea替换为可视化富文本输入框,它使用JavaScript编写,可无缝地与各种后台语言程序集成,常用于CMS/博客/商城/论坛/WiKi/电子邮件等互联网应用.初始环境:1.引入此编辑器核心文件kindeditor.js,其它js/kin

运维开发·2017-01-01 23:50

前端性能优化补充篇

前言看了一下之前发布的文章，关于前端性能优化的，有网站前端性能优化之javascript和css及jquery的jquery编程的标准写法和最佳实践。

佚名·2016-12-14 22:07

网站前端性能优化之javascript和css篇

之前看过Yahoo团队写的一篇关于网站性能优化的文章，文章是2010年左右写的，虽然有点老，但是很多方面还是很有借鉴意义的。关于css的性能优化，他提到了如下几点：CSS性能优化1、把样式表置于顶部现把样式表放到文档的内部似乎会加快页面的下载速度。这是因为把样式表放到内会使页面有步骤的加载显示。注重性能的前端服务器往往希望页面有秩序地加载。同时，我们也希望浏览器把已经接收到内容尽可能显示出来。这对

佚名·2016-12-14 22:35

网站前端_Bootstrap.基础入门.0002.排版/列表/表格/表单/按钮/图像?

通用技能:#文档类型说明:由于BootStrap基于HTML5,所以所有的HTML文件都需要在其顶部引用HTML5的DOCTYPE属性.#移动先行说明:由于BootStrap以移动端优先,所以可通过一些viewport特性来设置移动端行为,如上可实现内容宽度与设备宽度1:1,最大缩放为屏幕宽度,且禁用用户缩放功能,防止用户触发缩放而导致出现滚动条#响应图片说明:为了实现容器内图片大小缩放自

运维开发·2016-12-10 15:07

网站前端_Bootstrap.基础入门.0001.模版标准/样式标准/脚本标准入门?

简单介绍:1.Bootstrap于2010年Twitter开源将常见的CSS布局小组件和JS插件进行了封装,大大规范且提高了代码质量及开发效率.2.Bootstrap包含完整的基础CSS插件,丰富的预定义样式表,基于JQuery的JS插件集,非常灵活的响应式删栏系统,支持跨平台,且完全支持自定义.注意:Bootstrap的所有JS插件都依赖jQuery库,所以要确保在使用这些功能的时候引用相应的j

运维开发·2016-12-08 22:43

前端面试那些坑之其他问题

网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。

京程一灯·2016-12-02 17:44

网站前端_jQuery-基础入门.玩转jQuery基本/层次/过滤/表单选择器?

对比选择:1.CSS依靠CSS选择器使得网页的结构和表现样式完全分离,CSS选择器能轻松定位并修改指定元素样式,CSS选择器包括标签选择器(以文档元素作为选择器),ID选择器(以文档元素的唯一标识ID作为选择器),类选择器(以文档元素的class作为选择器),群组选择器(多个选择器应用同样的样式规则),后代选择器(元素X的任意后代元素Y),通配选择器(以文档的所有元素作为选择器),伪类选择器(以元

运维开发·2016-11-18 14:49

PhantomJS & NodeJS 在京东网站前端监控平台的最佳实践

本文首发于infoQ及「前端之巅」微信公众号（微信群直播记录），感谢infoQ前端之巅尾尾同学对文章的整理和校对、微信群直播的组织策划为什么需要一个前端监控系统通常在一个大型的Web项目中有很多监控，比如后端的服务API监控，接口存活、调用、延迟等监控，这些一般都用来监控后台接口数据层面的信息。而且对于大型网站系统来说，从后端服务到前台展示会有很多层：内网VIP、CDN等。但是这些监控并不能准确地

keelii·2016-11-17 00:00

网站前端_Highcharts-数据可视.0001.玩转Highcharts之配置快速入门?

简单介绍:说明:Highcharts(4.1.6)是国际知名的一款图表插件,完全基于JS编写实现,可以轻松构建出各种图表类型,包括折线图(LineCharts)/面积图(AreaCharts)/柱状图(ColumnCharts)/条形图(BarCharts)/饼图(PieCharts)/散点图(ScatterCharts)/气泡图(BubbleCharts)/动态图(DynamicCharts)/

运维开发·2016-11-07 16:31

网站前端_Jquery-基础入门.0001.原生Js到后期封装库Jquery的过渡?

原生缺点:1.JS的出现使得网页与用户之间实现了一种实时/动态/交互的关系,网页可以包含更多活跃的元素和精彩的内容2.JS的弊端在于复杂的DOM对象,而JQuery封装了很多预定义的对象和使用函数简化了DOM操作,使得我们可以快速创建有高难度交互的富客户端页面,且兼容各大浏览器简单介绍:1.JQuery是一个优秀的JavaScript库,拥有强大的选择器,出色的DOM操作,可靠的事件处理,完善的兼

运维开发·2016-10-22 23:52

2016 Web 开发资源工具大搜罗

你需要面对的挑战可能包括使用已有的框架适应新的业务需求，测试网站的兼容性，优化你的网站前端和后端更好地协同。今天在这里介绍给大家的这个收集列表也许能够帮助你完成类似的工作。P.

u012598110·2016-10-09 09:00

网站前端_JavaScript-DOM编程.0003.JavaScriptDom动态创建?

文档对象:方法名称方法说明write(html)将指定html字符串插入文档createElement(nodeName)创建一个元素节点createTextNode(text)创建一个文本节点问题:由于其违背了Js分离原则,即使在外部调用Js但是内部要在指定位置动态生成HTML,也必须在HTML文档中加入,常常会导致数据或格式非法错误,所以强烈建议使用节点对象:属性名称属性说明innerHTML

运维开发·2016-09-30 15:45

网站前端_JavaScript-DOM编程.0002.JavaScriptDom编码原则?

编码原则:1.不太归罪于Js,一切根源在于编写Js的人对Js的认知2.可观的说没有不好的技术,只有没有用好的技术,所以在实现一些功能时,首先要确认,网页增加这种额外的功能是否真的有必要3.结构化设计理论推崇一个函数最好只有一个入口点和一个出口点,但现实中我们推荐大家一个函数可以有多个出口点,但是推荐出口点集中在函数的开头部分,最后有一个出口点即可预留退路:说明:当有些浏览器不支持Js或是被禁用,我

运维开发·2016-09-30 15:36

网站前端_JavaScript-DOM编程.0001.JavaScriptDom基础核心?

DOM简介:说明:DOM(DocumentObjectModel)文档对象模型,当网页被加载到WEB浏览器时,DOM树就自动被创建.它代表被加载到浏览器窗口里的当前网页,通过DOM树可以快速定位DOM对象中的元素或节点.注意:如下内容并非专属于Js,而是DOM核心,也就是支持DOM的任何一种程序设计语言都可以使用它们,而且用途并不局限于处理网页,它们可以用来处理任何一种标记语言如XML文档节点分类

运维开发·2016-09-30 14:35

网站前端_JavaScript-BOM编程.0003.JavaScript其它特殊对象

Navigator:说明:navigator对象是识别客户端浏览器的标准,每个浏览器中的navigator对象有一套自己的属性属性名称属性说明appName完整的浏览器名称cookieEnabled表示cookie是否启用javaEnabled表示java是否启用language浏览器的主语言platform浏览器所在的系统平台userAgent浏览器的用户代理字符串plugins浏览器中安装的插

运维开发·2016-09-19 09:25

网站前端_JavaScript-BOM编程.0002.JavaScriptLocation对象

简单介绍:说明:location对象是window属性,也是document属性所以它提供了与当前窗口中加载的文档有关信息和导航功能,属性名称属性说明hash返回url中的hash(#后跟零或多个字符),如果不包含散列则返回空字符串host返回服务器名称和端口号hostname返回不带端口号的服务器名称href返回当前加载页面的完整url与location.toString()一样pathname

运维开发·2016-09-18 20:42

网站前端_JavaScript-BOM编程.0001.JavaScriptWindow对象

简单介绍:说明:window对象既是Js访问浏览器窗口的接口也是Global对象的实现,也就是通过此对象访问网页中定义的任何一个对象,变量和函数,反之在全局作用域中声明的变量,函数都会变成window对象的属性和方法框架相关:1.页面中每个框架都拥有自己的window对象,保存在frames集合中,所有框架页面定义的变量或函数都会自动作为对应框架window对象的成员2.可通过特殊全局对象获取指定

运维开发·2016-09-18 19:59

网站前端_JavaScript-基础入门.0016.JavaScript匿名闭包

匿名函数:说明:匿名函数就是没有名字的函数,闭包是可以访问一个函数作用域里变量的函数// 普通函数function userInfo(name){ return name}alert(userInfo('李满满'))// 匿名函数var userInfo = function(name){ return name}alert(userInfo('李满满'))// 自我调用(functi

运维开发·2016-09-17 17:42

网站前端_JavaScript-基础入门.0015.JavaScript面向对象

简单介绍:说明:Js中的对象似乎无序属性的集合,其属性可以包含基本值,对象,函数,严格的说也就是对象是一组没有特定顺序的键值对,每个对象都是基于一个引用类型创建/* * 创建对象,强烈推荐字面量式创建 */var person = { name: '李满满', age: 25, job: '运维开发工程师', sayInfo: function(){ var

运维开发·2016-09-16 22:50

网站前端_JavaScript-基础入门.0014.JavaScript内置对象

简单介绍:说明:内置对象就是不依赖宿主环境在程序执行之前已经存在的对象,不必显式的实例化内置对象,前面已经介绍了大部分内置对象,而Global和Math两个单体内置对象比较特殊,所以单独讲.Global对象:说明:Js中不属于任何其它对象的属性和方法,最终都是它的属性和方法,事实上没有全局变量和全局函数,所有的全局作用域中定义的属性和函数都是Global对象的属性如之前的isNaN(),isFin

运维开发·2016-09-13 14:22

网站前端_JavaScript-基础入门.0009.JavaScript对象类型

对象简介:说明:Object属于引用类型,引用类型是一种数据结构,用于将数据和功能组织在一起,如varnewObj=newObject(),这行代码创建了Object引用类型的一个新实例,保存在newObject中,使用的构造函数是Object,它只为新对象定义了默认的属性和方法.对象相关:说明:Object实例虽然不具备多少功能但对于应用程序中的存储和传输数据而言,确实是非常理想的选择./* *

运维开发·2016-09-11 12:28

网站前端_JavaScript-基础入门.0013.JavaScript包装类型

简单介绍:说明:为了便于操作基本类型值,Js提供了3个特殊的引用类型:Boolean,Number,String,实际每当读取一个基本类型变量,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据/* * 包装类型 * 相当于 * var str = new String('i love you') * var res = str.substring(2) * str

运维开发·2016-09-10 16:00

网站前端_JavaScript-基础入门.0008.JavaScript作用范围

基本类型值:说明:基本类型变量主要在栈内存中保存变量名+变量值,变量赋值时解析器如果认定此值为基本类型,则分配固定大小的空间,基本类型包括Undefined,Null,Boolean,Number,String的字面值对象,称为基本类型对象var name = '李满满'// 在栈内存中复制一份"李满满"给newNamevar newName = namenewName = '刘珍珍'// 由于赋

运维开发·2016-09-10 16:29

网站前端_JavaScript.0012-基础入门.JavaScript函数类型

日期简介:说明:Date属于引用类型,引用类型是一种数据结构,用于将数据和功能组织在一起,如varnewDate=newDate(),这行代码创建了Date引用类型的一个新实例,保存在newDate中,使用的构造函数是Date,它只为新对象定义了默认的属性和方法.函数类型:说明:Function类型实际上是对象,每个函数都是Function类型的实例,而且都与其它引用类型一样具有属性和方法,由于函

运维开发·2016-09-09 19:40

网站前端_JavaScript-基础入门.0011.JavaScript正则类型

正则简介:说明:RegExp属于引用类型,引用类型是一种数据结构,用于将数据和功能组织在一起,如varnewRegExp=newRegExp(),这行代码创建了RegExp引用类型的一个新实例,保存在newRegExp中,使用的构造函数是RegExp,它只为新对象定义了默认的属性和方法.创建正则:模式修饰修饰说明i忽略大小写g全局匹配m多行匹配/* * 创建正则对象 */// - 第

运维开发·2016-09-04 17:40

网站前端_JavaScript-基础入门.0010.JavaScript日期类型

日期简介:说明:Date属于引用类型,引用类型是一种数据结构,用于将数据和功能组织在一起,如varnewDate=newDate(),这行代码创建了Date引用类型的一个新实例,保存在newDate中,使用的构造函数是Date,它只为新对象定义了默认的属性和方法.日期类型:说明:Js提供了Date类型来处理时间和日期,Date类型内置一些列获取或设置日期时间信息的方法,日期类型初始化参数以时间戳保

运维开发·2016-09-04 16:18

网站前端_JavaScript-基础入门.0009.JavaScript数组类型

数组简介:说明:Array属于引用类型,引用类型是一种数据结构,用于将数据和功能组织在一起,如varnewArr=newArray(),这行代码创建了Array引用类型的一个新实例,保存在newArr中,使用的构造函数是Array,它只为新对象定义了默认的属性和方法.创建数组:说明:数组每个元素可以保存任何类型,而且可以随着数据的添加自动增长以容纳新增数据对象属性length表示数组长度,支持读写

运维开发·2016-09-04 16:46

网站前端_JavaScript-基础入门.0007.JavaScript函数初识

函数简介:说明:函数是定义一次但可以多次调用或执行任意多次的一段Js代码,函数有时会有参数,即函数被调用时指定了值的局部变量,函数常常使用这些参数来计算一个返回值.函数声明:说明:函数可以封装任意多条语句,而且可以在任意地方,任意时候调用执行,函数声明用function关键字声明,后跟着一组参数以及函数体// 无需传参的函数function calcResult(){ console.log

运维开发·2016-09-04 16:50

网站前端_JavaScript-基础入门.0006.JavaScript流程控制

if语句:说明:对于if语句括号里的表达式,Js会自动调用Boolean()转型函数将这个表达式的结果转换为一个布尔值,如果为true就执行语句块里的代码段var userScore = 100// 第一种形式: 如果语句块只有一句,可省略{}if(userScore > 90) console.log("your score level is A.")// 第二种形式: 如果语句块只有多句,可包

运维开发·2016-09-04 16:14

网站前端_JavaScript-基础入门.0005.JavaScript运算表达

一元运算符:1.递增++递减--var userAge = 25console.log( // 25 - 保持原样 userAge, // 26 - 在原来的基础上加1并返回 ++userAge, // 25 - 在原来的基础上减1并返回 --userAge, // 25 - 先返回再在原来的基础上减一 userAge++, // 26 - 线

运维开发·2016-09-04 16:09

网站前端_JavaScript-基础入门.0004.JavaScript数据类型

简单说明:1.JavaScript中有6种数据类型,Undefined/Null/Boolean/Number/String/Object,需要注意的是不支持创建自定义类型的机制.所有值必须如上6中类型之一2.typeof操作符可以操作变量,也可以操作字面量,虽然也可以typeof()类似函数调用使用,但是其并非内置函数,函数在Js中是对象而不是数据类型,可通过此来区分数据类型:Undefined