语言基础

 

发布作品
  • 老师

    小圆子

  • 版主

    Mars_666666

  • 版主

    林中鸟

  • Python会统治世界吗

    Python控制机器人,机器人控制人类

    浏览:144 发布于2017.11.28
  • 解密!HTML5未来发展趋势火热的10大原因 !

    你难道到现在还没有考虑使用HTML5?如果还没有的话, 那我猜想你可能有自己的原因;可能你认为它现在还没有被广泛的支持,在IE中不好使;或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一次重大的改变,事实上不管你是否喜欢,它都将代表着未来趋势。其实HTML5并不难理解和使用。为了解密HTML5并且帮助顽固的开前端开发人员,小编在这里写了列出了使用HTML5的几大原因,希望对大家有帮助!10.易用性两个原因使得使用HTML5创建网站更加简单:语义上和ARIA。新的标签如,,,等等,使得阅读者更加容易去访问内容。使用新的语义学的定义标签,你可以更好的了解HTML文档,并且创建一个更好的使用体验。9.移动视频、在线直播引领视频升级HTML5技术将会革新视频数据的传输方式,让视频直播更加高清流畅。而且,视频还将与网页真正的融为一体,让用户看视频如浏览动图一般简单轻松。此外,HTML5可以为视频实现任意平台播放,甚至是人画交互。移动视频或成为HTML5领域的爆发点之一。8.Doctype没错,就是doctype,不需要复制粘贴一堆无法理解的固定代码,也没有了多余的head标签,并且可以在每一个浏览器中正常工作。7.更清晰的代码HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。6.更聪明的存储HTML5中最酷的特性就是本地存储。它拥有更好的安全和性能,即使浏览器关闭后也可以保存。能够保存数据到用户的浏览器中意味你可以简单的创建一些应用特性例如:保存用户信息,缓存数据,加载用户上一次的应用状态。5.更好的互动我们都喜欢更好的互动,我们都喜欢对于用户有反馈的动态网站,用户可以充分享受互动的过程。而HTML5拥有很多API允许你创建更加好的用户体验并且更加动态的web应用程序。4.游戏,动漫开发HTML5技术的成熟,将带来游戏,动漫产业的升级。可以通过HTML5来强化创意,为用户提供更加场景化的娱乐体验。3.VR产业VR现在也是未来的一个发展趋势,Web扩展了VR的使用范围,很多生活化的内容纳入了VR的创作之中,如实景旅游,新闻报道、虚拟购物等,其内容展示、交互都可以由HTML5引擎轻松创建出来。2.移动,移动还是移动由于智能手机的普及和便携性,现在更多的用户会选择使用移动设备访问网站或者web应用,HTML5开发移动应用更灵活。1.它是未来,开始用吧!最大的原因:HTML5是因为它是未来,你没有任何借口不接受HTML5,因为事物是不断更新的,如果你没有接受新事物的勇气,那你只能选择被淘汰!

    浏览:518 发布于2017.09.05
  • jQuery UI入门

    jQuery UI入门手册,新手必备。先说明一下效果:基本的鼠标互动:拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing)各种互动效果:手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow)第一节:鼠标的交互应用1.1 Draggables:拖拽所需文件:ui.mouse.jsui.draggable.jsui.draggable.ext.js用法:文件载入后,可以拖拽class = “block”的层$(document).ready(function(){$(”.block”).draggable();});draggable(options)可以跟很多选项1.2 Droppables所需要文件,drag dropui.mouse.jsui.draggable.jsui.draggable.ext.jsui.droppable.jsui.droppable.ext.js用法:$(document).ready(function(){$(”.block”).draggable({helper: ‘clone’});$(”.drop”).droppable({accept: “.block”,activeClass: ‘droppable-active’,hoverClass: ‘droppable-hover’,drop: function(ev, ui) {$(this).append(”Dropped!”);}});});1.3 Sortables 排序所需要的文件jquery.dimensions.jsui.mouse.jsui.draggable.jsui.droppable.jsui.sortable.js用法:$(document).ready(function(){$(”#myList”).sortable({});});dimensions文档http://jquery.com/plugins/project/dimensions1.4 Selectables 选择所需要的文件jquery.dimensions.jsui.mouse.jsui.draggable.jsui.droppable.jsui.selectable.js用法:$(document).ready(function(){$(”#myList”).selectable();});1.5 Resizables改变大小所需要的文件 ,此例子需要几个css文件jquery.dimensions.jsui.mouse.jsui.resizable.js用法:$(document).ready(function(){$(”#example”).resizable();});CSS文件:http://dev.jquery.com/view/trunk/themes/flora/flora.all.css第二节:互动效果2.1 Accordion 折叠菜单所需要的文件:ui.accordion.jsjquery.dimensions.js用法:$(document).ready(function(){$(”#example”).accordion();});CSS文件:http://dev.jquery.com/view/trunk/themes/flora/flora.all.css2.2 dialogs 对话框所需要的文件:jquery.dimensions.jsui.dialog.jsui.resizable.jsui.mouse.jsui.draggable.js用法:$(document).ready(function(){$(”#example”).dialog();});CSS文件:http://dev.jquery.com/view/trunk/themes/flora/flora.all.css2.3 sliders 滑动条所需要的文件jquery.dimensions.jsui.mouse.jsui.slider.js用法:$(document).ready(function(){$(”#example”).slider();});CSS文件:http://dev.jquery.com/view/trunk/themes/flora/flora.all.css2.4 Tablesorter表格排序所需要的文件ui.tablesorter.js用法:$(document).ready(function(){$(”#example”).tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']});});CSS文件:http://dev.jquery.com/view/trunk/themes/flora/flora.all.css2.5 tabs页签(对IE支持不是很好)所需要的文件ui.tabs.js用法:$(document).ready(function(){$(”#example > ul”).tabs();});

    浏览:404 发布于2017.09.05
  • 知道这些代码,做网页不求人!

    ...普通卷动...滑动...预设卷动...来回卷动...向下卷动...向上卷动向右卷动向左卷动...卷动次数...设定宽度...设定高度...设定背景颜色...设定卷动距离...设定卷动时间字体效果...标题字(最大)...标题字(最小)...粗体字...粗体字(强调)...斜体字...斜体字(强调)...斜体字(表示定义)...底线...底线(表示插入文字)...横线...删除线...删除线(表示删除)...键盘文字... 打字体...固定宽度字体(在文件中空白、换行、定位功能有效)...固定宽度字体(不执行标记符号)... 固定宽度小字体...字体颜色...最小字体...无限增大区断标记水平线水平线(设定大小)水平线(设定宽度)水平线(设定颜色)(换行)...水域(不换行)...水域(段落)...置中连结格式(预设好连结路径)外部连结外部连结(另开新视窗)外部连结(全视窗连结)外部连结(在指定页框连结)贴图/音乐贴图设定图片宽度设定图片高度设定图片提示文字设定图片边框背景音乐设定表格语法...表格位置,置左...表格位置,置中...背景图片的URL=就是路径网址...设定表格边框大小(使用数字)...设定表格的背景颜色...设定表格边框的颜色...设定表格边框的颜色...设定表格暗边框的颜色...设定表格亮边框的颜色...指定内容与格线之间的间距(使用数字)...指定格线与格线之间的距离(使用数字)...指定表格的栏数...设定表格外框线的显示方式...指定表格的宽度大小(使用数字)...指定表格的高度大小(使用数字)...指定储存格合并栏的栏数(使用数字)...指定储存格合并列的列数(使用数字)分割视窗左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整分割左右两个框架分割左中右三个框架 指定超连结的分割视窗 指定锚名称的超连结 指定超连结 被连结点的名称.... 用来显示电子邮箱地址 粗体字 指定超连结的分割视窗 更改预设字形大小 加入背景音乐 显示大字体 闪烁的文字 设定文字颜色 显示本文 换行 设定表格标题位置... 为表格加上标题 向中对齐... 用於引经据典的文字... 用於列出一段程式码... 加上注解 设定定义列表的项目解说... 显示"定义"文字... 列表文字标签... 设定定义列表的标签 设定定义列表的项目 强调之用 任意指定所用的字形 任意指定所用的字形 设定字体大小 设定户动式表单的处理方式 设定户动式表单之资料传送方式 设定视窗的上下边界 设定视窗的左右边界 为分割视窗命名 锁住分割视窗的大小 设定分割视窗的卷轴 将html档加入视窗 将视窗分割成左右的子视窗 将视窗分割成上下的子视窗... 划分分割视窗~ 设定文字大小 标示文件资讯 加上分格线 文件的开始与结束 斜体字 调整图形影像的位置 为你的图形影像加注 加入影片 插入图片并预设图形大小 插入图片并预设图形的左右边界 预载图片功能 设定图片边界 插入图片 插入图片并预设图形的上下边界 在表单中加入输入栏位 定义查询用表单... 表示使用者输入文字... 列表的项目 ( 可指定符号 ) 跑马灯效果... 条列文字标签 自动更新文件内容 可同时选择多项的列表栏 定义不出现分割视窗的文字... 有序号的列表 定义表单中列表栏的项目 设定对齐方向 分段... 显示人名 使用原有排列... 用於引用字... 在表单中定义列表栏 显示小字体 文字加横线 用於加强语气 下标字 上标字 调整表格的宽线高度 调整资料栏位之边界 调整表格线的宽度 调整表格的高度 调整表格的宽度... 产生表格的标签 调整表格栏位之左右对齐 设定表格栏位之背景颜色 表格栏位的合并 设定表格栏位不换行 调整表格栏位之上下对齐 调整表格栏位宽度... 定义表格的资料栏位 表单中加入多少列的文字输入栏 决定文字输入栏是自动否换行... 定义表格的标头栏位 文件标题... 定义表格美一行 打字机字体 文字加底线... 无序号的列表 ( 可指定符号 )... 用於显示变数

    浏览:495 发布于2017.08.28

版主推荐

学设计来火星,开启你的时代 立即体验