JavaScript基础
文章平均质量分 71
chyxb
这个作者很懒,什么都没留下…
展开
-
2019前端面试总结vue篇
1.Vue生命周期vue生命周期就是从开始创建,初始化数据,编译模板,挂载DOM,渲染->更新->渲染,销毁等一系列过程。。生命周期钩子如下:组件实例周期:BeforeCreate:实例初始化后,无法访问方法和数据;Created:实例创建完成,可访问数据和方法,注意,假如有某些数据必须获取才允许进入页面的话,并不适合;beforeMonut:挂载DOM之前Mo...原创 2019-10-15 12:37:15 · 320 阅读 · 1 评论 -
2019前端面试自我总结js篇
1.数组有什么方法?map((item,index)=>{...}) splice(删除元素的起始位置,要删除的个数,替换元素的值) slice(开始的索引,结束的索引) 截取元素 join('',") 将数组变成字符串,同字符串的split()方法组合使用 concat(数组,数组,数组...)实现数组的拼接 push()从后面增加一个元素,pop() 方法用于删除并返回数组...原创 2019-10-13 13:57:56 · 293 阅读 · 0 评论 -
vue中在url获取参数及后续
1.this.$route.querylet urlParams = this.$route.query;得到的参数是一个对象2.判断是否是空对象可以用ES6中,Object.key(urlParams).length!==0 来判断3.可以用解构赋值来得到每个参数变量const {userID,userToken} = urlParams; ...原创 2019-01-22 14:36:04 · 1387 阅读 · 0 评论 -
Promise笔记
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title&am原创 2019-01-10 14:17:25 · 143 阅读 · 0 评论 -
动态给table添加行点击事件
window.onload = function () { var trs = document.getElementsByTagName('tr'); for (let j = 0; j < trs.length; j++) { trs[j].onclick = function()...原创 2019-01-09 09:06:11 · 3571 阅读 · 0 评论 -
一些样式总结
1.css宽度不够时不换行且隐藏 overflow: hidden; white-space: nowrap;2.加了标签</br>后发现间距过宽 可能是行高设置大了3.z-index 失效原因可能是因为父标签 position属性为relative; 问题标签无position属性(不包括static); 问题标签含有浮动(float)属性。...原创 2018-12-24 14:35:07 · 121 阅读 · 0 评论 -
学习笔记JavaScript 执行机制
原文学习:https://juejin.im/post/59e85eebf265da430d571f89javascript是一门单线程语言 Event Loop是javascript的执行机制setTimeout(function () { console.log('setTimeout');})new Promise(function (resolve) { c...原创 2019-02-15 15:16:27 · 141 阅读 · 0 评论 -
js 中国标准时间,时间戳 ,yyyy-mm-dd格式之前相互转换
时间戳 ,yyyy-mm-dd格式都可以通过 new Date()转换成中国标准时间: Tue Dec 31 2019 00:00:00 GMT+0800 (中国标准时间)new Date()的参数可以为空,可以为:1、new Date("month dd,yyyy hh:mm:ss"); 2、new Date("month dd,yyyy"); 3、new Date(yyyy,...原创 2019-01-30 17:01:57 · 24421 阅读 · 0 评论 -
iview Form表单验证思路整理
项目基本代码如下 Modal 和Form结合实现需求在 Form 内,每个表单域由 FormItem 组成,可包含的控件有:Input、Radio、Checkbox、Switch、Select、Slider、DatePicker、TimePicker、Cascader、Transfer、InputNumber、Rate、Upload、AutoComplete、ColorPicker。 ...原创 2019-01-31 10:42:37 · 1887 阅读 · 1 评论 -
h5页面input和textarea标签在微信公众号软键盘收回后页面未恢复到底部
解决方法参考:微信打开网页键盘弹起后页面上滑,导致弹框里的按钮响应区域错位解决方法,项目用的是react-antd框架中的TextareaItem组件,所以可以利用属性onblur调用函数isBlur(){ window.scrollTo(0, 0);}<TextareaItem {...getFieldProps('count', {})} plac...原创 2019-03-07 15:11:10 · 888 阅读 · 0 评论 -
js截取指定字符串
let urlsParams = 'https://dataapi.ppkao.com/api/MarketMemberListApi/EditUserFinanceInfo&source=api_pc&sign=94e8d75a2f0681db0e9b8be0b2605e13';//用search()方法查找字符串'sign' ,会返回s的位置let signIndex...原创 2019-04-09 10:13:27 · 9704 阅读 · 0 评论 -
iconfont 阿里图标库的使用
网址:https://www.iconfont.cn/1.登录--选择自己喜欢的图标加入购物车--收集好自己心仪的图标之后点开购物车--可以选择添加至项目2.应用于项目时可以选择下载至本地 或者 查看在线链接(1)下载至本地会下载一个压缩包,解压并放到项目中,然后入口js文件,引入iconfont.css;import './iconfont/iconfont.css';...原创 2019-04-03 16:34:00 · 262 阅读 · 0 评论 -
事件捕获和事件冒泡
参考文章:https://javascript.info/bubbling-and-capturing一.事件冒泡和事件捕获的理解事件冒泡:事件到达目标节点后,会沿着捕获阶段的路线返回。同样,所有经过的节点都会触发对应的事件事件捕获:当一个事件触发后,从window对象出发,不断经过下级节点,直到抵达最终目标节点(event.target)。在事件达到目标节点之前就是事件捕获的phra...原创 2019-09-10 20:31:59 · 250 阅读 · 0 评论 -
前端面试题总结
1.请你谈谈Cookiecookie1.IE6或更低版本最多20个cookie2.IE7和之后的版本最后可以有50个cookie。3.Firefox最多50个cookie4.chrome和Safari没有做硬性限制Opera会清理近期最少使用的Firefox会随机清理4096字节,为了兼容性,一般不能超过IE 提供了一种存储可以持久化用户数据,叫做IE5.0就开始支持。...原创 2019-09-19 18:23:19 · 636 阅读 · 0 评论 -
判断设备是不是移动端
//判断设备是不是移动端isMobile() { const userAgent = navigator.userAgent; return userAgent.match(/(iPhone|iPod|Android|ios|iPad|AppleWebKit.*Mobile.*)/i);}if(isMobile()){console.log('是移动端')}else{consol...原创 2018-12-20 09:47:08 · 891 阅读 · 0 评论 -
JavaScript对象详解
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81297232JavaScript对象详解目录JavaScript对象详解1.对象的概念、特点* 什么是对象?* 分析对象有什么特点:特征和行为2.创建对象三种方式* 1.调...原创 2018-07-31 11:27:34 · 906 阅读 · 0 评论 -
JavaScript流程控制-循环语句
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81294987JavaScript流程控制-循环语句目录JavaScript流程控制-循环语句1.循环语句之while循环 看代码练习:计算1-100之间所有数字的和 看代码练习:...原创 2018-07-31 04:19:21 · 772 阅读 · 0 评论 -
JavaScript流程控制-分支语句
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81291776JavaScript流程控制-分支语句目录JavaScript流程控制-分支语句1.流程控制:有三种方式2.分支语句之if语句:主要是判断 看代码3.分支语句之if-e...原创 2018-07-30 21:00:08 · 343 阅读 · 0 评论 -
JavaScript运算符
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81291614JavaScript运算符目录JavaScript运算符1.运算符(操作符)介绍 看代码2.一元运算符 1.运算符(操作符)介绍 看代码* 算术运算符: ...原创 2018-07-30 20:37:17 · 248 阅读 · 0 评论 -
JavaScript类型转换
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81291258JavaScript类型转换目录JavaScript类型转换1.其他类型转数字类型:三种方式1.parseInt();//转整数 看代码2.parseFloat()//...原创 2018-07-30 20:19:47 · 316 阅读 · 0 评论 -
JavaScript字符串
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81291102JavaScript字符串目录JavaScript字符串1.JavaScript字符串中的转义符2.字符串的拼接3.for循环字符串4.字符串的常用属性1. ....原创 2018-07-30 20:05:11 · 908 阅读 · 0 评论 -
JavaScript变量、数据类型、注释
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81290889JavaScript变量、数据类型、注释目录JavaScript变量、数据类型、注释1.变量的作用、声明、初始化2.一次性声明多个变量 看代码3.变量名的命名规范,要...原创 2018-07-30 19:56:05 · 494 阅读 · 0 评论 -
JavaScript Math对象详解
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81299435JavaScript Math对象详解目录JavaScript Math对象详解1.理解实例对象、静态对象、实例方法、静态方法2.Math中常用的静态方法Math.PI...原创 2018-07-31 12:31:55 · 402 阅读 · 0 评论 -
JavaScript Date对象详解
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81304972JavaScript Date对象详解目录JavaScript Date对象详解1.Date获取当前的时间或传入的时间 看代码2.获取 年、月、日、时、分 、秒 、星期 ...原创 2018-07-31 16:13:43 · 450 阅读 · 0 评论 -
vue基本环境搭建
原文来源:https://www.jianshu.com/p/0c6678671635 1:安装node端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份...转载 2018-11-09 15:28:18 · 140 阅读 · 0 评论 -
js定义对象时属性名是否加引号问题
1.在JavaScript中,加引号与不加引号都是一样用,都是有效的。var person1 = { name:'pca', age:12};alert(person1.name); //pcaalert(person1['name']);//pcavar person2 = { 'name':'pca', age:12};alert(perso...原创 2018-09-16 16:01:22 · 2061 阅读 · 0 评论 -
JavaScript 函数详解
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81317398JavaScript函数详解目录JavaScript函数详解1.函数的概念和作用2.函数的定义 看代码3.案例案例:求两个数字的和案例:求两个数字的最大值案...原创 2018-07-31 18:19:47 · 831 阅读 · 0 评论 -
JavaScript Array对象详解
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81316413JavaScript Array对象详解目录JavaScript Array对象详解1.数组的概念和作用2.数组的定义:1. 通过构造函数创建数组 看代码2. 通过...原创 2018-07-31 17:22:20 · 1047 阅读 · 0 评论 -
JavaScript 基础练习一
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81315788JavaScript 基础练习一1.计算最终的结果,练习逻辑var num1 = 10;var num2 = num1;num1 = 20;console.log(nu...原创 2018-07-31 16:32:02 · 927 阅读 · 0 评论 -
JavaScript简介
转载请注明预见才能遇见的博客:https://my.csdn.net/原文地址:https://blog.csdn.net/weixin_42787326/article/details/81290550JavaScript简介目录JavaScript简介1.JavaScript分三个部分组成: 学习JavaScript就是学习这三部分2.JavaScript是什么?3...原创 2018-07-30 19:30:30 · 140 阅读 · 0 评论