- 博客(26)
- 收藏
- 关注
原创 HTML基础——表单
1 表单基础应用场景登录注册页面 邮箱注册工作原理语法<form >表单元素</form> 表单元素如下表格所示:input 输入框 select 菜单 option 菜单的列表项 optgroup 菜单列表项进行分组 textarea 多行文本输入框 1 <input>...
2019-01-05 23:55:33
291
原创 HTML基础 ——表格详解
表格的常用标签及使用方法应用场景 :购物单,日常需要使用的表格 基本构成: <table> <!--表格标签--> <tr> <!--行标签--> <td></td> <!--列标签--> <td></td>
2019-01-05 23:01:51
281
原创 HTML基础知识——常用标签详解
1 定义 html:超文本标记语言。2 基础语法 文档的基本结构:头部信息( <head>标签包含的内容分)+网页内容( <body>标签包含的内容)=html文件。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF
2019-01-05 16:53:24
549
原创 JavaScript中的局部变量和全局变量
javascript有两种变量:局部变量和全局变量。当然,我们这篇文章是帮助大家真正的区别这两种变量。首先,局部变量是指只能在本变量声明的函数内部调用。全局变量是整个代码中都可以调用的变量。当然,单单从字面上理解肯定是不清楚的,下面我详细的介绍下:大家都知道,变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量,就是不用声明,直接使用。而且,千万注意,javascr...
2018-12-04 09:27:21
345
1
原创 jQuery中的事件和动画-视频展示效果
效果展示完整代码css样式此处没有写,大家可以下去自己详细研究。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>视频提示效果</title> <script src="../jquery-3.3.1.
2018-08-01 11:37:07
421
原创 jQuery中的DOM操做-设置和获取HTML.文本和值
1 html()方法类似于js中的innerHTML属性,用来读取或设置某个元素的html内容<1>读取var p_html=$("p").html();<2>设置$("p").html("<strong>你喜欢的水果是?</strong>"); //设置<p>元素的html代码2
2018-07-30 21:20:50
407
原创 jQuery中的DOM操做-样式操做
1 获取样式和设置样式利用attr()方法来实现该功能<1>获取var p_class=$("p").attr("class"); //获取p元素的class<2>设置var p_class=$("p").attr("class","high"); //p元素的class为high2 追加样式利用addClass()方法来
2018-07-30 19:45:18
239
原创 jQuery中的DOM操做-图片提示效果
图片提示效果就是当鼠标滑过图片时,提示大图片及说明文字。参考超链接提示的代码,我们对改动的地方详细介绍1创建<div>元素,图片提示var tooltip="<div id='tooltip'><img src='"+this.href+"' alt='产品预览图'></div>"2 根据超链接的titles属性来获得图片相应的介绍...
2018-07-30 18:54:08
420
1
原创 HTMl中<ul>标签中li横向排列
大多数的导航栏都是横向排列如下图所示,那么这究竟是怎么实现的呢?其实它主要运用<ul>标签中li的横向排列,下面以一个例子向大家详细讲解具体是如何实现的。1编写横向菜单的HTML代码架构<ul id="menu"> <li><a href="http://www.baidu.com">Baidu.Com</a>
2018-07-30 18:22:18
48119
4
原创 jQuery中的DOM-超链接提示显示效果
在现代的浏览器中,超链接已经有自带的提示效果,只需在<a>标签中添加<title>属性就可以。代码如下:<a href="#" title="这是我的超链接提示。">提示.</a>但是这个提示效果十分缓慢,要达到较好的人机交互,需要鼠标移动到超链接的一瞬间就出现提示。可通过移除<a>中的<title&
2018-07-30 12:09:42
382
原创 github新手使用教程
1 自己为什么要使用github? 最近在进行硬件课程设计MIPS20指令的实现,以此来制作一个简单cpu的功能。看了我们班大神的博客,发现他把从上大学开始到现在的所有课设,实验,自己平时学习使用和制作的代码全都放在github上面,由此激发自己学习使用它的兴趣。虽然以前自己也知道有其的存在,可能是因为懒吧一直拖到现在才真正用它。2 什么是github? 个人理解,它就是一个大家托管自己代码的平...
2018-07-04 17:22:09
2916
原创 轮询与长轮询
数据交互有两种模式:Push(推模式)、Pull(拉模式)。 1 推模式指的是客户端与服务端建立好网络长连接,服务方有相关数据,直接通过长连接通道推送到客户端。 <1>优点:及时,一旦有数据变更,客户端立马能感知到;另外对客户端来说逻辑简单,不需要关心有无数据这些逻辑处理。 <2>缺点:不知道客户端的数据消费能力,可能导致数据积压在客户端,来不及处理。 2 ...
2018-07-03 22:24:46
2019
原创 数据结构与算法 选择排序
1 什么是程序?程序=数据结构+算法2 选择排序(Selection Sort) 基本思想:我们从第一个位置开始,依次和后面的值进行比较,如找到比第一个值小的,二者进行交换。交换后第一个位置的值已经确定下来,我们再从第二个位置开始,依次和后面的进行比较,依次类推,知道所有的值都比较完成,到此选择排序结束。最后的结构就是对输入的数据由大到小进行排序。 当然我们也可以由小到大进行排序,只需...
2018-04-12 17:55:04
289
原创 jquery DOM操做
1. 用jquery创建HTML元素$('<div>Hello World!'); //设置属性$('<a>',{ 属性 });$('<a> baidu.</a>').attr({ 属性 });var div=$('<div>Hello</div>');div.appendTo('body'); /...
2018-04-10 21:10:54
134
原创 JQuery 的简介
1.什么是JQuery?<1> 一款JS库<2> 可以非常方便的处理HTLM,事件以及动画 HTML:处理文档中的节点,如添加,删除等操作 事件: 对事件进行处理,如绑定,解绑等操作 动画: 淡入淡出,滑动等效果<3> 可以兼容多个浏览器2.JQuery的基本概念 <1>下载 官网点击打开链接,点击链接进入官网进行下载 <2>选...
2018-04-10 16:23:14
125
原创 JS BOM对象
什么事BOM对象?Browserr Object Model:浏览器对象模型。通过JS访问浏览器的一个接口,也是ECMAScript规定的Global对象。其目的是访问浏览器。主要包括以下几种:window,navigator,screen,history,location,document,event全局变量与全局函数?全局变量:var age=15; 等价于 window.age=1...
2018-04-10 15:42:14
127
原创 JS DOM 事件
什么是DOM事件? 文档或者浏览器窗口发生的一些特定的交互瞬间。一些常用的鼠标事件onclick 鼠标点击时触发onload 页面加载时触发onmouseover 鼠标滑过时触发onmouseout 鼠标离开时触发onfoucs 获得焦点onblur 失去焦点onchange 域的内容改变时触发onmousedown 鼠标按钮在元素上按下时...
2018-04-10 11:44:50
143
原创 JS DOM基础
DOM(即 Document Object Mode) 是 W3C(万维网联盟)的标准。DOM 定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”1 DOM的查找方法<1> document.getElementById("id名称")返回对有有指定“id”的第一个对象的...
2018-04-10 08:59:39
125
原创 JS内置对象String
JS的内置对象主要分为四大类:Array String Math Date,我们主要介绍 StringString主要介绍一些方法的使用:1. charAt( ) stringObject.charAt( index ) 返回字符串中index位置的字符2. charCodeAt( ) stringObject. charCodeAt( index ) 返回字符串中inde...
2018-03-28 20:56:35
624
原创 JS内置对象 Array
JS的内置对象主要分为四大类:Array String Math Date,我们主要介绍ArrayArray 数组内的每一项都可以保存任意类型的数据,数组的大小可根据需要进行调整。1. 创建 a. 使用构造函数: var colors= new Array( ) 括号内可以时数组的数据个数,也可以是每一项具体的数据,但要注意的是,每一项数据之 ...
2018-03-28 20:29:11
439
原创 JS函数
1 函数的声明: 函数可以封装任意多条语句,可以在任何时间,任何地方被使用。语法格式:function 函数名([参数1,参数2,...]){ },参数可以省略2 函数的调用 函数名 ([参数1,参数2,...]),若函数有返回值,则需要一个变量接收,如var s=add(3,5) return,有两个作用:第一,返回一个值;第二,什么都不做,提前停止当前执行 的程序,...
2018-03-28 00:33:25
124
原创 JavaScript流程控制语句
主要分为两大部分:分支语句和循环语句。分支语句 1. if条件语句 <1> if( ) { } <2> if( ) { } else { } <3> if ( ) { } else if ( ) { } else { } string.lenght: 字符串的长度...
2018-03-28 00:11:46
359
原创 JavaScript语法规则,数据类型以及操作符
JavaScript主要由核心(ECMAScript)+文档对象模型(DOM)+浏览器对象模型(BOM)这三大部分组成。ECMAScript 仅仅是一个描述,定义了脚本语言的所有属性、方法和对象,DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点。...
2018-03-27 17:33:15
263
原创 JS中cookie的使用详解
什么是CookieCookie意为“甜饼”,是由W3C组织提出,最早由Netscape社区发展的一种机制。目前Cookie已经成为标准,所有的主流浏览器如IE、Netscape、Firefox、Opera等都支持Cookie。由于HTTP是一种无状态的协议,服务器单从网络连接上无从知道客户身份。怎么办呢?就给客户端们颁发一个通行证吧,每人一个,无论谁访问都必须携带自己通行证。这样服务器就能从通行证...
2018-03-20 12:07:42
252
转载 JS的全局对象
js运行时内置了一个Global对象这个Global对象跟运行环境有关。在浏览器运行环境中。Global就是window对象。在nodejs中。Global对象是global对象。当你在浏览器环境中,直接使用一个未经定义的变量,例如foo=123;那么foo这个变量自动声明为全局变量。变量引用自动挂载到了Global对象,即window对象上。Global对象上的属性和函数都是js运行时提供的。例...
2018-03-18 23:05:18
4103
原创 前端的学习途径
作为一个前端的爱好者,我想给大家介绍一些学习的途径。首先先给大家讲讲我的学习经过吧,我自己在下定决心学习前端之后,先后问过很多的老师或许是同学,如何学习这个比较深奥的东西。刚开始的时候很迷茫,只是觉得自己要学这个东西,但只、还不知道如何学习。我尝试过很多的方法,比如说去图书馆借书学习,问同学有什么好的学习网站,在网上报一些网课,在学校外面去报一些补习班,虽然用了很多的方法,但最后也都...
2018-03-17 21:36:11
997
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人