chyxb-CSDN博客

原创 2019前端面试总结vue篇

1.Vue生命周期vue生命周期就是从开始创建，初始化数据，编译模板，挂载DOM，渲染->更新->渲染，销毁等一系列过程。。生命周期钩子如下：组件实例周期：BeforeCreate：实例初始化后，无法访问方法和数据；Created：实例创建完成，可访问数据和方法，注意，假如有某些数据必须获取才允许进入页面的话，并不适合；beforeMonut：挂载DOM之前Mo...

2019-10-15 12:37:15 260 1

原创 2019前端面试自我总结js篇

1.数组有什么方法？map((item,index)=>{...}) splice(删除元素的起始位置，要删除的个数，替换元素的值) slice(开始的索引，结束的索引) 截取元素 join('',") 将数组变成字符串，同字符串的split()方法组合使用 concat(数组，数组，数组...)实现数组的拼接 push()从后面增加一个元素，pop() 方法用于删除并返回数组...

2019-10-13 13:57:56 250

原创用户登录及自动登录流程

1.用户通过账号密码或者手机验证码登录2.登录接口返回token+sign等用户信息，其中token用作用户权限操作必传参数并且有时效限制，sign为token失效时系统可以自动登录必传参数。3.当用户操作界面，接口返回token过期或者401时，调用自动登录接传sign等参数，如（1）自动登录成功则返回新的用户信息和token,继续进行后续操作，如（2）（因为密码改变使得sign改变）...

2019-10-13 09:10:37 1107

原创改变this绑定指向的方法

JavaScript中this总是指向一个对象，this实际上是函数被调用时发生的绑定，它指向什么完全取决于函数在哪里被调用。apply,call,bind和forEach 对this 都是显示绑定1.applyfun.apply(thisArg,argArray)thisArg：这个对象将代替Function类里this对象argArray：这个是数组或者伪数组，它将作为参数...

2019-09-23 15:14:09 212

原创前端面试题总结

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 582

原创事件捕获和事件冒泡

参考文章：https://javascript.info/bubbling-and-capturing一.事件冒泡和事件捕获的理解事件冒泡：事件到达目标节点后，会沿着捕获阶段的路线返回。同样，所有经过的节点都会触发对应的事件事件捕获：当一个事件触发后，从window对象出发，不断经过下级节点，直到抵达最终目标节点（event.target）。在事件达到目标节点之前就是事件捕获的phra...

2019-09-10 20:31:59 233

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

原创 iconfont 阿里图标库的使用

网址：https://www.iconfont.cn/1.登录--选择自己喜欢的图标加入购物车--收集好自己心仪的图标之后点开购物车--可以选择添加至项目2.应用于项目时可以选择下载至本地或者查看在线链接（1）下载至本地会下载一个压缩包，解压并放到项目中，然后入口js文件，引入iconfont.css；import './iconfont/iconfont.css';...

2019-04-03 16:34:00 234

原创 h5页面input和textarea标签在微信公众号软键盘收回后页面未恢复到底部

解决方法参考：微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位解决方法，项目用的是react-antd框架中的TextareaItem组件，所以可以利用属性onblur调用函数isBlur(){ window.scrollTo(0, 0);}<TextareaItem {...getFieldProps('count', {})} plac...

2019-03-07 15:11:10 820

原创别人都有网就我没网---------重新设置ip

第一步：点击 "打开网络和共享中心"--''更改适配器设置''--选择本地连接的网络鼠标右键属性--双击‘Internet协议版本4（TCP/IPv4）属性’ 第二步：选中‘使用下面的IP地址’，填入正确的IP地址，子网掩码，和默认网关（路由器）即可注意：如果不知道该填什么，可以：1.按windows+r键 --输入 cmd --回车即可弹出命令框 2.命令框中输入 ...

2019-02-22 13:14:21 493

原创强制清理CDN(DNS)缓存方法

强制清理CDN(DNS)缓存方法/步骤1.打开命令对话框：开始--cmd--确定2.在CMD命令操作框上输入清空DNS缓存的命令，命令为：ipconfig/flushdns ，然后回车即可清除DNS缓存。当我们电脑无法上网，或者DNS出错的时候都可以尝试下清除DNS缓存试试。另外还可以在以上命令框中，输入ipconfig /displaydns这个命令，来查看一下本机已经缓存...

2019-02-18 10:07:18 22653 1

原创学习笔记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 125

原创 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 1812 1

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

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

原创 CSS3渐变（Gradients）

一、简述CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gradients）- 由它们的中心定义优点是：1.不必通过图像来实现渐变效果，可以节省宽带和下载的时间 ...

2019-01-11 09:33:21 550

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

原创初步接触Bootstrap

https://v3.bootcss.com/getting-started/ Bootstrap可视化编辑器工具-LayoutIt：http://www.bootcss.com/p/layoutit/ Bootstrap可视化编辑器工具上下载的是纯html标签需要在head中引用Bootstrap中必要的CSS样式和JS步骤：1.http://v3.bootcss.com/ge...

2019-01-09 09:06:29 116

原创动态给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 3508

原创一些样式总结

1.css宽度不够时不换行且隐藏 overflow: hidden; white-space: nowrap;2.加了标签</br>后发现间距过宽可能是行高设置大了3.z-index 失效原因可能是因为父标签 position属性为relative；问题标签无position属性（不包括static）；问题标签含有浮动(float)属性。...

2018-12-24 14:35:07 101

原创抬头悬浮position: sticky

html<div class="header-con" ></div>css .header-con{ position: sticky; top: 0; z-index: 999; }

2018-12-24 13:54:08 210

原创判断设备是不是移动端

//判断设备是不是移动端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 825

原创 ECharts 柱状图多柱情况下堆叠和重叠

1.echarts代码原文http://echarts.baidu.com/examples/editor.html?c=mix-line-bar 在此不进行复制2.堆叠 stack:'product', series: [ { name:'蒸发量', type:'bar', stack:'堆叠...

2018-12-12 10:45:19 33501 8

转载 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 128

原创微信小程序wx.navigateTo无法跳转问题

查询各类文档发现问题之处在于:若是在全局app.json中配置了tabBar，引用的链接与wx.navigateTo页面跳转url地址相同就无法实现跳转答案来源：https://www.cnblogs.com/wenzheshen/p/6912727.html具体为什么不太清楚！！！...

2018-09-30 14:13:52 3117

原创 react 组件用用jsx的格式区分页面和组件时出现错误

错误原因，webpack没有配置好，应对test 更改成jsx ，增加插件resolve module: { rules: [ { test: /\.jsx?$/, exclude: /(node_modules|bower_components)/, use: { loader: "babel-l...

2018-09-19 11:03:13 1028

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

原创码云使用小记

目录第一步，下载安装git ，网址：https://git-scm.com/downloads第二部，在码云上注册，创建空项目1.生成并部署SSH key2.git配置用户名和邮箱3.git上传项目使用4.git使用现有项目2.Git操作提交Git GuiVSCode第一次接触码云只是大概理解git是一个仓库可以储存更新代码，根据网上教程实操一遍。具体...

2018-09-01 21:26:28 557

原创 JSX理解

一.语法 1.只能有一个根节点；但是可以相互嵌套 2.换行或者多标签推荐加括号,防止js自动分号不往后执行； const element =( <div><h1>1</h1></div>) 3. 解析规则 - 遇到 HTML 标签（以 < 开头）就用 HTML 规则解析.单标签不能省略...

2018-08-27 13:18:53 494

原创 npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules/npm/node_modules/ansi

在终端更新npm时直接输入 npm install npm@next -g.会提示错误：npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules/npm/node_modules/ansi-regex' 原因: 执行命令行命令时没有获得管理员权限解决办法: 在命令前面加上s...

2018-08-26 11:41:31 10588

原创 JavaScript 基本类型、引用类型、基本包装类型

转载请注明预见才能遇见的博客：https://my.csdn.net/原文地址：https://blog.csdn.net/weixin_42787326/article/details/81334482JavaScript基本类型、引用类型、基本包装类型目录JavaScript基本类型、引用类型、基本包装类型1.基本类型(简单类型),值类型: number,string,bo...

2018-08-01 17:37:03 208

原创 JavaScript 解析器、预解析、变量提升、函数提升

转载请注明预见才能遇见的博客：https://my.csdn.net/原文地址：https://blog.csdn.net/weixin_42787326/article/details/81328757JavaScript解析器、预解析、变量提升、函数提升目录JavaScript解析器、预解析、变量提升、函数提升1.JavaScript解析器工作步骤2.预解析1.预解...

2018-08-01 16:40:42 940 3

原创 JavaScript 作用域、作用域链、闭包

转载请注明预见才能遇见的博客：https://my.csdn.net/原文地址：https://blog.csdn.net/weixin_42787326/article/details/81326628JavaScript作用域、作用域链、闭包目录JavaScript作用域、作用域链、闭包1.作用域(使用范围)2.作用域链3.闭包4.练习1.作用域(使用...

2018-08-01 11:25:28 282

原创 JavaScript 函数详解

转载请注明预见才能遇见的博客：https://my.csdn.net/原文地址：https://blog.csdn.net/weixin_42787326/article/details/81317398JavaScript函数详解目录JavaScript函数详解1.函数的概念和作用2.函数的定义看代码3.案例案例：求两个数字的和案例：求两个数字的最大值案...

2018-07-31 18:19:47 488

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

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

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

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

原创 JavaScript对象详解

转载请注明预见才能遇见的博客：https://my.csdn.net/原文地址：https://blog.csdn.net/weixin_42787326/article/details/81297232JavaScript对象详解目录JavaScript对象详解1.对象的概念、特点* 什么是对象?* 分析对象有什么特点:特征和行为2.创建对象三种方式* 1.调...

2018-07-31 11:27:34 573

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

空空如也

空空如也