javascript
su的前端之路
这个作者很懒,什么都没留下…
展开
-
javascript apply()使用详解
javascript apply()使用详解转载 2017-08-27 22:40:12 · 514 阅读 · 0 评论 -
清除浮动的几种方式
效果图如下:清除浮动前:清除浮动后:以下方式中,浮动元素的父元素均没有设置宽高第一种方式:给浮动的元素的父元素加上overflow属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</...原创 2018-01-23 10:28:43 · 295 阅读 · 0 评论 -
es6的fetch函数
GET请求写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>fetch的GET请求</title></head><body> <script> var url = '/getMes...原创 2018-01-29 17:33:42 · 1757 阅读 · 0 评论 -
call、apply、bind的用法以及区别
它们在功能上是没有区别的,都是改变this的指向,它们的区别主要是在于方法的实现形式和参数传递上的不同①call的用法:函数.call(对象, arg1, arg2....)②apply的用法:函数.apply(对象,[arg1, arg2,...])③bind的用法:var obj = 函数.bind(对象, arg1, arg2,....)通过代码可以看出区别:var name...原创 2018-03-07 10:06:10 · 483 阅读 · 0 评论 -
开发常见问题随记
1.<input type=”file”>不能放在<a>或<button>标签下,否则在火狐浏览器点击将没有效果2.标签的contenteditable设置为true,则可以在该标签输入文字3.window.scrollTo(xpos,ypos) 让内容滚动到指定的坐标4.当定义的css中有position属性值为absolu...原创 2018-02-24 00:02:19 · 192 阅读 · 0 评论 -
vue页面跳转
一、在template中的常见写法:<router-link to="/miniCard/statement/horizon"> <button class="btn btn-default">点击跳转</button></router-link>二、在js中设置跳转(在方法中跳转界面并传参,两种方式:params 与 quer...转载 2018-02-24 15:27:03 · 2461 阅读 · 0 评论 -
jsonp解决跨域问题
方法一: 创建具有src属性的元素(浏览器的script、img、iframe标签是不受同源策略限制)代码如下(以script元素为例)://创建一个script元素var ele = document.reateElement('script');//声明类型ele.type='text/javascript';//添加src属性,引入跨域访问的urlele.src='h...原创 2018-02-25 00:37:13 · 368 阅读 · 0 评论 -
浅拷贝和深拷贝
浅拷贝浅拷贝即直接赋值,但是有个问题,我们只要更改其中的一个,然后其他的也会跟着改变。看以下在浏览器控制台输出的代码:数组浅拷贝对象浅拷贝深拷贝数组深拷贝方法一: concat()方法二: slice()对象深拷贝方法一: 用JSON.parse和 JSON.stringify转方法二: 递归拷贝方法三:Object.assi...原创 2018-02-26 00:11:32 · 257 阅读 · 0 评论 -
模拟移动端上拉加载功能
代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上拉加载</title> <style> html{ font-size: 18px; } .containter{ bac...原创 2017-11-27 00:00:04 · 762 阅读 · 0 评论 -
闭包的理解
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> // 通常,我们需要获取一个函数的内部变量,有以下2种方法...原创 2018-01-26 17:38:35 · 282 阅读 · 0 评论 -
es6和es5中的this指向
先看一段代码:var name = "window";var obj = { name: 'obj', //普通函数 one: function(){ console.log(this.name) }, //箭头函数 two: ()=> { console.log(this.name) }, /...原创 2017-09-30 23:10:25 · 3033 阅读 · 0 评论 -
js之事件冒泡和事件捕获详细介绍
(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window(2)捕获型事件(event c转载 2018-01-23 09:42:47 · 157 阅读 · 0 评论 -
ajax中的同步异步问题
下面以jquery中的ajax解释一下同步和异步的区别:可以先运行下面两段代码:同步请求:$.ajax({ url: "http://jspang.com/DemoApi/typeGoods.php", type:'post', async:false, success: function(){ alert('2') }});alert(...原创 2017-09-02 12:46:25 · 687 阅读 · 0 评论 -
jquery使用总结
1.看到网上一些资料说$(document).on('click',' ',function(){})和$().click(function(){})没区别,这说法是错误的,看以下代码$(document).on('click','.login',function(){ alert('1')})//不等价于$('.login').click(function(){ alert...原创 2017-09-20 14:52:48 · 182 阅读 · 0 评论 -
js代码实现tab选项卡效果
实现tab选项卡效果贴上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...原创 2017-09-04 16:32:50 · 647 阅读 · 0 评论 -
javascript作用域和执行上下文的区别
光是从字面上的概念上来理解的话有点绕,其实很好区分。var a=1; //全局作用域function fn1(){ var a=2; //fn1作用域}1234如上代码,作用域代表着已声明变量或者函数的访问范围,在fn1作用域内使用变量a会先从当前作用域寻找,如果没有会往作用域上端寻找。this.a=1; //全局执行上下文function fn1(){转载 2017-10-11 18:18:24 · 888 阅读 · 0 评论 -
javascript中的继承
最常见的三种继承方式:1.构造函数继承//构造函数继承 function People(name){ //实例属性 this.name = name}function Student(school){ //实例属性 this.school = school; People.call(this,'小明') //构造函数继承}//实例方法People....原创 2017-10-11 17:48:12 · 606 阅读 · 0 评论 -
封装自己的jquery
本次封装实现的功能:1.类名选择器 和 ID选择器,例 $( ' .class ')和$( ' #id ')2.给元素添加属性,例$( ' .class ') .click( function(){} )3.链式操作,例$( ' .class ') .css( ' attr ' ,' value ' ).click( function(){} )代码如下:...原创 2017-10-12 23:06:38 · 363 阅读 · 0 评论 -
图片上传以及允许连续上传同一图片
实现的功能:1.限制上传的文件只能为图片2.限制上传图片的大小3.允许连续上传同一图片代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上传图片</title> <style type="...原创 2017-10-23 23:46:39 · 1080 阅读 · 0 评论 -
仿写添加标签栏
实现的功能:1.选择选项后,该选项作为标签显示在标签栏2.重复选择的标签不允许再添加3.点击标签栏某个标签的“x”,可以把该标签删除<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&g...原创 2017-11-26 22:46:59 · 289 阅读 · 0 评论 -
使用npm发布nodejs程序包
使用npm发布nodejs程序包npmnpm 是 Node.js 官方提供的包管理工具,他已经成了 Node.js 包的标准发布平台,用于 Node.js 包的发布、传播、依赖控制。npm 提供了命令行工具,使你可以方便地下载、安装、升级、删除包,也可以让你作为开发者发布并维护包。发布一个最简单的nodejs包准备好要发布的包。在文件夹下使用npm init生成package.j...原创 2019-07-05 01:35:04 · 498 阅读 · 0 评论