自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(126)
  • 资源 (2)
  • 收藏
  • 关注

原创 【bug】vuxUI组件popup弹出框在IOS中遮罩层会遮住页面

可以增加自定义方法v-transfer-dom。

2024-04-23 15:14:50 542

原创 react+es6+antd5.13.2+ts 如何用async, await方法调用接口?同步方法

【代码】react+es6+antd5.13.2+ts 如何用async, await方法调用接口?

2024-02-05 09:40:02 213

原创 【react】react+es6+antd5.13.2+ts,antd表格的操作如何在父组件写?

react+es6+antd5.13.2+ts,antd表格的操作如何在父组件写?我的子组件columns.tsx,只加表头,操作放在父组件。

2024-02-05 09:31:17 783

原创 腾讯面试笔试题2023.11.30

最高位数字存放在数组的首位, 数组中每个元素只存储单个数字。你可以假设除了整数 0 之外,这个整数不会以零开头。给定一个由整数组成的非空数组所表示的非负整数如[1,2,3],在该数的基础上加一。输入: [4,3,2,1] 输出: [4,3,2,2]输入: [1,2,3] 输出: [1,2,4]输入:[9,9,9] 输出:[1,0,0,0](要求只能操作数组,不能转成数字直接加一)输入:[9] 输出:[1,0]

2023-11-30 19:26:56 2766

原创 封装axios+Promise

ajax请求模块:/*ajax 请求函数模块*/import axios from 'axios' /** * 向外部暴漏一个函数 ajax * @param {*} url 请求路径,默认为空 * @param {*} data 请求参数,默认为空对象 * @param {*} type 请求方法,默认为GET */ export default function a...

2020-04-20 14:32:55 387

原创 秒懂JavaScript的原型对象与原型链

对于新人来说,JavaScript的原型是一个很让人头疼的事情,一来prototype容易与__proto__混淆,二来它们之间的各种指向实在有些复杂,其实市面上已经有非常多的文章在尝试说清楚,有一张所谓很经典的图,上面画了各种线条,一会连接这个一会连接那个,说实话我自己看得就非常头晕,更谈不上完全理解了。所以我自己也想尝试一下,看看能不能把原型中的重要知识点拆分出来,用最简单的图表形式说清楚。...

2020-04-12 16:58:29 227

原创 什么是作用域链,什么是原型链,它们的区别,在js中它们具体指什么?

什么是作用域链,什么是原型链。作用域是针对变量的,比如我们创建了一个函数,函数里面又包含了一个函数,那么现在就有三个作用域全局作用域==>函数1作用域==>函数2作用域作用域的特点就是,先在自己的变量范围中查找,如果找不到,就会沿着作用域往上找。如:var a = 1;function b(){ var a = 2; function c(){ ...

2020-04-12 16:27:07 245

原创 为什么要初始化css样式

为什么要初始化css样式1.浏览器差异不同浏览器对有些标签的默认值是不同的,如果没对css初始化会出现浏览器之间的页面显示差异2.提高编码质量如果不初始化,整个页面做完会很糟糕,重复的css样式很多最简单的初始化方法是:(不建议)* {padding: 0; margin: 0;} 淘宝样式 样式初始化body, h1, h2, h3, h4, h5, h6, hr, p, bl...

2020-03-13 10:53:14 525

原创 js冒泡排序和快速排序实现原理和方法

面试经常遇到这个问题,所以整理下,以便理解。经常用到的排序方法有两种,冒泡排序和快速排序。1.先说快速排序原理:每一次比较相邻两个数的大小,通过第一轮循环排序,找到最大值放到后面,第二轮找到二大值放后面。代码实现:sort(arr: Array<any>) { for(let i = 0; i<arr.length;i++) { ...

2020-03-12 10:45:37 302

原创 JavaScript数组去重(12种方法,史上最全)

数组去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。注:写的匆忙,加上这几天有点忙,还没有非常认真核对过,不过思路是没有问题,可能一些...

2020-03-12 09:44:04 167

原创 什么是闭包?以及闭包的优点,缺点,用处,及特性

定义:闭包 当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的变量,且返回的这个函数在外部被执行 就产生了闭包.闭包是一个环境,具体指的就是外部函数–高阶函数。 说白了就是一个环境,能够读取其他函数内部的变量。本质上,闭包是将函数内部和函数外部连接起来的桥梁。用处:1.读取函数内部的变量; 2.这些变量的值始终保持在内存中,不会在...

2020-03-11 11:27:51 734

原创 ajax实现过程

XMLHttpRequest对象的属性和方法首先XMLHttpRequest 对象用于在后台与服务器交换数据。1.readyState属性状态:0 代表未初始化。1 代表准备发送。2 已发送但还没收到响应3 正在接收4 接收完成2.responseText属性包含客户端接收到的HTTP响应的文本内容。当readyState=4时,responseText才包含完整的响应信息。...

2020-03-10 13:44:02 246

原创 call和apply区别

对于call和apply的解释,网上有很多,但是为了更好地理解。所以这里自己总结积累下~JavaScript中的每一个function对象都会有call和apply方法/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]...

2020-03-10 11:45:32 272

原创 js继承的6种方式

想要继承,就必须要提供个父类(继承谁,提供继承的属性) 一、原型链继承  重点:让新实例的原型等于父类的实例。    特点:1、实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性。(新实例不会继承父类实例的属性!)    缺点:1、新实例无法向父类构造函数传参。       2、继承单一。       3、所有新实例都会共享父类实例的属性。(原型上的属性是共...

2020-03-10 11:25:13 149

原创 vue双向绑定的原理

面试官问vue的双向绑定如何实现?说用v-module实现。又问那么双向绑定的原理是什么?就回答不上来了VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。它接收三个参数,要操作的对象,要定义或修改的对象属性名,属性描述符。重点就是最后的属性描述符。属性描述符是一个对象,主要...

2020-03-10 10:26:42 244

原创 对vue概念的理解

概念:vue是一个构建数据驱动的web界面的渐进式框架,它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件vue对比angular1、vue在设计之初参考了很多angularjs的思想2、vue相对比与angular比较简单3、 vue相对比与angular比较小巧,运行速度快4、 vue与angular数据绑定都可以用{{}}5、vue指令用v-xxx angular...

2020-03-10 10:05:08 503

转载 vue 动态添加class,三个以上的条件做判断

如果 status为1,样式为redRoom如果 status为2,样式为greenRoom1如果 status为其他,样式为greenRoom2:class="{'redRoom': Number(items.status) === 1, 'greenRoom1': Number(items.status) === 2, greenRoom2: Number(items.status) &...

2020-02-28 19:45:44 4617

转载 一步一步搭建vue项目

**1 安装步骤**1.创建一个目录,我们这里定义为Vue2.在Vue目录打开dos窗体,输入如下命令:vue create myproject3.选择自定义4.先选择要安装的项目,我们这里选择4个5.选择yes6.选择SCSS/SASS7.选择第一个9.选择自己的配置文件10.选择no11.等待下载完成12.下载完成后,需要安装一下相关插件,进入到“pac...

2020-01-21 21:43:08 466

原创 微信小程序弹窗组件

概述自己封装的一个比较简单微信弹窗小组件,主要就是教会大家对微信小组件的用法和理解,因为微信小程序对组件介绍特别少,所以我就把自己的理解分享给大家详细一、前言相信大家在开发小程序时会遇到某个功能多次使用的情况,比如弹出框。这个时候大家首先想到的是组件化开发,就是把弹出框封装成一个组件,然后哪里使用哪里就调用,对,看来大家都是有思路的人,但是要怎样实现呢。可能你会去看官方文档,但是微信的官方...

2019-12-11 18:52:41 617

原创 input最大长度限制问题

//可以 //没有效果<input type=“number” οninput=“if(value.length>5) value=value.slice(0,5)” /> //js控制,可以 //tel类型,可以

2019-12-10 14:30:35 1170

原创 移动端禁止页面滚动方法(兼容IOS和安卓)是弹出窗口后禁止拖动

移动端禁止页面滚动方法(兼容IOS和安卓)真的找了很多的方法,下面直接贴代码~希望对大家有帮助 /* 安卓禁止拖动 */ var mo=function(e){e.preventDefault()}; /***安卓禁止滑动***/ function stop(){ document.body.style.overflow='hidden'; docume...

2019-08-29 16:57:08 2097 4

原创 vueTab切换JS

样式没加只是功能可以!<template> <div> <ul class="tab"> <li v-for="(item,index) in ['活动','订单','详情']" :key="index" @click="isActive =index"> {{item}} </li&gt...

2019-07-15 16:43:13 289

原创 H5,input输入时,软键盘弹起不能自动收回

微信升級了之後就這樣了 $(".loans_tel input").on("blur",function(){ var toFix=$(".bind_graphText>input").offset().top; $('html,body').animate({scrollTop: toFix}, 300);});

2019-04-30 10:09:09 1450

原创 ios日期格式不兼容问题~

直接贴代码~ /*日期格式化*/ function fmtDate(d, type) { var arr1 = d.split('.'); d = arr1[0].replace('T', ' '); d = d.replace(/-/g,'/'); var type = type || 1; var ...

2019-04-18 09:24:33 744

原创 身份证,姓名和手机号打星处理~万能方法

//str:源字符串//s、e:需要替换的开始位置s和结束位置efunction starReplace(str, s, e) {if (!str) return str;var _k =  !!e&&e != 0  ? str.substring(s, e) : str.substring(s);var _v = “”;for (var i = 0...

2019-04-17 14:00:45 1507

原创 iframe在IOS里如何自适应宽度?

iframe自动变宽了,在IOS手机上出现滚动条 第一步:定义 iframe 中的scrolling属性为no,设置iframe中不显示滚动条。&lt;iframe scrolling="no" &gt;&lt;/iframe&gt;第二步:设置iframe的样式为如下所示iframe{ overflow: scroll; -webkit-overflow-...

2018-04-24 10:35:28 1667

原创 手机网页在弹出输入法时候挡住输入框?网上找了很多很多 终于找到一个真真可以用的了~

$("#textarea").focus(function(){ var target = this; setTimeOut(function() { target.scrollIntoView(true); }, 100); })原文链接:https://www.jianshu.

2018-02-02 14:09:23 2999

原创 ios input 添加 readonly unselectable="on" 属性,光标依旧还在,怎么清除光标

ios中 点击input依旧有光标 安卓 机正常 这样ios也正常了

2017-12-15 10:28:03 3794

原创 检测表单是否填写,使按钮可点击

$(".bank-inp,.phone-inp,.code-inp").keyup(function(){ var bankv=$(".bank-inp").val().length; var phonev=$(".phone-inp").val().length; var codev=$(".code-inp").val().length;

2017-11-24 16:17:20 787

原创 js填写银行卡号,每隔4位数字加一个空格

1、原生js写法!function () { document.getElementById('bankCard').onkeyup = function (event) { var v = this.value; if(/\S{5}/.test(v)){ this.value = v.replace(/\s/g, '').replac

2017-11-22 14:28:37 761

原创 当锚点遇到fixed定位

简介: 当点击页面的锚点时会跳转到指定id的元素,而实际表现的是滚动条滚动使指定id元素对齐滚动条所处元素的【顶端】。如果当页面上方出现fixed定位时,将会出现锚点定位不准确的情况。 1、问题重现 当使用锚点时,页面上方存在fixed定位,将会出现如下情况(点击“目录二”对应跳转“内容二”的锚点): <!DOCTYPE html><html><head> <meta chars

2017-11-22 14:05:12 3332 1

原创 城市3级联动~

http://sc.chinaz.com/jiaobendemo.aspx?downloadid=4201690039876http://sc.chinaz.com/jiaoben/160314399790.htm

2017-11-13 15:43:31 362

原创 Ajax 的全面总结

https://segmentfault.com/a/1190000010832550

2017-11-03 14:12:02 245

原创 判断页面是否加载完成~

document.onreadystatechange=function(){ if(document.readyState=="complete"){ $(".loading").fadeOut(); }}

2017-10-25 10:15:36 975

原创 全选和反选,怎么写,两种方法~

HTML: <div class="pre_infoWrap"> <div class="pre_dateWrap bg"> <div class="pre_date">2017年9月</div> <div class="pre_oneInfoWrap"> <div class="pre_oneInfo"

2017-10-24 11:51:16 1408

转载 如果40岁了还在写代码,是一种幸福,还是一种悲哀?

今天突然想到一个问题:如果40岁了还在写代码,是怎样的状态?然后搜了一下,果然已经有人想到了,我们先来看看知乎的神人回答。曾经有网友在知乎提问:“如果 40 岁了还在写代码,是一种幸福,还是一种悲哀?请考虑国情,别老拿外国作比方。” 下面是其他一些知乎网友的回复:马上就 40 了,依然在写代码,写各种代码,从C/C++写到 object-c,从 java 写到 lua,乐在其中,享受得很。当然,我现

2017-09-25 17:13:54 387

原创 $.cookie( ) 用法详细解析

Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie)。 例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻。 在用户允许的情况下,还可以存储用户的登录信息,使得用户在访问网站时不必每次都键入

2017-08-15 09:34:39 2223

原创 JS实现滚动监听以及滑动到顶部【转】

以前做滚动监听都是用jQuery来实现这样的效果,虽然用jquery实现起来很方便,但是还是想用原生js来实现一下。HTML代码:<div class="uptop" id="uptop"> <img src="images/up.png" id="to-top">//这里用了一个向上的箭头图片,用于表明返回顶部</div>CSS代码:.uptop{ positio

2017-08-08 15:38:43 7174

原创 判断手机滑动到顶部和顶部的js.

$(function () { $(window).scroll(function () { var documentTop = $(document).scrollTop(); var windowHeight = $(window).height(); var document

2017-08-08 15:36:14 2726

原创 图片懒加载怎么写?

放进去里就可以了 //图片懒加载 var imgLazy; (function () { var imgList = [], // 页面所有img元素集合 delay, // setTimeout 对象 offset, //偏移量,用于指定图片距离可视区域多少距离,进行加载

2017-08-03 15:52:39 630

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除