cddhome-CSDN博客

原创 apply、call以及bind的源码

js的call、apply、bind方法讲解

2022-04-20 11:05:40 183

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 189 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 1760

原创 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 787

原创手机前端开发调试利器 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 277

原创 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 477

原创 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 3513 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 484

原创 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 1785 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 1211 1

chendd123123的博客