- 博客(31)
- 收藏
- 关注
RSS订阅原创 vue.js中settimeout遇到的问题（时间参数短效果不稳定）以及解决办法
先看效果图，这是弹窗效果，要求就是弹窗出现和消失时候不是很突兀，要有过渡效果。 首先看弹窗出现的实现思路，先加一个beforeActive类，再加一个active类。我们看审查元素，一开始display：none； 在beforeActive中display：block；只是background: transparent;然后在一定时间后再加上active类。问题就来了，在打开弹窗代码...
2018-04-12 21:55:20
13429
原创 Js正则表达式
正则表达式是描述字符模式的对象。 正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。语法 var patt=new RegExp(pattern,modifiers); var patt=/pattern/modifiers; pattern（模式） 描述了表达式的模式 modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配 注意：当使...
2018-04-11 20:23:21
185
原创 js数组方法 改变原数组和不改变原数组的方法整理
改变原数组： pop():删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不 改变数组，并返回 undefined 值。arrayObject.pop() *push():*push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数...
2018-04-10 21:48:32
28326
3
原创 ajax
ajax不是某种编程语言，是一种无需重新加载整个网页更新部分网页的技术（异步更新，局部更新） （1）XMLHttpRequest对象的创建var request = new XMLHttpRequest();想兼容IE6，IE5var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest();//I
2017-01-16 19:12:57
250
原创 常用的事件
鼠标移动事件鼠标移动到某位置 onmousemove鼠标离开时候 onmouseout鼠标滑过 onmouseover鼠标点击事件onclickondblclick加载和卸载onloadonunload获取焦点和失去焦点onfoucsonblur键盘事件按下抬起 onkeyup改变事件onchange控制表单的提交onsubmit 作用在表单上<form onsubmit="">值的写
2017-01-16 13:56:44
331
原创 匿名函数应用鼠标点击事件
按钮可以直接onclick=“函数”绑定事件 但是普通元素如何绑定事件呢？此时匿名函数就可以绑定事件<body> <span id="text1" style="cursor:pointer;">我是文本1</span> <span id="text2" style="cursor:pointer;">我是文本2</span></body><script type="text/
2017-01-14 21:44:58
1003
原创 全选反选练习
<body> <form action=""> <!-- 全选 /全不选/反选--> <input type="checkbox" name="love" />篮球<br /> <input type="checkbox" name="love" />足球<br /> <input type="checkbox" name="love"
2017-01-14 21:18:03
283
原创 事件
事件： onclick() 点击事件 onload() 加载事件 onfocus() 获得焦点事件 onblur() 失去焦点事件 例子：<body> 姓名：<input type="text" name="username" onfocus="run()" onblur="runtwo()"><span id="uspan"></span></bod
2017-01-14 20:40:43
244
原创 Element元素对象
<body> <input type="text" id="nameId" value="zhangsan" /></body><script type="text/javascript">// 获取元素对象// getAttribute("属性名称") 获取属性的值// setAttribute("属性名称","属性的值") 设置或者修改属性的值// removeAttrib
2017-01-14 20:09:11
514
原创 Node节点对象
nodeName 节点名称 nodeType 节点类型 nodeValue 节点的值<!DOCTYPE html><html><head><meta charset="UTF-8"><title>test</title></head><body> <input type="text" id="nameId" value="zhangsan" /> <span id="
2017-01-14 19:37:29
569
原创 DOM文档对象模型
文档：标记型文档（HTML/XML） 对象：封装了属性和行为 模型：共性特征的体现 DOM解析HTML： （1）通过DOM的方法，把HTML全部（元素（标签）、文本、属性）都封装成了对象 （2）DOM想要操作标记型文档先解析（解析器）。DOM解析HTML（浏览器也可以解析HTML） DOM的三个级别： （1）将html封装成对象 （2）添加新的功能，例如对事件和css样式的支持 （
2017-01-13 23:11:42
221
原创 ＢＯＭ浏览器对象模型（brower object model）
//事件<input type="button" value="我是按钮" onclick = "run()" />//run()是自己定义的函数Window 窗口对象 * * * * *alert（） 弹出提示框confirm（“参数”） 询问框moveBy() 移动浏览器setInterval（“函数”，参数） 定
2017-01-13 16:06:13
381
原创 全局函数
使用全局函数，不需要任何对象 全局函数可以直接使用（其实有一个对象在global帮忙管理） eval（）解析字符串，并且执行中间的js代码 通过下面代码感受eval的作用var str = "alert('hehe')";alert(str);elval(str);isNaN（）是否是非数字值 parseInt（）解析字符串，返回整数。encodeURI（）进行编码 decodeURI
2017-01-13 10:24:39
345
原创 正则表达式对象
注：println（）为自己编写的输出函数。 应用：编写注册的表单，对表单输入的对象进行校验。var reg = new RegExp("表达式");//开发中不常用var reg = /^表达式$/ //开发中常用方法：exec(String)//不常使用。匹配返回匹配结果，不匹配返回空test(String //经常使用，匹配返回TRUE。不匹配返回FALSE
2017-01-13 09:52:16
233
原创 Math函数
math对象 ceil（x）上舍入 floor（x）下舍入 round（x）四舍五入 random（）0-1的随机数println(Math.ceil(13.3));//14println(Math.floor(13.3));//13println(Math.round(13.3));//13获取十个1到10之间的随机数for (var i = 0; i < 10; i++) {
2017-01-13 09:29:29
417
原创 日期对象
var date = new Date();//当前日期 println(date.toLocaleString());//转换为本地日期格式 println(date.toLocaleTimeString());//只包含时间 var monthDate = date.getDate();//返回一月中某一天 var weekDay
2017-01-12 21:46:14
246
原创 Array对象
声明数组（三种方法）var arr = [12,33];var arr = new Array(3);//传一个参数是lengthvar arr = new Array(12,33);//传两个或者以上参数是元素属性：length 方法： concat（元素，数组）； jion(s)通过S标识，返回字符串
2017-01-12 20:45:57
182
原创 js中String对象
声明var str = "abc";var str = new String("abc");`属性：length 方法：println（str）是我自己写的输出函数。 （1）和html相关的方法 自己可以写，比如str.blod()方法自己也可以实现function myblod(str){ var result = "<b>" + str + "</
2017-01-12 20:18:32
205
原创 js函数
JavaScript动态函数和匿名函数 动态函数是通过js的内置对象Function，通过new Function(参数1，参数2)来创建动态函数。 创建动态函数：var add = new Function("x,y","var sum;sum=x*y;return sum;");var sum = add(4,5);alert("sum = "+sum);动态函数可以通过参数的方式进行动
2016-12-27 10:13:30
209
原创 js数组和函数
js数组： 数组有两种定义方式 Var arr = [1,2,4];定义一个数组，包含三个元素。 Var arr = new Array(5);定义一个数组，数组的长度是5 Var arr = new Array(1,2,4);定义数组，包含三个元素 数组有属性length 数组的长度是可变的 数组可以存放不同的数据类型的数据 js函数：函数定义的格式，关键字function。fun
2016-12-25 20:31:10
395
原创 JS入门语法
js的语法： –把js和html结合方式 1、可以写在html文档的任意位置 2、引入外部文件 在引用外部JS的script标签间不能编写JavaScript代码 Style标签可以放在任意的位置。如果想让内部js执行，则把内部js放在外部引入文件位置的下面。 推荐做法，把
2016-12-25 17:28:26
266
原创 JS简介
Javascript是基于对象和事件驱动的脚本语言，主要应用在客户端。 特点： 交互性（信息的动态交互） 安全性（不可以直接访问本地硬盘，所以引入图片时候，图片地址必须是web项目中的） 跨平台性（只要是可以解析js的浏览器都可以执行，和平台无关） javascript简介： JavaScript和java（一点关系没有，虽然语法有点相似） 不同： JavaScript 是基于对象的
2016-12-25 15:55:19
303
原创 CSS布局
css的布局（css+div） 漂浮：float 注意：横屏分为三栏时候，left，right设置float。center写最后。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三栏设置方法</title> <link rel="stylesheet" hr
2016-12-24 15:22:22
254
原创 CSS简介
css：cascading style sheet 层叠样式表 作用： 设置网页的显示效果（样式），解决html代码对样式定义的重复，提高了后期代码的可维护性 将显示效果和内容分开。（耦合性：模块间关系） 如果开发了多套css代码，不用修改html css与html结合方式： 1.在html的标签上，提供一个属性，style=“CSS
2016-12-23 19:26:34
254
原创 html框架标签
框架标签： 对网页进行布局 <frameset rows="150,*">分为两个部分，上面150，剩下的都是下半部分 <frame>代表上半部分 <frame>代表下半部分 </frameset> 前提是不能写在body里面或者下面，可以写在上面或者不要body 。html5不建议这种写法 <frame>属性：src="
2016-12-23 17:37:53
256
原创 表单的属性
action = “表单的提交路径” Http://www.baidu.com html页面 servlet method = “提交方式” form 表单的提交方式有哪些？ 回答：form表单提交方式有很多，常用的有两种get和post,如果不指定，默认是get方式。 ge
2016-12-22 22:26:52
286
原创 表单高级标签
以下是html全部标签，简单标签已经在上一篇博客中做了介绍，后半部分是高级标签<form action=""> 输入姓名：<input type="text" name="username" value="姓名" /><br/> 输入密码：<input type="password" name="password" /><br/> 选择性别：<inpu
2016-12-22 12:00:09
511
转载 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2016-12-22 11:57:19
188
原创 HTML表单，文本框，密码框，单选框，复选框，提交
表单的作用是收集用户输入的数据，可以提供实现和服务器进行交互。包含文本框，密码框，单选框，复选框等下面是表单讲解类型：type="text" type="password" 密码框type="radio" 单选按钮注意：当type="radio" 时 应该有分组，即name的值应该相同。可以设置默认值，默认值属性是checked=“checked”type=“ch
2016-12-22 11:31:12
13814
原创 HTML是什么以及HTML简介
HTML全称是HyperText Markup Language即超文本标记语言他不是一种编程语言，是一种描述性语言，用于描述超文本内容显示的方式，比如字体大小颜色等。是一种最基础的网页语言。代码都是由标签所组成的。基本格式：标题存放属性信息，辅助性的信息引入外部文件（重要），会先加载存放的是真正的数据特点：大多标签都是双
2016-12-22 10:52:34
416
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人