前端
关注
分享
扫一扫
文章平均质量分 86
lbxxzt
这个作者很懒，什么都没留下…
展开
-
前端---HTML5如何制作一个折线图
在学习如何制作折线图,我们先学习一下canvas元素中CanvasRenderingContext2D对象提供的相关方法,通过使用坐标表换,开发者无须繁琐计算每个点的坐标,只需对坐标系整体表换即可. CanvasRenderingContext2D提供了如下的方法进行坐标变换:translate(double dx,double dy):平移坐标系统.该方法相当于...原创 2018-09-23 13:10:53 · 25913 阅读 · 5 评论 -
前端----HTML5实现图片拖放
HTML5新增了关于拖放的API,通过拖放API可以让HTML界面的任意元素都变成可拖动的,通过使用拖放机制可以开发出更友好的人机交互界面.1.在HTML5中,<img.../>元素默认是可拖动的;而<a.../>元素只要设置了href属性,它默认也是可拖动的.如下面代码所示:<html><head> <meta ht...原创 2018-09-22 16:09:25 · 3653 阅读 · 0 评论 -
前端---HTML制作百度首页
这次给大家讲解一个百度首页制作,我们先将图片和代码展示给大家<html></head> <title>百度一下，我就知道</title> <link href="images/baidu.ico" rel="shortcut icon" type="image/x-icon"/&a原创 2018-09-22 16:46:10 · 142473 阅读 · 2 评论 -
前端---js中的call和apply方法用法
最近看到JavaScript中关于call()和apply()方法可以用来调用函数的动态调用和实现伪继承两种功能,今天在这里给大家详细介绍一下.1.call()函数函数引用.call(调用者,参数1,参数2...)等同于:调用者.函数(参数1,参数2...)=函数.call(调用者,参数1,参数2) 2.apply()函数 函数调用.apply(调用者,[参数1,参数2....原创 2018-10-05 18:18:29 · 866 阅读 · 0 评论 -
前端---HTML中DOM模型解析
基本概念DOM是文档对象模型(Document Object Model)的简称.借助DOM模型,可以将结构化文档转换成DOM树,程序可以访问,修改树里的节点,也可以新增,删除树里的节点.程序操作这棵DOM树时,结构化文档也会随之动态改变.DOM并不是一种技术,它只是访问结构化文档(主要是XML文档和HTML文档)的一种思想.基于这种思想,各种语言都有自己的DOM解析器,通过DOM解析器的...原创 2018-10-05 20:41:35 · 912 阅读 · 0 评论 -
前端---js中定时器的用法
我们在创建一个网页的时候我们有时候为了要实现一个动态网页随时间变化网页内容产出变化的效果或者会用到定时器来实现数据实时更新、时间等时就需要在js代码中定义一个定时器来实现该功能.Javascript中的定时器有两种，setInterval和setTimeout，而定时器的作用就是延迟执行。两种函数定义的形式:setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式...原创 2018-10-05 21:08:15 · 9365 阅读 · 0 评论 -
前端---js中JSON语法
JSON 语法JSON 语法是 JavaScript 语法的子集。JSON(JavaScript Object Notation)语法提供了一种更简单的方式来创建对象,使用JSON语法可避免书写函数,也可避免使用new关键字,可以直接穿件一个JavaScript对象.为了创建JavaScript对象,可以使用花括号,然后将每个属性写成"key:value"对的形式.JSON 语法规则...原创 2018-10-06 13:54:21 · 586 阅读 · 0 评论 -
前端---js中读写cookies
JS设置cookie、读取cookie、删除cookie 什么是 Cookie？Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。Cookie 的作用就是用于解决 "如何记录客户端的用户信息":当用户访问 web 页面时，他的名字可以记录在 cookie 中。 在用户下一次访问该...原创 2018-10-06 14:30:14 · 4215 阅读 · 0 评论 -
前端---js中的继承和prototype
JavaScript的函数没有提供显示的继承语法,因而JavaScript中的对象全部是Object的子类.因此在js中各对象之间并不存在直接的斧子关系.JavaScript提供prototype来构建内建类,通过这些内建类可以方便地创建各自的对象. 在js当中定义一个JavaScript函数时,也就得到了一个同名的类,而且该函数就是该类的构造器.因此我们认为定义一个函数的同时,实质也就是一个...原创 2018-10-06 15:10:39 · 867 阅读 · 0 评论 -
前端---js绑定事件的方法
JavaScript中绑定事件的方法主要有三种：1 在DOM元素中直接绑定2 JavaScript代码中直接绑定3 绑定事件监听函数一、在DOM元素中直接绑定也就是直接在html标签中通过 onXXX=“” 来绑定。举个例子： <input type="button" value="点我呦" onclick="alert("hello world!")"/>...原创 2018-10-14 20:35:22 · 1759 阅读 · 1 评论 -
前端---js中创建数组的方法和数组的方法和属性
JavaScript中如何创建一个数组,以及数组所具有的方法和属性创建js数组的语法:var arrayObj = new Array(); var arrayObj2 = new Array(5); var arrayObj3 = new Array(1, 2,..., 3); var arrayObj4 = [1,2,...,3];//根据下标往数组添加元素arrayOb...原创 2018-10-15 00:08:41 · 4867 阅读 · 0 评论 -
前端---css中的overflow属性如何使用
CSS overflow 属性 属性定义及使用说明overflow属性指定如果内容溢出一个元素的框，会发生什么。默认值： visible 继承： no 版本： CSS2 JavaScript 语法： object.style.overflow="scroll" 属性值值 描述 visible 默认值。内容不会被修剪，会呈现...原创 2018-10-15 00:21:28 · 4002 阅读 · 0 评论 -
前端---js定义函数的3种方式
定义函数的3种方式:1.定义命名函数function functionName(parameter-list){ statements}<script type="text/javascript">hello('yeeku');//定义函数hello,该函数需要一个参数function hello(name){alert(name+",你好...原创 2018-10-09 13:07:18 · 2840 阅读 · 1 评论 -
前端---js中在制作页面中比较常用的几个css属性
今天在这里给大家总结几个我在制作一个页面时所用到的一些不太常用的属性,但有时候使用这些属性能增加页面的可观性以及减少其他复杂的操作使用.z-index属性z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。1.元素可...原创 2018-10-09 23:09:29 · 193 阅读 · 0 评论 -
前端---js中五大选择器和伪元素选择器和伪类选择器
元素选择器例如：html {background-color: black;}p {font-size: 30px; backgroud-color: gray;}h2 {background-color: red;}以上css代码会对整个文档添加黑色背景；将所有p元素字体大小设置为30像素同时添加灰色背景；对文档中所有h2元素添加红色背景。类选择器 (1)单类选择器...原创 2018-10-09 23:38:21 · 5692 阅读 · 0 评论 -
前端---css通俗易懂理解伪类和伪元素的区别
在今天制作一个页面的时候碰到一个::after和::before的东西,以前只知道这是一种选择器,至于具体该怎么用忘记掉了,又通过这个找到一些伪类和伪元素的概念,看完觉得有点摸不着头脑,现在想给大家浅显的说明白什么是伪类,什么是伪元素以及分别有什么用?首先,之前不太了解伪类和伪元素概念的同学可以详细的去看一下这篇博客:https://www.cnblogs.com/ammyben/p/80...原创 2018-10-10 00:05:34 · 628 阅读 · 0 评论 -
前端---js中实现页面跳转的几种方式
Javascript实现页面跳转的几种方式通过js或者html或者PHP等动态程序都可以方便的实现跳转，这里搜集了几种页面跳转的方式js方式的页面跳转1.window.location.href方式 <script language="JavaScript" type="text/javascript"> window.loc...原创 2018-10-25 23:04:46 · 22726 阅读 · 0 评论 -
前端---HTML5头部和元信息
使用<head.../>元素可以定义HTML文档头和元信息元素。 1.使用<head.../>元素可以定义HTML文档头,该元素可以包含如下子元素.<script.../>:该元素用于包含JavaScript脚本.关于JavaScript的介绍,在我之后的博客会有介绍. <noscript.../>:该元素用...原创 2018-09-22 15:19:14 · 1154 阅读 · 0 评论 -
前端---HTML怎么让元素居中
子div在父div内居中的方法需要JavaScript的来取div的尺寸再计算父级容器的尺寸来动态调整元素块的位置好麻烦哟，今天突然发现在style里写一句margin:0 auto；就实现了........感觉自己蠢了好久所以给和我一样蠢的小白分享一下让元素居中的简单方法（如果这样的人存在的话）：在元素的style属性值里写上下边的语句文字居中：text-align:cent...原创 2018-09-27 16:57:35 · 9297 阅读 · 0 评论 -
前端---js中函数和变量提升
JavaScript 变量提升JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。以下两个实例将获得相同的结果：实例 1x = 5; // 变量 x 设置为 5elem = document.getElementById("demo"); // 查找元素elem.innerHTML ...原创 2018-10-04 14:29:37 · 212 阅读 · 0 评论 -
前端---HTML5中CSS简介
Cascading Style Sheet(级联样式单),缩写为CSS,也被称为CSS,也被称为层叠样式单,主要用于网页风格设计,包括字体大小,颜色,以及元素的精确定位等.在传统的Web网页设计里,使用CSS样式但能让原来单调的HTML网页更富表现力. 在正式介绍CSS选择器之前,我们先介绍一下在CSS样式单定义之前的样式单.样式单(Style Sheet)是一种专...原创 2018-09-23 15:50:40 · 373 阅读 · 0 评论 -
前端---HTML中CSS选择器
CSS选择器定义CSS样式的语法总遵循以下格式:Selector { property1:value1; property2:value2; ....} 上面语法格式可分为两个部分: Selector(选择器):选择器觉得该样式定义对哪些元素起作用. {property1:value1;property2:value2;...}(属性定义):属...原创 2018-09-23 16:36:11 · 175 阅读 · 0 评论 -
前端---HTML中position用法
html页面布局中布局方法(position)分为相对布局(relative)和绝对布局(absolute) position的五个属性值：static inherit fixed relative absolute我们再以次介绍各个属性值的作用以及会产生的效果: 1.static static属性为默认值,没有定位，元素出现在正常的流中（忽略 top, bot...原创 2018-09-24 20:50:53 · 6856 阅读 · 1 评论 -
前端---HTML中display用法
display:inline-block，block，inline的区别与用法 要掌握dispay这个元素用法之前我们先区分一下什么是块级元素与行级元素: 块级元素块级元素会占领页面的一行，其后多个block元素自动换行、 可以设置width，height，设置了width后同样也占领一行、同样也可以设置 margin与padding属性。ps:常见的块级元素:div,i...原创 2018-09-24 21:28:15 · 22850 阅读 · 0 评论 -
前端---HTML中文本相关属性
文本相关属性用于控制整个段,整个<div.../>元素内文本的显示效果,包括文字的缩进,段落内文字的对齐等显示方式. text-indent:用于设置段落文本的缩进,默认值为0.被另一个元素(如<br.../>)断开的元素不能应用本属性.text-overflow:用于控制溢出文本的处理方法.该属性支持如下两个属性值.clip:如果该元素指定了overfl...原创 2018-09-24 22:41:38 · 277 阅读 · 0 评论 -
前端---HTML中背景相关属性
背景相关属性用于控制背景色,背景图片等属性.在控制背景图片的同时,还可以控制背景图片的排列方式.有如下几个常用的背景相关属性.1.background:设置对象的背景样式.该属性是一个复合属性,可用于同时设置背景色,背景图片,背景重复模式等属性.该属性值格式如下: background-color backgroung-image background-repea...原创 2018-09-24 22:57:08 · 3610 阅读 · 0 评论 -
前端---HTML设置透明度opacity
指定透明度的属性是opacity,属性值从 0.0 到 1.0。值越小，越透明设置 div 元素的不透明级别：div{opacity:0.5;}定义和用法opacity 属性设置元素的不透明级别。默认值： 1 继承性： no 版本： CSS3 JavaScript 语法： object.style.opacity=0.5 语法...原创 2018-09-24 23:09:19 · 15146 阅读 · 0 评论 -
前端---HTML设置圆角边框
定义和用法border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。提示：该属性允许您为元素添加圆角边框！ 默认值： 0 继承性： ...原创 2018-09-24 23:20:35 · 14843 阅读 · 0 评论 -
前端---HTML基本元素
HTML5于2014年10月28号正式发布，全称为Hyper Markup Language(超文本标记语言)。HTML5文档是一份结构化的文档，HTML文档的根元素总是&amp;amp;amp;lt;/html…/&amp;amp;amp;gt;元素，该元素内通常包含和&amp;amp;amp;lt;body…/&amp;amp;amp;gt;两个子元素,这三个元素定义了HTML文档的基本结构。1.HTML5保留的基本元素有如下几个:原创 2018-09-19 23:07:25 · 438 阅读 · 0 评论 -
前端---HTML5表单相关元素和属性简介
HTML使用表单向服务器提交请求、表单、表单控件的主要作用就是收集用户输入，当用户提交表单时，用户输入内容将被作为请求参数提交到远程服务器。因此在Web编程中，表单主要用于收集用户输入的数据。<form/>元素用于生成输入表单，该元素不会生成可视化部分。注：在HTML5规范以前，表单控件都需要放在<form/>元素之内。首先我们介绍一下form下面几个核心属性：...原创 2018-09-20 23:06:25 · 419 阅读 · 0 评论 -
前端---HTML5简单页面布局（img添加图片）
<html><head ><meta charset="ansi"/> <title>MyZone</title> <style> .div_top{ width:100%; height:56px; background-color:#777; } .div_ti原创 2018-09-20 23:30:24 · 17922 阅读 · 1 评论 -
前端---HTML5中float属性
相信大家许多人在刚开始做页面布局中使用float属性无法把握它产生的效果,尤其是在多个div共同放置在一个容器中,因为float属性设置而往往产生自己不想要的结果.于是在这里给大家说说float属性到底该如何使用.float:该属性控制目标HTML元素是否浮动以及如何浮动.当通过该属性设置某个元素浮动后,该元素将被当作block类型的盒模型处理,即相当于display属性被设置为block.也...原创 2018-09-21 13:19:46 · 8319 阅读 · 0 评论 -
前端---js中onmouseover和onmouseout事件
在网页浏览中我们可以发现在有些页面的部分当我们鼠标移动到某个板块的时候会发现它弹出一个新的板块并且当鼠标移出后又自动隐藏,是因为在改板块中使用了javascript中的onmouseover和onmouseout这两个事件来实现的操作. 1.onmouseover定义和用法onmouseover 事件会在鼠标指针移动到指定的对象上时发生。语法onmouseover="Some...原创 2018-09-27 00:04:25 · 9888 阅读 · 0 评论 -
前端---HTML QQ空间主页制作
今天给大家讲解一个qq空间主页制作的讲解,我们先来看代码和示意图:代码如下:<html><head> <title>QQ空间制作练习</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <li原创 2018-09-27 00:21:10 · 9388 阅读 · 12 评论 -
前端---怎么用jquery语法来书写cookie
使用jquery来书写cookie之前,我们不但需要导入jquery的包也要导入jquery.cookie的包,我们可以去这里：http://plugins.jquery.com/cookie/ 下载在完成这些之后,我们先来看一下设置cookie 的一些基本语法:新添加一个会话 cookie： $.cookie('the_cookie', 'the_value'); 注：当没有指明...原创 2018-11-03 23:22:09 · 359 阅读 · 0 评论