- 博客(20)
- 收藏
- 关注
RSS订阅
转载 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
2003
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-col 3. 给组件固定高度 4. vue版本过低elm
2021-03-27 14:35:38
2468
转载 为什么用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
417
原创 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
5279
原创 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
11371
原创 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
3651
1
原创 js试题及答案(七)
一、单选题（共30题，每题2分） 1.不能进行强制类型转化的为 A parseInt B parseFloat C Number D Math.floor 正确答案: D 解析: 2.ES5中不能实现继承的关键字 A prototype B call C apply D extends 正确答案: D 解析: 无 3.alert(username);var username=“leson”;结果为 A undefined B leson C null D 报错 正确答案: A 解析:
2020-10-27 10:49:28
8105
转载 web前端面试题对答篇：谈谈你对Promise的理解
回答这个问题时，个人不建议单纯的从Promise的细节知识点答起，因为这个问题的本质是拥有一定宏观性的，如果仅仅回复一些知识点恐怕是满足不了面试官胃口的。 当然，如果这个问题回答不到点上，那么后续面试官极有可能会抛出一些相关知识难点来对你进行打压。倘若知识点也回答不出来，那么只能出门右拐了…… 所以建议你结合自身项目工作经验可以考虑从以下几个点去回答即可： 1、Promise 是一个构造函数，我们可以通过该构造函数来生成Promise的实例。 2、Promise 即承诺，后续必要兑现，一旦兑现则不可更改！其
2020-10-15 09:10:00
1292
原创 js试题及答案(六)
1.下列哪些属性不是事件对象event的属性 A clientX B offsetX C offsetLeft D target 正确答案: C 解析: offsetLeft为元素针对offsetParent的水平坐标，并不是事件对象中的鼠标位置 2.下列关于事件委托说法错误的是 A 事件委托可以解决事件绑定程序过多的问题 B 事件委托利用了事件捕获原理 C 事件委托可以提高代码性能 D 事件委托可以应用在click,onmousedown事件中 正确答案: B 解析: 事件委托利用的是事件冒泡的原理 3.
2020-09-28 18:51:06
9901
转载 项目部署上线（使用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
3657
原创 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
570
原创 原生js的图片.文字.小框的跑马灯效果及弹幕效果
笔者在最近的一个点上项目中使用原生js遇到一个跑马灯效果,需要图片循环播放,可以根据图片的多少改变一定的样式,从而实现跑马灯效果,于是把图片的,文字的和另一种小框的都整合了一下,顺便基于小框的跑马灯增加了一个类似弹幕效果,下面直接上代码(原生js).
2020-08-28 14:33:30
836
原创 gulp模拟虚拟服务器实时更新页面
一、glub概念 Gulp是基于node的一个自动化构建工具，开发者可以使用它构建自动化工作流程,页自动刷新，CSS预处理，代码检测，图片压缩等功能，只需要简单的命令行就可以全部完成。使用它，可以简化工作，让你把重点放在功能的开发上，同时减少人为失误，提高开发的效率和质量。 二、常用功能 搭建web服务 文件保存时自动重载浏览器 优化资源，比如压缩CSS、JavaScript、压缩图片 三、安装准备 用管理员身份打开cmd通过npm下载一些需要的包. 新建gulpfile.js文件引入gulp文件，注意
2020-08-19 20:58:30
355
原创 js试题及答案(五)
一、单选题（共30题，每题2分） 1.不属于同源策略限制条件的 A 端口 B 协议 C 域名 D 网址 正确答案: D 2.不属于常见23种设计模式 A 单例 B MVC C 观察者 D 策略 正确答案: B 3.有代码 function Foo(){}; var foo = new Foo(); 下列表达式运算结果为true的选项为 A Foo.prototype == Foo.proto B foo.prototype == Foo.proto C foo.proto == Foo.prototype
2020-08-19 17:59:25
11511
原创 js试题及答案(四)
一、单选题（共30题，每题2分） 1.闭包的好处说法不对的 A 缓存变量 B 防止命名冲突 C 可能造成内存泄露 D 减少内存使用率 解析: 无 2.不能进行强制类型转化的为 A parseInt B parseFloat C Number D Math.floor 正确答案: D 3.alert(username);var username=“leson”;结果为 A undefined B leson C null D 报错 正确答案: A 解析: 变量提升，预解析 4.不属于常
2020-08-19 11:58:21
11368
转载 npm使用淘宝镜像
淘宝 npm 地址： http://npm.taobao.org/ 如何使用 有很多方法来配置npm的registry地址，下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例： 1.临时使用 npm --registry https://registry.npm.taobao.org install express 2.持久使用 npm config set registry https://registry.npm.taobao.org 配置后可通过下面方式来验证是否成功 npm co
2020-08-18 12:32:34
421
原创 js基础试题及答案(三)
一、单选题（共30题，每题2分） 1.下列关于事件委托说法错误的是 A 事件委托可以解决事件绑定程序过多的问题 B 事件委托利用了事件捕获原理 C 事件委托可以提高代码性能 D 事件委托可以应用在click,onmousedown事件中 正确答案: B 解析: 事件委托利用的是事件冒泡的原理 2.什么属性用于获取 HTML 文件的根节点 A documentElement B rootElement C documentNode D documentRoot 正确答案: A 解析: html
2020-08-07 17:54:08
25315
原创 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
348
原创 js基础试题及答案(二)
一、单选题 1.已知数组 var arr = [1,2,3,4,5],执行 arr.pop() 后，数组的长度是 A 4 B 5 C 6 D 7 正确答案: A 解析: arr.pop()是删除数组后一个数据 2.var array = new Array(5); array.push(8); 数组array的长度是 A 5 B 6 C 7 D 8 正确答案: B 解析: new Array(5);创建一个长度为5的空数组，push方法在数组后增加一位，结果为6 3.3秒后，图片消失，应该使
2020-07-24 20:45:18
9892
原创 js基础试题及答案(一)
一、单选题（共30题，每题2分） 1.如下代码，会弹出来是什么 var num1=“1” ;var num2=1 alert(num1-num2); A 0 B 11 C 1+1 D 报错 正确答案: A 解析: 相减,进行隐士转换,全部为数字 2.如下代码，会弹出来是什么 var num1=“hi” var num2=1 alert(num1+num2); A hi1 B 1 C hi D 报错 正确答案: A 解析: 字符串拼接 3.在JS中，“1555”+3的运行结果是 A 1558
2020-07-20 19:17:17
15251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人