个人日记
kakaxiD
这个作者很懒,什么都没留下…
展开
-
封装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 · 386 阅读 · 0 评论 -
秒懂JavaScript的原型对象与原型链
对于新人来说,JavaScript的原型是一个很让人头疼的事情,一来prototype容易与__proto__混淆,二来它们之间的各种指向实在有些复杂,其实市面上已经有非常多的文章在尝试说清楚,有一张所谓很经典的图,上面画了各种线条,一会连接这个一会连接那个,说实话我自己看得就非常头晕,更谈不上完全理解了。所以我自己也想尝试一下,看看能不能把原型中的重要知识点拆分出来,用最简单的图表形式说清楚。...原创 2020-04-12 16:58:29 · 226 阅读 · 0 评论 -
什么是作用域链,什么是原型链,它们的区别,在js中它们具体指什么?
什么是作用域链,什么是原型链。作用域是针对变量的,比如我们创建了一个函数,函数里面又包含了一个函数,那么现在就有三个作用域全局作用域==>函数1作用域==>函数2作用域作用域的特点就是,先在自己的变量范围中查找,如果找不到,就会沿着作用域往上找。如:var a = 1;function b(){ var a = 2; function c(){ ...原创 2020-04-12 16:27:07 · 243 阅读 · 0 评论 -
为什么要初始化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 阅读 · 0 评论 -
js冒泡排序和快速排序实现原理和方法
面试经常遇到这个问题,所以整理下,以便理解。经常用到的排序方法有两种,冒泡排序和快速排序。1.先说快速排序原理:每一次比较相邻两个数的大小,通过第一轮循环排序,找到最大值放到后面,第二轮找到二大值放后面。代码实现:sort(arr: Array<any>) { for(let i = 0; i<arr.length;i++) { ...原创 2020-03-12 10:45:37 · 302 阅读 · 0 评论 -
JavaScript数组去重(12种方法,史上最全)
数组去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。注:写的匆忙,加上这几天有点忙,还没有非常认真核对过,不过思路是没有问题,可能一些...原创 2020-03-12 09:44:04 · 167 阅读 · 0 评论 -
什么是闭包?以及闭包的优点,缺点,用处,及特性
定义:闭包 当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的变量,且返回的这个函数在外部被执行 就产生了闭包.闭包是一个环境,具体指的就是外部函数–高阶函数。 说白了就是一个环境,能够读取其他函数内部的变量。本质上,闭包是将函数内部和函数外部连接起来的桥梁。用处:1.读取函数内部的变量; 2.这些变量的值始终保持在内存中,不会在...原创 2020-03-11 11:27:51 · 729 阅读 · 0 评论 -
ajax实现过程
XMLHttpRequest对象的属性和方法首先XMLHttpRequest 对象用于在后台与服务器交换数据。1.readyState属性状态:0 代表未初始化。1 代表准备发送。2 已发送但还没收到响应3 正在接收4 接收完成2.responseText属性包含客户端接收到的HTTP响应的文本内容。当readyState=4时,responseText才包含完整的响应信息。...原创 2020-03-10 13:44:02 · 246 阅读 · 0 评论 -
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 阅读 · 0 评论 -
js继承的6种方式
想要继承,就必须要提供个父类(继承谁,提供继承的属性) 一、原型链继承 重点:让新实例的原型等于父类的实例。 特点:1、实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性。(新实例不会继承父类实例的属性!) 缺点:1、新实例无法向父类构造函数传参。 2、继承单一。 3、所有新实例都会共享父类实例的属性。(原型上的属性是共...原创 2020-03-10 11:25:13 · 149 阅读 · 0 评论 -
vue双向绑定的原理
面试官问vue的双向绑定如何实现?说用v-module实现。又问那么双向绑定的原理是什么?就回答不上来了VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。它接收三个参数,要操作的对象,要定义或修改的对象属性名,属性描述符。重点就是最后的属性描述符。属性描述符是一个对象,主要...原创 2020-03-10 10:26:42 · 246 阅读 · 0 评论 -
对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 · 499 阅读 · 0 评论 -
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 · 4611 阅读 · 0 评论 -
一步一步搭建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 · 467 阅读 · 0 评论 -
微信小程序弹窗组件
概述自己封装的一个比较简单微信弹窗小组件,主要就是教会大家对微信小组件的用法和理解,因为微信小程序对组件介绍特别少,所以我就把自己的理解分享给大家详细一、前言相信大家在开发小程序时会遇到某个功能多次使用的情况,比如弹出框。这个时候大家首先想到的是组件化开发,就是把弹出框封装成一个组件,然后哪里使用哪里就调用,对,看来大家都是有思路的人,但是要怎样实现呢。可能你会去看官方文档,但是微信的官方...原创 2019-12-11 18:52:41 · 617 阅读 · 0 评论 -
input最大长度限制问题
//可以 //没有效果<input type=“number” οninput=“if(value.length>5) value=value.slice(0,5)” /> //js控制,可以 //tel类型,可以原创 2019-12-10 14:30:35 · 1168 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl转载 2016-04-06 09:03:57 · 323 阅读 · 0 评论 -
js点击的时候变颜色怎么做?
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <style> .current{background:#efd060;} </style> <ul class="toolbar"> <li class="click"> &nb原创 2016-04-06 09:25:34 · 3563 阅读 · 0 评论 -
checked复选框怎么全部选中
销售管理 销售管理 营销概况 交易记录 日结记录 局势分析 商品分析 品类分析 其它分析原创 2016-04-06 09:45:00 · 505 阅读 · 0 评论 -
切换选项卡tab效果
小例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>15_实现多页签切换效果</title> <script src="jquery-1.11.3.js"></script> <style> * { margin: 0;原创 2016-04-06 12:18:47 · 520 阅读 · 3 评论 -
使用validate验证表单
//验证的自定义规则jQuery.validator.addMethod("chcharacter", function(value, element) { var length = value.length; var regName = /[^\u4e00-\u9fa5]/g; return this.optional(element) || !regName.test(原创 2016-04-07 17:36:10 · 742 阅读 · 0 评论 -
简单表单验证的公共函数
首先要添加require=”req” valid-type=”需要验证的”<ul class="forminfo"> <li><label>姓名<b>*</b></label><input name="staff_name" class="dfinput" value="" type="text" require="req" valid-type="normal"><原创 2016-04-13 11:06:25 · 830 阅读 · 0 评论 -
纯CSS固定footer的方法,终于找到了
日常开发中经常遇到网页内容过少时底部版权区域上浮,网页是经典的Header、Content、Footer三部分组成的情况下,之前要么采用js修改Footer的position,高度低于一屏时采用fixed,超出改用static,但是这样会出现抖动,也试过初始化时设置Content的min-height,但终归是使用了js,不太完美,CSS的也试过使用margin-bottom:-10000px;pa转载 2016-04-13 14:33:55 · 5611 阅读 · 0 评论 -
让footer始终位于页面的最底部
<div class="container"><div cass="header"></div><div class="body"></div><div class="footer"></div></div>第一种情况:footer随着滚动条的滚动而滚动.container{position:relative;width:100%;min-height:100%;}.body{padding-转载 2016-04-11 14:47:06 · 761 阅读 · 0 评论 -
:first-child :last-child IE5,IE6,IE7,IE8的css兼容性列表
:first-child :last-child IE7 IE8都不支持http://www.cnblogs.com/kingjiong/archive/2009/04/03/1429040.html原创 2016-04-15 14:14:08 · 2299 阅读 · 0 评论 -
点击确认之后怎么让页面回跳回主页?
用location=”xxx.html”;妈妈再也不用担心我不会回跳页面了。原创 2016-04-28 14:07:37 · 1631 阅读 · 0 评论 -
点击一个按钮时同时另一个按钮也要被点击
首先我们要找到直方图或者折线图的选择器 昨天 今天 最近7天 最近30天 直方图 折线图 $(".itab a").clic原创 2016-04-28 15:01:13 · 764 阅读 · 0 评论 -
手风琴效果
效果图 代码: <ul class="tab" id="tab"> <li class="tab1 active"> <div class="slide-bar"> <b></b><div>按照此登入账户中心,如阁下还没开通真实账户,可按照此申请。</div><span></sp原创 2016-05-11 14:28:20 · 425 阅读 · 0 评论 -
登陆页面已经输入了用户名,想点击一次后自动清除怎么写js?
onclick=”javascript:this.value=”<input name="loginpwd" type="password" class="loginpwd" value="password" onclick="javascript:this.value=''"/>原创 2016-04-29 12:04:45 · 886 阅读 · 0 评论 -
CSS中zoom:1的作用 ,小标签大作用
CSS中zoom:1的作用 兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用: 触发IE浏览器的haslayout 解决ie下的浮动,margin重叠等一些问题。 比如,本站使用DIV做一行两列显示,HTML代码:<div class="h_mainbox"> <h2>推荐文章</h2> <ul class="mainlist"> <li><原创 2016-05-12 09:17:11 · 706 阅读 · 0 评论 -
选项卡切换效果
<div class="dcontent2"> <ul class="navbar2" id="navbar2"> <li class="actives1"><a href="javascript:void(0);">账户登入</a></li>原创 2016-05-12 14:39:26 · 378 阅读 · 0 评论 -
.addClass(),.removeClass(),.toggleClass()的区别
其实toggleClass()方法就类似于这样的,如:$("selector").toggleClass("className"); 等同于 if($("selector").hasClass("className")){ $(this).removeClass("clas原创 2016-05-12 14:42:45 · 4950 阅读 · 1 评论 -
原生js实现简洁的返回顶部组件
作者:流云诸葛出处:http://www.cnblogs.com/lyzg/原创 2016-04-11 14:38:45 · 1333 阅读 · 0 评论 -
如何让DIV居中?
<div class="r_container"> <ul class="itab_items"> <li><b></b><a href="#tb0">基本信息</a></li> <li><b></b><a href="#tb1">商户信息</a></li> <li><b></b><a href="#tb2">联系人</a></li>原创 2016-04-20 10:00:37 · 703 阅读 · 0 评论 -
弹出框window.confirm()方法
<script type="text/javascript"> function show_confirm(){ var r=confirm("确认要删除吗?"); if(r==true){ alert("你确认要删除吗?"); }else{ alert("你取消了删除!") } } </script><input type="button" onclick="show原创 2016-05-05 09:50:58 · 6209 阅读 · 0 评论 -
base.css(重设浏览器默认样式)
@charset "utf-8";/*@名称: base@功能: 重设浏览器默认样式*//* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */html {color:black;background:white;}/* 内外边距通常让各个浏览器样式的表现位置不同 */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pr原创 2016-05-09 14:13:56 · 1476 阅读 · 0 评论 -
简单是选项卡切换效果~
效果图:代码:<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name原创 2016-05-09 14:17:50 · 1643 阅读 · 0 评论 -
bootstrap 模态框提交按钮之后就关闭模态框
<div class="row"> <div class="col-sm-9 m-b-xs"> <a href="#addroom" data-toggle="modal" class="btn btn-primary btn-xs" style="float: l原创 2016-06-24 11:47:05 · 6668 阅读 · 0 评论 -
jquery 获取select数组与name数组长度
// $("select[name=style_no]")[0].selectedIndex=(printer_info.style_no);$("#style_no").selectedIndex=(printer_info.style_no);jquery 获取select数组与name数组长度可以用size() 或者options.length$(“#name”)[0].opt原创 2016-05-23 18:53:05 · 2553 阅读 · 0 评论 -
select全选,反选和不选的功能
<div id="usual1" class="usual"> <div class="itab"> <ul> <li><a href="#tab1" class="selected">前端权限设置</a></li> <li><a href="#tab2">后台权限设置</a></li>原创 2016-06-30 17:34:19 · 3651 阅读 · 0 评论