- 博客(38)
- 收藏
- 关注
原创 JS prototype理解
首先,要明确几个点:1.在JS里,万物皆对象。方法(Function)是对象,方法的原型(Function.prototype)是对象。因此,它们都会具有对象共有的特点。即:对象具有属性__proto__,可称为隐式原型,一个对象的隐式原型指向构造该对象的构造函数的原型,这也保证了实例能够访问在构造函数原型中定义的属性和方法。2.方法(Function)方法这个特殊的对象,除了和其
2018-01-12 10:02:21 646
转载 chrome表单自动填充去掉input黄色背景解决方案
chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式:input:-webkit-autofill{background-color:#FAFFBD;background-image: none;color:#000;
2017-12-11 11:00:26 224
原创 transform实现HTML元素添加固定定位后水平垂直居中
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <title>滑动</title>
2017-10-16 13:39:22 2417
原创 最常用的DOS命令
一、X:X: 进入对应磁盘。(D: –进入D盘)二、cdcd +文件路径 :进入指定目录。(cd E:\Ruby23-x64)三、mdmd 建立目录 (md temp)在当前文件下建立一个名为temp的目录。四、rdrd 删除目录(RD temp) 删除当前路径下的temp目录,此命令只能删除空目录。五、deldel 删除文件del[盘符][路径][文件名] [参数](DEL C:\ *.BAK
2017-10-16 11:29:17 550
原创 HTML5音频和视频处理
为什么会有audio?或者说audio的出现是为了解决一些什么问题? 在H5之前,如果想在浏览器上播放视频和音频的话都是需要通过一些插件的支持(比如flash),但是因为浏览器和插件之间存在一些兼容性的问题,所以为了解决这些问题,H5就退出了audio和video两种新的属性来作为现在大多数浏览器处理音频和视频的标准方法,使其可以统一化、简便化。1、audio–音频<audio src="f
2017-10-09 20:56:20 964
原创 HTML5改良的input元素的种类
1、color 当输入框属性为color时,可以直接调用系统提供的调色盘。唯一的缺点就是缺少透明度。这个属性有兼容问题,在iPhone上没法弹出颜色选项卡。颜色输入框<input type="color" name="color"/>2、url 当输入框类型为url的时候,只接受地址输入域名,当输入不正确的地址时,会不允许提交,具有自我检测功能。如果是移动端,键盘会自动切换到输入网址键盘(.co
2017-10-09 20:48:44 798
原创 HTML5表单相关新增元素和属性
表单新增的属性可以分为两类: 提交类:提交给服务器设置的相关属性,formaction、formmethod、formtype 控制类:reqried、autofocus、labels。1、form 在h5之前,表单内的所有的从属标签(下级标签),必须书写在form标签内部。 H5之后允许标签写在任何地方 但是我们需要做两步操作:给form设置一个ID;给元素设置form属性,form属性的
2017-10-08 18:59:40 545
原创 HTML5 特点及变化
HTML5推出的缘由和目标 1)、目前web端存在一些问题比如说兼容性,同样的页面,在不同的浏览器上显示的效果不一样,那么开发人员需要做很多额外的工作去解决这一问题,需要花费大量的时间在这上面 2)、一些特殊的权限没有给开发人员,比如:定位权限、拍照权限、动画以及绘画。 3)、HTML5的推出就是为了解决这一系列的问题HTML5解决了什么问题 1)、开放了一些特殊的权限给开发者
2017-10-08 18:49:40 1398
原创 Ajax
$.ajax({ url:url, data:data,//要提交的数据 type:"GET",//提交方式 timeout:3000,//设置请求事件 success:success//请求成功时执行的函数 error:function(){
2017-09-18 20:25:20 580
原创 JQuery--导航
1、父代 parent()//找到自己的父亲$("#myself").parent().css("background","red");parents()找到的是当前元素的所有祖先元素(注意:如果小括号内传入参数,就可以找到你所指定的一个父元素)。$(".myself").parentsUntil("[name='zhang']").css("background","red");parents
2017-09-18 20:12:56 624
原创 JQuery--DOM
1、内容操作 (1)文本内容的捕获和设置text() 作用:获取或设置文本内容(等价于DOM操作中的innerText属性)<body> <p id="p1">土豆土豆呼叫地瓜</p></body><script> $("#p1").text("哈哈");//更换内容 alert($("#p1").text());//捕获内容</script>(2)html():
2017-09-18 20:08:01 735
原创 Jquery--动画
1、显示/隐藏 hide():隐藏 将高度、宽度、透明度变为0;display为“none” show():显示 将高度、宽度、透明度变为初始的CSS设置的样式;display为“block” toggle():切换 如果display为none的时候,点击一下就变成了block,反之变为none 代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4
2017-08-21 21:02:24 397
原创 Jquery--事件
Jquery中注册事件的方法也是调用Jquery对象的方法,比如单击事件。 (“#div1”).click(); 鼠标移入事件:(“#div1”).click(); 鼠标移入事件: (“#div1”).mouseente(); 而且方法名就是js中的事件名。 之前,所有的JS代码都是放在之后的,如果放在之前在获取元素时得到的结果为空,因为在执行此代码时,文档还没有加载完成,也就是说元
2017-08-21 20:55:01 539
原创 Jquery 基础--选择器
1、基本概念 Jquery是一个JS库,能够帮助我们轻松实现一些原本可能比较麻烦的功能 Jquery每个版本又有两个小版本;压缩版和未压缩版,压缩版文件较小,但没有注释和排版,不便于阅读;而未压缩版文件较大,有排版和注释,便于阅读。 Jquery实际上就是一个js文件,加载到页面就可以直接使用了。 也可以通过CDN(Contont Distribution NetWork,内容分发网络)来引
2017-08-21 20:51:41 374
原创 Javascript BOM
1 常用对象Window :窗口,浏览器的窗口定义的全局变量和全局函数都是window对象的属性和方法。<script> var a = 10; function Test(){ var a = 2; alert(a); alert(window.a); } Test()</script>全局变量是window的
2017-08-15 21:05:27 399
原创 Javascript DOM
1 DOM概念DOM(document ObjectModel):文档对象模型。通过开发者工具的Sources标签页也可以观察到整个文档是有一系列节点对象组成的一棵树。节点(Node)包括元素节点(1),属性节点(2),文本节点(3)。<script> var th1 = document.getElementById("th1"); alert(th1.nodeType);
2017-08-15 21:02:05 506
原创 javascript事件
一、事件的概念 事件源 事件名 事件注册 事件处理程序二、常用事件鼠标常用事件: (1) click 单击事件<body> <p id="p1" onclick="fun()">单击事件测试</p></body><script> function fun(){ //获取到指定元素 var p1 = document.getElementB
2017-08-08 21:06:57 625
原创 JS基础-算法
一、累加/累积 累加:V += e 累积:V *= e V代表累加和/累积,e代表累加/累积项 算法要点: (1) 初始化 初始化V和e 累加:V = 0; 累积:V = 1; e的初始化,如果累加项/积项比较复杂,可能会分解为几个子项分别初始化,比如计算圆周率的问题,累加项分解为符号、分子和分母三部分。 (2) 循环的控制条件 一种是固定次数,比如计算弹跳距离的问题、计算数列
2017-08-08 21:01:28 412
原创 猴子吃桃问题。
//递推的逆推 var days = Number(prompt("请输入天数")); var c = 1; for(var day = days-1; day>=1; day--){ c = (c+day)*2; } alert(c);
2017-08-08 20:51:36 498
原创 JS基础--常用对象
1字符串定义:定义一个变量,然后直接将字符串赋值给它。var str ="abc123";字符串实际上是字符组成的数组,所以数组的方法它基本都有。(1)访问字符串里面的字符:a.数组方式:str[i];b.字符串特有的方式:charAt(i)。 (2)查找a. 数组方式:indexofb. 字符串方式:search()方法:传入参数(要搜索的子串),返回子串
2017-08-06 16:23:54 465
原创 JS基础--数组
1 数组的概念 var a1,a2,a3,a4,a5,a6,a7,a8,a9,a10; a1 = Number(prompt("请输入分数:")); a2 = Number(prompt("请输入分数:")); a3 = Number(prompt("请输入分数:")); a4 = Number(prompt("请输入分数:"));
2017-08-06 16:20:22 314
原创 JS基础--函数
1.函数的概念先看一下输出100所有素数问题的解决方案方案一:循环的嵌套for(var n=2;nvar m = Math.ceil(Math.sqrt(n));var sum = false;for(var i = 2;i if(num%i == 0){ sum = true; break; }}docu
2017-08-06 16:15:23 323
原创 JS基础五
1.循环结构循环结构的概念:生活中的一些场景:食堂阿姨打菜:接过顾客的餐盘→询问菜品→打菜→递回餐盘,重复以上过程,知道所有顾客的菜都打完了。快递员送快递:查看送件地址→赶往目的地→电话告知收件人→收件人签收→交快递,重复以上过程,直到所有需要送的快递都处理完。公交司机。。。作业流程。。。以上场景都有一个共同的特点:有条件的重复的做一件事,每一次做的事情不同但类似。
2017-08-01 21:23:19 238
原创 JS基础四
1.swicthSwitch的优点:1.选择结构更加清晰,一目了然2.实行速度相对较快 Switch的执行逻辑:从switch后面圆括号里的变量与从case后边的常量相等的地方开始依次执行指令,直到指令结束。Case:不会参与到运算当中,不起条件判断作用,否则执行 Case是起到标号的作用。只是执行的指令的入口标号。标号是什么?在计算机里,标号只是存储了指令
2017-07-31 09:03:03 282
原创 JS基础三
1.程序设计思维程序是什么?解决生活中问题的步骤(流程)描述。计算机中的程序:解决问题的步骤描述,但用的是计算机语言描述。程序执行者描述语言执行速度生活中的程序人自然语言相对慢计算机中的程序计算机计算机语言(如:JS、Jav
2017-07-26 20:40:52 434
原创 JS基础二
1.算术运算符与表达式常见的运算符:+ - × ÷;由于我们日常用的一些运算符号在键盘上并没有,所以会将一些键盘上没有的运算符替换;JS中的常见运算符:+ - * /;加法运算:+var weight = 65;weight = weight +10;alert(weight);字符串拼接:vardogname = "张三";dogname
2017-07-25 20:25:18 332
原创 JS基础
1.JS基本概念JS有什么作用HTML+CSS:实现了静态页面。 计算机语言分为两种:编译型语言:JAVA、C++、C、PHP… 解释型语言:JavaScript、CSS…HTML:负责呈现的内容。CSS:负责内容呈现的方式。JavaScript:负责内容的行为。 "http://www.w3.or
2017-07-25 11:14:20 323
原创 CSS三大特性
1.继承子代可以直接使用父代的某些样式(特征),当然有些可以继承,有些不能继承。例: #div1{ font-size: 24px; color: red; } 介是div1的内容 介是div1的
2017-07-18 20:45:10 2183
原创 基线问题
在各种内联相关模型中,凡是涉及到垂直方向的排版或者对齐的,都离不开最最基本的基线(baseline)。而因为左边盒子是有三个P标签,而右边盒子是有六个P标签。而基线是以最后一行字的字脚为基准,并且会互相对齐。所以就出现这种情况。而解决这种情况的方法就是添加vertical-align属性vertical-align: top;
2017-07-18 20:34:07 747
原创 CSS基础知识(四)--选择器
所谓选择器,指的是选择施加样式目标的方式。1.元素选择器用标签名作为选择器,选中所有相应的元素例: div{ font-size: 24px; color: red; } p{ font-size: 30px; color
2017-07-17 20:09:06 520
原创 CSS基础知识(三)
1.定位定位的方式有:static-静态定位(默认)、fixed-固定定位、relative-相对定位、absolute-固定定位div{ width: 200px; height: 200px; background-color: red; position: static;} 首先设置了static,则位置不会发生改变,因
2017-07-17 19:59:21 324
原创 CSS基础知识(二)
1.背景相关属性:background-color:背景颜色background-image:设定背景图片,需要设置图片的URL地址。background-repeat:图片的复制选项repeat:在水平和垂直两个方向上进行复制norepeat:不复制repeat-x:在水平方向上复制repeat-y:在垂直方向上复制也可以将这些属性封装到一个属性backgro
2017-07-17 19:45:45 332
原创 CSS基础知识(一)
CSS是指层叠样式表HTML描述了要呈现的内容,而CSS则定义了这些内容的呈现形式,比如字体、颜色等。使用CSS能够将页面内容和呈现形式有效分离,有利于分工合作,也有利于快速更换不同的呈现形式。使用样式表有三种方式:1.内联样式内联样式2.内部样式 --> p{ font-
2017-07-12 20:20:02 933
原创 HTML基础--(四)
table布局table布局是一个页面的整体结构,可以吧整个页面看做为一个表格,分为一行一行。在行里面可以嵌套一个表格分块。 布局通过table来实现,一个单元格就是一个布局单位。该区域
2017-07-12 20:12:42 275
原创 HTML基础--(三)
1.文件选择框: accept属性指定可选择的文件类型。2.下拉列表::标签定义一个下拉列表;name=“province”属性定义提交的参数名。:标签定义下拉列表的一个选项;标签的内容定义了该选项实现的文本。value属性定义选中该项时传递的参数值。name="province"> value="41">河南 value="33">浙江 val
2017-07-10 20:38:08 516
原创 HTNL基础--(二)
一:无序列表无序列表顾名思义就是没有序号的列表。无序列表使用的标签有:, 定义一个无序列表;type属性:用来指定无序列表的符号,取值有--disc(实心的圆点,也是默认值);sircle(空心的圆圈);square(实心的正方形);例: 浙江 河南 广西 江苏 湖南 :定义一个列表项。有序列表:有序列表就是指有序号
2017-07-08 20:37:15 663
原创 HTML笔记——从零开始
1.1标记语言基本概念 1.1.2什么是标记语言 1.2 HTML基本结构 基础标签 2.1标题标签 2.2段落标签 2.3链接标签 2.4 图片标签<img> 2.5 杂项
2017-07-06 20:12:35 391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人