Web前端技术
文章平均质量分 89
本专栏将从HTML,HTML5,JavaScript和CSS等前端技术介绍从入门到使用进行一一介绍,希望能对你启到帮助。
D灿
一点一滴.......
展开
-
HTML5利用Canvas绘制图形(使用图像、裁剪区域、使用文本。阴影效果和操作像素)
使用图像在canvas中插入图像 Insert title here function Draw(){ //使用三种方式插入图像 var canvas=document.getElementById("canvas"); var context=canvas.getContext("2d"); var newImg=ne原创 2017-05-28 12:16:07 · 3369 阅读 · 0 评论 -
HTML5利用Canvas绘制图形(绘制渐变、模式、变换)
绘制渐变渐变是一种很普遍的视觉形象,能带来视觉上的舒适感。在Canvas中,绘图API提供了两个原生的渐变方法,包括线性渐变和径向渐变。渐变,在颜色集上使用逐步抽样的算法,可以应用的描边样式和填充样式中。使用渐变需要三个步骤:首先是创建渐变对象;其次是设置渐变颜色和过渡方式;最后将渐变对象赋值给填充样式或描边样式。代码实现 绘制渐变 function Dra原创 2017-06-03 23:30:53 · 3311 阅读 · 0 评论 -
HTML5本地存储之Web SQL Database
本文章是接着上一篇文章接着写的。简介如果是要本地浏览器保存复杂的数据,则可以借助Web SQL Database API来实现,可以使用的SQL语句完场复杂数据的存储与查询。Web SQL Database 规范使用的是SQLite数据库,它允许应用程序通过一个异步的JavaScripte接口访问数据库。虽然Web SQL不属于HTML5规范,而且HTML5最终也不会选择它,但是对原创 2017-05-14 00:13:25 · 865 阅读 · 0 评论 -
HTML5利用Canvas绘制图形(Canvas基本知识、绘制矩形、使用路径和图形组合)
绘制图形有很多方法,可以借助Flash实现,也可以使用SVG和VML来绘图。本次将要学习一种新的灰土方法——使用Canvas元素,它是基于HTML5原生的绘图功能。使用Canvas元素,可以绘制图形,也可以实现动画。它方便了使用JavaScript脚本的前端开发人员,寥寥数行代码,就可以在Canvas元素中实现各种图像及动画。Canvas基本知识构建Canvas元素非常简单你的浏览原创 2017-05-23 00:00:42 · 2489 阅读 · 0 评论 -
JavaScript(1)初识
前记:JavaScript虽然名字带有Java但是它跟Java是两门不同的语言哦。JavaScript 概述 JavaScript是基于对象和事件驱动的脚本语言,主要应用在客户端。特点:1. 交互性(它可以做的就是信息的动态交互)2. 安全性(不允许直接访问本地硬盘)3.跨平台性(只要是可以解释Js的浏览器都可以执行,和平台无关)JavaScript与Jav原创 2016-08-29 21:29:10 · 611 阅读 · 0 评论 -
JavaScript(2)语法学习
3.语句(与Java语句格式相同) 1.判断结构(if语句) 注:var x = 3; if(x==4)//可以进行比较运算。 if(x=4)//可以进行赋值运算,而且可以同样进行判断。不报错。 因为在Js中0或者null就是false, 非0或者非null就是true(通常用1表示)。 所以if(x=4原创 2016-08-29 21:50:38 · 531 阅读 · 0 评论 -
JavaScript(3)函数、对象
1.再次对JS的函数数组进行复习加强。利用函数对数组进行求最值,输出封装,数组元素排序、查找和数组反转。 JS语言(函数和数组)综合练习 JS语言(函数和数组)综合练习 //1 取最值 function getMax(arr){ var max=arr[0]; for(var i=1; i<arr.length; i++){原创 2016-08-29 22:12:39 · 439 阅读 · 0 评论 -
CSS(1)
CSS概述 CSS是层叠样式表(Cascading Style Sheets)用来定义网页的显示效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能。简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能。那么CSS和HTML是如何在网页代码中相结合的呢?通过四种方式:style属性 、style标签、导入和链接。CSS与原创 2016-08-28 22:45:17 · 557 阅读 · 0 评论 -
CSS(2)伪元素、盒子模型
扩展选择器 ☆关联选择器 标签是可以嵌套的,要让相同标签中的不同标签显示不同样式,就可以用此选择器。例如:p { color:#00FF00;}p b { color:#FF000;}P标签湖南城市学院段落样式P标签段落 ☆组合选择器 对多个选择器进行相同样式的定义。例如,我们想对“div中的标签”和“类名为cc”的区域设置相同的样式,则可以定义原创 2016-08-28 23:09:17 · 998 阅读 · 0 评论 -
网页编程(1)
前 言☆静态页面和动态页面网站页面分为静态页面和动态页面两种• 静态页面:有一个html页面文件保存在服务器上,浏览器要这个页面的时候服务器就把这个页面文件发给浏览器;• 动态页面:服务器上没有浏览者要看的页面,而是服务器动态生成的HTML页面发给浏览器,动态语言的服务器端可以用C#、VB.Net、PHP、Java、C等编写。☆HTML学习要求掌握手写HTML实现一原创 2016-08-22 22:45:31 · 600 阅读 · 0 评论 -
HTML网页编程(2)
表 格1 使用表格基本能实现对页面元素在浏览器中随心所欲的排版定位。表格通常用来显示大量的、分类化的信息,具有表示清晰、明了的特点,使用十分广泛。 表格一般由以下几部分组成:表格名称、表格栏及表中数据。 这是一对用来指明表格范围的标记,格式如下: 表格全部内容border属性 使用表格的这原创 2016-08-25 21:49:22 · 714 阅读 · 0 评论 -
HTML网页编程(3)
表 单 1表单标签是最常用的标签,用于与服务器端的交互。 ☆:输入标签接收用户输入信息。其中的type属性指定输入标签的类型。文本框 text。输入的文本信息直接显示在框中。 密码框 password。输入的文本以原点或者星号的形式显示。单选框 radio 如:性别选择。复选框 checkbox 如:兴趣选择。隐藏字段 hidden原创 2016-08-28 21:12:57 · 655 阅读 · 0 评论 -
HTML5学习之表单
楼主现在大三考研狗一枚,现在考研和学技术一起抓,写点东西记录自己的成长,各位看官多多海涵。书上的内容贴出:ValidityState对象ValidityState对象是通过validity 属性获取的,该对象有8个属性,分别针对8个方面的错误验证,属性值均为布尔值。1.valueMissing属性必填的表单元素的值为空。如果表单元素设置了required特性,则原创 2017-04-30 00:04:11 · 1369 阅读 · 0 评论 -
HTML5实现音频和视频嵌入
简介HTML5未出来之前,在线的音频和视频都是借助Flash或者第三方工具实现的,现在HTML5也支持了这方面的功能。在一个支持HTML5的浏览器中,不需要安装任何插件就能播放音频和视频。原生的支持音频和视频,为HTML5注入了巨大的发展潜力。html实现音频嵌入(传统方式):这种方式虽然可以实现,但是要浏览器支持Flash而且并不能实现控制,所以要实现起来很麻烦。 那么也就原创 2017-05-07 23:56:26 · 27108 阅读 · 2 评论 -
HTML5之拖放功能(多文件上传和元素拖放)
在Web应用中,良好的用户体验是设计师们一直的追求,拖拽体验就是其中之一。在HTML5之前,已经可以使用事件mousedown、mousemove和mouseup巧妙地实现了页面内的拖放操作,但是拖放的操作范围还只是局限在浏览器内部。HTML5提供的拖放API,不但能直接实现拖放操作,而且拖放的范围已经超出浏览器的边界;HTML5提供的文件API,支持拖拽多个文件并上传。允许元素是否可以拖放很原创 2017-05-10 00:05:18 · 4952 阅读 · 0 评论