陈乾cQQ-CSDN博客

转载 JavaScript常用的工具方法

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档JavaScript常用的工具方法1.邮箱2.手机号码3.电话号码4.是否url地址5.是否字符串6.是否数字7.是否boolean8.是否函数9.是否为null10.是否undefined11.是否对象12.是否数组13.是否时间14.是否正则15.是否错误对象16.是否Symbol函数17.是否Promise对象18.是否Set对象19.是否是微信浏览器20.是否是移动端21.是否是QQ浏览器22.是否是爬虫23.是否ios24.是否为

2021-03-04 17:33:55 1797 1

原创 Element UI中遇到的坑（一）el-tabs 组件导致浏览器崩溃的问题

一、发生场景最近在项目中使用到Dialog组件，并在Dialog组件中使用到el-tabs组件，在点击切换tab时没有问题，在点击关闭Dialog后浏览器就卡死，处于崩溃状态。二、原因在自查原因和网上搜索后发现有几种情况1.el-tab组件本身的问题2.vue与element ui版本问题三、解决办法1.el-tab-pane元素中内容去掉（el-tab-pane元素内不能有内容）2.el-tabs 外面加上 el-row 以及 el-col3. 给组件固定高度4. vue版本过低elm

2021-03-27 14:35:38 2201

转载为什么用Object.prototype.toString.call(obj)检测对象类型?

这是一个十分常见的问题，用 typeof 是否能准确判断一个对象变量，答案是否定的，null 的结果也是 object，Array 的结果也是 object，有时候我们需要的是 “纯粹” 的 object 对象。如何避免呢？比较好的方式是：console.log(Object.prototype.toString.call(obj) === "[object Object]");为什么这样就能区分呢？toString方法返回反映这个对象的字符串。那为什么不直接用obj.toString()呢？co

2021-03-19 11:24:39 344

原创 Ant Design Vue 中遇到的坑（三） a-select、tree-select组件placeholder属性不起作用

一、发生场景在使用Ant Design 时,在表单中使用a-select、tree-select组件时设置的placeholder一直不显示。二、原因a-select、tree-select组件使用 v-model绑定的值由于是从后台请求，初始值设为了"",故placeholder没有能够生效。三、解决办法对于a-select组件，可以将v-model绑定的初始值修改成 undefined即可生效。对于tree-select组件，可以将v-model绑定的初始值修改成 null 或 undefi

2021-01-15 09:31:57 4818

原创 Ant Design Vue 中遇到的坑（二） `Form.Item` cannot generate `validateStatus` and `help` automatically...

一、发生场景在使用Ant Design 时，进入页面打开控制台发现有红色的警告：‘Form.Item’ cannot generate ‘validateStatus’ and ‘help’ automatically,while there are more than one ‘getFieldDecorator’ in it.二、原因经过查找发现在同一个form-item中使用v-for循环遍历生成了多个input框，并且每个都加上了v-decorator作为数组，但实际每一个from-i

2021-01-12 09:15:08 11064

原创 Ant Design Vue 中遇到的坑（一） this.$parent 等的失效问题

一、发生场景在使用Ant Design 时，因为需求更改，在原本的代码外层又套上了UI组件，导致了原本在子组件中使用父组件的属性和方法失效。this.$parent.xx is not a function …例如使用了： <a-tabs> <a-tab-pane key="1"> <div /> </a-tab-pane> </a-tabs>二、原因在使用Ant Design 的UI组

2020-12-31 09:39:14 3483 1

原创 js试题及答案(七)

一、单选题（共30题，每题2分）1.不能进行强制类型转化的为A parseIntB parseFloatC NumberD Math.floor正确答案: D解析:2.ES5中不能实现继承的关键字A prototypeB callC applyD extends正确答案: D解析:无3.alert(username);var username=“leson”;结果为A undefinedB lesonC nullD 报错正确答案: A解析:

2020-10-27 10:49:28 8013

转载 web前端面试题对答篇：谈谈你对Promise的理解

回答这个问题时，个人不建议单纯的从Promise的细节知识点答起，因为这个问题的本质是拥有一定宏观性的，如果仅仅回复一些知识点恐怕是满足不了面试官胃口的。当然，如果这个问题回答不到点上，那么后续面试官极有可能会抛出一些相关知识难点来对你进行打压。倘若知识点也回答不出来，那么只能出门右拐了……所以建议你结合自身项目工作经验可以考虑从以下几个点去回答即可：1、Promise 是一个构造函数，我们可以通过该构造函数来生成Promise的实例。2、Promise 即承诺，后续必要兑现，一旦兑现则不可更改！其

2020-10-15 09:10:00 1167

原创 js试题及答案(六)

1.下列哪些属性不是事件对象event的属性A clientXB offsetXC offsetLeftD target正确答案: C解析:offsetLeft为元素针对offsetParent的水平坐标，并不是事件对象中的鼠标位置2.下列关于事件委托说法错误的是A 事件委托可以解决事件绑定程序过多的问题B 事件委托利用了事件捕获原理C 事件委托可以提高代码性能D 事件委托可以应用在click,onmousedown事件中正确答案: B解析:事件委托利用的是事件冒泡的原理3.

2020-09-28 18:51:06 9744

转载项目部署上线（使用FinalShell软件连接服务器）

本地项目上线流程4步：一、买服务器(机器)。二、使用finalShell软件连接服务器。三、給服务器安装环境（node + vue访问json）：1、安装node环境：curl --silent --location https://rpm.nodesource.com/setup_10.x | sudo bash -yum install -y nodejs检测是否安装成功（node版本号）: node -v四、上传代码(前端|后端)：1. vue 打包: npm run build

2020-09-25 13:03:58 3229

原创 vue中$router和$route的区别及$route的参数简介

router和router和router和route区别在vue2.0里页面参数是this.route.query或者this.route.query或者this.route.query或者this.route.params接收router-link传的参数.在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转,所以有个方法就是在script标签里面写this.$router.push(‘需要跳转的路径名’),在写的时候发现这两个为什么不同,在控制台打出this的时

2020-09-19 10:04:28 463

原创原生js的图片.文字.小框的跑马灯效果及弹幕效果

笔者在最近的一个点上项目中使用原生js遇到一个跑马灯效果,需要图片循环播放,可以根据图片的多少改变一定的样式,从而实现跑马灯效果,于是把图片的,文字的和另一种小框的都整合了一下,顺便基于小框的跑马灯增加了一个类似弹幕效果,下面直接上代码(原生js).

2020-08-28 14:33:30 750

原创 gulp模拟虚拟服务器实时更新页面

一、glub概念Gulp是基于node的一个自动化构建工具，开发者可以使用它构建自动化工作流程,页自动刷新，CSS预处理，代码检测，图片压缩等功能，只需要简单的命令行就可以全部完成。使用它，可以简化工作，让你把重点放在功能的开发上，同时减少人为失误，提高开发的效率和质量。二、常用功能搭建web服务文件保存时自动重载浏览器优化资源，比如压缩CSS、JavaScript、压缩图片三、安装准备用管理员身份打开cmd通过npm下载一些需要的包.新建gulpfile.js文件引入gulp文件，注意

2020-08-19 20:58:30 277

原创 js试题及答案(五)

一、单选题（共30题，每题2分）1.不属于同源策略限制条件的A 端口B 协议C 域名D 网址正确答案: D2.不属于常见23种设计模式A 单例B MVCC 观察者D 策略正确答案: B3.有代码 function Foo(){}; var foo = new Foo(); 下列表达式运算结果为true的选项为A Foo.prototype == Foo.protoB foo.prototype == Foo.protoC foo.proto == Foo.prototype

2020-08-19 17:59:25 11368

原创 js试题及答案(四)

一、单选题（共30题，每题2分）1.闭包的好处说法不对的A 缓存变量B 防止命名冲突C 可能造成内存泄露D 减少内存使用率解析:无2.不能进行强制类型转化的为A parseIntB parseFloatC NumberD Math.floor正确答案: D3.alert(username);var username=“leson”;结果为A undefinedB lesonC nullD 报错正确答案: A解析:变量提升，预解析4.不属于常

2020-08-19 11:58:21 11229

转载 npm使用淘宝镜像

淘宝 npm 地址： http://npm.taobao.org/如何使用有很多方法来配置npm的registry地址，下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例：1.临时使用npm --registry https://registry.npm.taobao.org install express2.持久使用npm config set registry https://registry.npm.taobao.org配置后可通过下面方式来验证是否成功 npm co

2020-08-18 12:32:34 379

原创 js基础试题及答案(三)

一、单选题（共30题，每题2分）1.下列关于事件委托说法错误的是A 事件委托可以解决事件绑定程序过多的问题B 事件委托利用了事件捕获原理C 事件委托可以提高代码性能D 事件委托可以应用在click,onmousedown事件中正确答案: B解析:事件委托利用的是事件冒泡的原理2.什么属性用于获取 HTML 文件的根节点A documentElementB rootElementC documentNodeD documentRoot正确答案: A解析:html

2020-08-07 17:54:08 24956

原创 js中运动函数的封装

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #box {

2020-07-25 11:10:23 271

原创 js基础试题及答案(二)

一、单选题1.已知数组 var arr = [1,2,3,4,5],执行 arr.pop() 后，数组的长度是A 4B 5C 6D 7正确答案: A解析:arr.pop()是删除数组后一个数据2.var array = new Array(5); array.push(8); 数组array的长度是A 5B 6C 7D 8正确答案: B解析:new Array(5);创建一个长度为5的空数组，push方法在数组后增加一位，结果为63.3秒后，图片消失，应该使

2020-07-24 20:45:18 9709

原创 js基础试题及答案(一)

一、单选题（共30题，每题2分）1.如下代码，会弹出来是什么 var num1=“1” ;var num2=1 alert(num1-num2);A 0B 11C 1+1D 报错正确答案: A解析:相减,进行隐士转换,全部为数字2.如下代码，会弹出来是什么 var num1=“hi” var num2=1 alert(num1+num2);A hi1B 1C hiD 报错正确答案: A解析:字符串拼接3.在JS中，“1555”+3的运行结果是A 1558

2020-07-20 19:17:17 15006

陈乾的博客