自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 apply、call以及bind的源码

js的call、apply、bind方法讲解

2022-04-20 11:05:40 180

原创 2021-05-20

1、页面导入样式时,使用link和@import有什么区别1.link是HTML标签,@import是css提供的。2.link引入的样式页面加载时同时加载,@import引入的样式需等页面加载完成后再加载。3.link没有兼容性问题,@import不兼容ie5以下。4.link可以通过js操作DOM动态引入样式表改变样式,而@import不可以。2、将下划线改成驼峰命名var str = 'a_cb';str = str.replace(/(\w)(_)(\w)/g, function(wo

2021-05-20 17:29:28 134

原创 javascript中apply、call和bind的区别

在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处:1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的,先看一个例子。var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + " , " + this.gend

2021-03-11 18:21:38 188 1

原创 vue $watch监听input值的变化,隔几秒之后调用接口

原文:添加链接描述https://blog.csdn.net/qq_32678401/article/details/81779274以防作者删除<template> <div class="search-box"> <input class="box" :placeholder="placeholder" v-model="query" > </div></template&g

2020-11-04 15:04:02 1759

原创 PC端 微信扫码登录

1、当前页面打开微信二维码页面window.location ='https://open.weixin.qq.com/connect/qrconnect?' + 'scope=' + this.scope + '&appid=' + this.appid + '&redirect_uri=' + this.redirect_uri + '&state= ' + '&login_typ

2020-10-27 13:51:54 770

原创 手机前端开发调试利器 vConsole

为什么要使用 vconsole.js ?因为手机或者平板之类的客户端软件并没有控制台,前端开发想看log日志比较麻烦,如果一直弹窗alert方法实在太挫了。所以腾讯开发了这个 js 插件。手机端控制台打印输出,方便bug的排查。怎么使用?1、下载依赖npm install vconsole2、在main.js引入import VConsole from 'vconsole';var vConsole = new VConsole();console.log('Hello world');

2020-08-11 17:57:13 272

原创 Vant-UI移动端(H5)下拉刷新、上拉加载实现简介

template代码如下:<van-pull-refresh v-model="isLoading" @refresh="onRefresh"> <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad"> <div class="content" v-for="(item,index) in list" :key="index">

2020-07-31 17:17:57 472

原创 Vue开源插件之滑块验证(一)

简单版安装npm install huakuai-vue --save在main.js使用import huakuai from ‘huakuai-vue’Vue.use(huakuai)使用全局滑块组件 <hua-kuai></hua-kuai>代码如下:<template> <div class="login"> <hua-kuai @verify="verify"></hua-kua

2020-07-30 14:42:26 1186

原创 vue表单validate验证手机号、座机号、邮箱、微信号

目录手机号验证座机号验证邮箱验证微信号验证手机号验证/*自带的type属性:phone、email、date*/<el-form-item prop="phone" label="手机号" :rules="[ { required: true, message: '请输入手机号', trigger: 'blur' }, { type: 'phone', message: '请输入正确的手机号', trigger: ['blur', 'change'] }]"> &

2020-07-29 14:18:23 3499 1

原创 vue修改失败表格信息也变了,怎样保持不变

每次修改的时候深拷贝一次当前行数据的副本,this.form = JSON.parse(JSON.stringify(row))还原问题: 代码 => this.form = row修改之前修改失败,但是表格数据依旧改变了解决问题: 代码 => this.form = JSON.parse(JSON.stringify(row))修改失败,数据保持不变修改成功,数据改变...

2020-07-28 10:07:32 482

原创 Git提交,修改/更改文件名大小写,提交失败问题解决

将add_modal.vue文件改成了AddModal.vue之后提交,一直展示暂无更改git小乌龟截图git bash截图原因与解决方案:Git配置默认忽略了大小写,需要配置为不忽略大小写,修改配置如下操作:查看是否忽略大小写:git config core.ignorecasetrue为忽略了大小写,false为为忽略大小写设置默认不忽略大小写:git config core.ignorecase false完成,再次提交,就可以提交上去啦...

2020-07-27 10:41:17 1781 1

原创 Sass和Scss常接触的一些好处/优点

Scss (Sassy CSS),一款css预处理语言,SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。SCSS 需要使用分号和花括号而不是换行和缩进。SCSS 对空白符号不敏感,其实就和css3语法一样,其后缀名是分别为 .scss。一、CSS 功能拓展1、允许嵌套允许将一套 CSS 样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器,例如:.main

2020-07-24 18:13:25 1203 1

原创 面试官问我:什么是JavaScript闭包,我该如何回答?

每次面试笔试都会遇到的题,js的闭包,接下来梳理一下吧var str = '变量'; //str是变量function fn () { //fn是函数 console.log(str) //在函数fn中可以访问变量str}这就是一个闭包,简单的说:闭包就是由 一个变量 和 一个内部可以访问到变量的函数 组成但是我们常常看到的都是被一个函数包住,比如function getStr () { var str = '变量' function fn () { re

2020-07-24 15:26:40 3057

转载 JavaScript 的 async/await

转载至:理解 JavaScript 的 async/await理解 JavaScript 的 async/awaitJavaScript 中的 async/await 是 AsyncFunction 特性 中的关键字。目前为止,除了 IE 之外,常用浏览器和 Node (v7.6+) 都已经支持该特性。具体支持情况可以在 这里 查看。现在抛开 C# 和 .NET Framework,专心研究下 JavaScript 的 async/await。1. async 和 await 在干什么任意一个名称

2020-07-06 22:08:55 91

原创 搭建Vue项目

一、安装环境1、node下载地址:https://nodejs.org/en/2、检查node是否安装成功:node -v3、安装cnpmnpm install -g cnpm –registry=https://registry.npm.taobao.org4、安装vue-clinpm install --global vue-cli二、搭建vue项目两种方式搭建项目:1、vue create textProject2、vue init webpack textProject进

2020-07-04 20:48:51 139

空空如也

空空如也

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

TA关注的人

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