技术类 - 随笔分类 - 金翅鸟

事件冒泡、事件捕获、事件委托

摘要：1、定义事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件。相反的，事件冒泡是自下而上的去触发事件。绑定事件方法的第三个参数，就是控制事件触发顺序是否为事件捕获。true,事件捕获；false,事件冒泡。默认false,即事件冒泡。e.stopPropagation会阻止阅读全文

posted @ 2018-12-18 11:42 金翅鸟阅读(427) 评论(0) 推荐(0)

谨记谨记

摘要：submit默认提交表单 1、<button></button>不设置type默认为submit类型； 2、onsubmit()方法 <input type="submit" value="提交"> //或者 <button type="submit">提交</button> 3、<input ty 阅读全文

posted @ 2018-12-12 17:57 金翅鸟阅读(134) 评论(0) 推荐(0)

提交表单为json对象的方法

摘要：遇到一个提交表单的问题，一开始提交的数据总是json字符串，传不到后台方法，找了好多方法。上个项目中我是直接表单序列化（serialize()方法），这是一个字符串类型，这次同样想表单序列化实现ajax请求，可惜不能成功。后来找到一方法，可以直接表单变成json对象进行ajax请求： $.fn. 阅读全文

posted @ 2018-08-16 10:23 金翅鸟阅读(2346) 评论(0) 推荐(0)

ajax数据请求传一个数组对象类型的值不成功的理解！

摘要：遇到这个问题的时候也找了好多网络资源，网上大多说的是传数组有两种方式：一是拼接字符串；二是请求是使用传统模式traditional:true；引自（https://blog.csdn.net/CrazyLai1996/article/details/76165971）（https://blog.c 阅读全文

posted @ 2018-07-12 10:46 金翅鸟阅读(1412) 评论(0) 推荐(0)

HTML的footer置于页面最底部的方法

摘要：footer高度任意+js fixed-bottom{position:fixed;bottom:0;width:100%;} $(function(){ $("#footer").removeClass("fixed-bottom"); var contentHeight = document.b 阅读全文

posted @ 2018-05-21 10:38 金翅鸟阅读(290) 评论(0) 推荐(0)

键盘事件

摘要：阅读全文

posted @ 2018-05-15 16:13 金翅鸟阅读(134) 评论(0) 推荐(0)

前端面试（总结）

摘要：HTML/CSS部分 1、什么是盒子模型？一个空间由几部分组成：边框、内边距、外边距、内容。 2、行内元素有哪些？块级元素有哪些？空元素有哪些？行内元素：a、b、span、img、input、strong、select、label、em、button、textarea 块级元素：div、ul、阅读全文

posted @ 2018-03-19 15:42 金翅鸟阅读(204) 评论(0) 推荐(0)

8种清除浮动方法（css）

摘要：1、父级DIV定义height <div class="parent"> <div class="left">左浮动</div> <div class="right"></div> </div> .left{float:left} .right{float:right} .parent{height 阅读全文

posted @ 2018-02-24 10:47 金翅鸟阅读(149) 评论(0) 推荐(0)

webSocket是什么？

摘要：webSocket是H5的新协议，基于tcp协议，实现浏览器与客户端的双工通信。解决了http协议只能由客户端向服务发送请求的弊端，替代长轮询节省带宽和资源。（多于见聊天室）一、客户端示例 var ws=new webSocket("ws://echo.webSocket.org"); ws.op 阅读全文

posted @ 2018-01-19 13:41 金翅鸟阅读(2359) 评论(0) 推荐(0)

javascript实现继承方法

摘要：javascript继承概念：js是基于对象的，他没有类的概念，所以实现继承，需要使用js的原型prototype机制或者用applay和call方法实现 1、原型链继承为了让子类继承父类的属性（也包括方法），首先需要定义一个构造函数。然后，将父类的新实例赋值给构造函数的原型。 function 阅读全文

posted @ 2018-01-17 14:05 金翅鸟阅读(189) 评论(0) 推荐(0)

数组去重常用方法

摘要：1、遍历数组法（最简单） function unique1(array){ var str1=[];//建立一个空数组，装不重复的值 for (var i=0;i<array.length;i++){ if(str1.indexOf(array[i]) 1){ str1.push(array[i]) 阅读全文

posted @ 2018-01-15 14:18 金翅鸟阅读(150) 评论(0) 推荐(0)

克隆函数

摘要：function clone(obj){ var o; switch (typeof obj){ case "undefined": break; case "string":o=obj+""; break; case "number":o=obj-0; break; case "boolean": 阅读全文

posted @ 2018-01-08 15:07 金翅鸟阅读(194) 评论(0) 推荐(0)

vue学习笔记一之<router-link>

摘要：<router-link>组件支持用户在具有路由功能中的点击导航。通过to属性指向目标地址，默认渲染成正确的a标签 1.to属性字符串或是对象类型点击会立刻把内部to值传送到router.push() 例：<router-link to="/Home">Home</router-link> <r 阅读全文

posted @ 2017-12-20 16:46 金翅鸟阅读(6895) 评论(0) 推荐(0)

多彩CSS之单行、多行文本溢出显示省略号（...）

摘要：一、单行文本溢出显示省略号隐藏 {//需要设置宽度 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 二、多行文本溢出显示省略号隐藏 { overflow:hidden; display:-webkit-box;//弹性伸缩阅读全文

posted @ 2017-12-13 13:18 金翅鸟阅读(159) 评论(0) 推荐(0)

swiper学习笔记一

摘要：示例：<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper- silde">内容一</div> <div class="swiper- silde">内容二</div> <div class="s 阅读全文

posted @ 2017-12-06 16:27 金翅鸟阅读(572) 评论(0) 推荐(0)

HTML5本地存储localStorage

摘要：1.使用localStorage需要先对浏览器进行检测是否支持 if(window.localStorage){ console.log("浏览器支持localStorage") }else{ console.log("浏览器不支持localStorage") } 2.localStorage写入、阅读全文

posted @ 2017-12-04 17:16 金翅鸟阅读(271) 评论(0) 推荐(0)

Flex 布局教程(弹性布局)

摘要：一、容器指定flex布局： .box{ display:flex;//块级元素设置 } .box{ display:inline-flex;//行内元素设置 } .box{ display:-webkit-flex;//webkit内核 display:flex; } 二、容器的属性 <1>flex 阅读全文

posted @ 2017-11-27 16:18 金翅鸟阅读(215) 评论(0) 推荐(0)

javascript：ajax的标准写法

摘要：var request; if(window.XMLHttpRequest){ request=new XMLHttpRequest(); }else{ request=new ActiveXObject("Microsoft XMLHTTP"); } request.onreadystatecha 阅读全文

posted @ 2017-11-27 15:21 金翅鸟阅读(202) 评论(0) 推荐(0)

jquery:ajax()方法的标准写法

摘要：$.ajax({ url:"https://www.baidu.com",//请求地址 dataType:"xml",//数据类型(xml、html、script、text、json、jsonp) async:"true",//是否异步(false或者true;默认值为true) data:"{'键阅读全文

posted @ 2017-11-27 15:11 金翅鸟阅读(315) 评论(0) 推荐(0)

网站测试的主要方法

摘要：一、功能测试对于网站的测试而言，每一个独立的功能模块需要单独的测试用例的设计导出，主要依据为《需求规格说明书》及《详细设计说明书》，对于应用程序模块需要设计者提供基本路径测试法的测试用例。 1、链接测试链接是Web应用系统的一个主要特征，它是在页面之间切换和指导用户去一些不知道地址的页面的主要手阅读全文

posted @ 2016-10-21 13:33 金翅鸟阅读(318) 评论(0) 推荐(0)

随笔分类 - 技术类