时间飞逝子非鱼-CSDN博客

原创【Vue】Vue2.0页面缓存和不缓存的方法，以及watch监听会遇到的问题

vue2.0页面缓存和不缓存的方法，以及watch监听会遇到的问题

2018-03-26 17:44:16 17116

转载【Vue】Vue移动端页面自适应解决方案

移动端页面自适应解决方案该方案使用相当简单，把下面这段已压缩过的原生JS（仅1kb，源码已在文章底部更新，2017/5/3）放到 HTML 的 head 标签中即可（注:不要手动设置viewport，该方案自动帮你设置）&amp;amp;lt;script&amp;amp;gt;!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a...

2018-02-07 11:33:25 23484

转载【Jquery】判断是否为数组，判断数值是否为空

判断是否为数组，判断数值是否为空

2018-01-25 16:40:35 21281

原创【JavaScript】2018最新的省市区，获取json，实现三级联动选择省市区（底部源码地址）

【2018最新的省市区】获取json，实现三级联动选择省市区（底部源码地址）

2018-01-25 16:11:43 7089 3

转载 mysql8.0忘记密码或出现Access denied for user root localhost using password YES

1、找到mysql安装路径（可以在环境变量中找）2、以管理员身份打开命令行，停止服务（win+q输入cmd右击）（net stop mysql）3、cd 到mysql安装路径的bin目录，之前版本输入mysqld --skip-grant-tables，8.0输入mysqld --console --skip-grant-tables --shared-memory4、打开另一个管理员命令行，cd 到mysql安装路径的bin目录，输入mysql，输入use mysql5、flu

2020-06-24 15:41:29 509

原创 Mysql常用命令，增删查改、高性能模糊查询，按时间升、降序，总条数

Mysql常用命令，增删查改、高性能模糊查询，按时间升、降序，总条数

2019-08-26 16:16:50 931

原创邮箱的规则、正则表达式【亲测有效】

const Email = '1233';const emailrule = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;if (!emailrule.test(Email)) { alert("请输入有效邮箱"); return false;}

2019-06-27 09:15:31 10193

原创 HTML5自闭合（self-closing）标签汇总、以及末尾的斜杠问题的官方说明

HTML5规范声明：在HTML5的规范中，自闭合标签不需要加斜杠，但是兼容加斜杠的写法； XHTML严格要求自闭合标签中必须加斜杠；自闭标签及其官方说明：<br> 插入一个简单的换行符，标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。<hr> 创建一条水平线，在HTML中，<hr> 没有结束标...

2019-06-20 14:41:12 9902

原创 wangEditor富文本编辑器【超简单教程】

1、引入wangEditor.min.js<script src="./jquery-2.1.4.min.js"></script><script src="./wangEditor.min.js"></script>2、初始化wangEditor<div class="min800 inline-block" style="...

2019-06-14 16:36:28 3812

原创 fullPage全屏滚动插件【超简单教程】以及报错licenseKey和不够一屏的解决方案

fullPage.js滚屏插件可以说是目前使用的最广泛的滚屏插件了，不管是兼容性还是稳定性，都做的很好了，下面我们快速入门运用这个插件吧。【超简单教程】1、引入对应的本地的或者是CDN的css和js插件【官方插件地址】<link rel="stylesheet" href="./jquery.fullPage.min.css"><script src="./jqu...

2019-06-13 14:17:06 3673

原创 Object.assign()深拷贝的用法、以及在IE浏览器不兼容的解决方案

1、Object.assign()的用法ES5提供的Object.assign()原型方法，主要是用来解决拷贝出来的新对象和原来的对象不相互影响的问题。主要用法有：一、复制一个对象let obj1 = { a: 0 , b: { c: 0}}; let obj2 = Object.assign({}, obj1); console.log(JSON.stringify(obj...

2019-06-11 13:44:23 2612

原创腾讯地图获取当前定位的经纬度、地址的详细名称和地图上的显示

具体步骤：1、申请腾讯地图的开发者keyhttps://lbs.qq.com/console/mykey.html?console=mykey2、引用腾讯地图的 cdn 链接前端定位组件：https://lbs.qq.com/tool/component-geolocation.html 逆地址解析(坐标位置描述)：https://lbs.qq.com/webservice_v1...

2019-04-23 17:20:33 25616 6

原创 Vue 项目 v-model 数组中的内容更新了，视图层没有更新的解决办法

遇到的问题：在Vue 项目中，通过 v-model 双向数据绑定，数据可以快速响应到页面上，但是有时候会发现，数组中的内容已经更新了，但是视图层却没有没有更新。{{ arr }} // 一直都是[0]data(){ return{ arr:[0] }},mounted() { setTimeout(() => { this...

2019-03-28 17:02:25 4029

原创 js 判断是否为数组的超简单的方法和区别【兼容 IE 9 及以下版本】

js 判断是否为数组的超简单的方法和区别【兼容 IE 9 及以下版本】Array.isArray(arr)instanceofArray

2019-03-28 09:28:44 613

原创 js 赋值的两个数组、对象会相互影响，可使用深拷贝方法解决

js 赋值的两个数组、对象会相互影响，可使用深拷贝方法解决

2019-03-27 17:47:45 3051

原创 Vue刷新页面，动态addRoutes添加路由，报错Maximum call stack size exceed Cannot read property 'matched' of undefined

Vue刷新页面，动态addRoutes添加路由，报错 "RangeError: Maximum call stack size exceeded"Maximum call stack size exceededCannot read property 'matched' of undefined"Cannot read property 'matched' of undefined

2019-03-21 11:43:05 2645 1

原创小乌龟克隆项目报错：Disconnected: No supported authentication methods available(server sent: publickey)

小乌龟克隆项目报错：Disconnected: No supported authentication methods available(server sent: publickey)fatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists.

2019-03-20 16:24:38 1863 1

原创 js 通过 blob 类文件对象下载图片，修改图片保存的名字（兼容式写法）

js 通过 blob 类文件对象下载图片，修改图片保存的名字（兼容式写法）1、转换成base64的方法2、转换成 blob 对象3、判断浏览器的类型4、把获取的地址传入上面的方法，然后判断浏览器的类型，选择兼容的下载 blob 文件流的方法

2019-03-18 18:02:32 9389 3

原创 js 判断是哪个浏览器的封装

js 判断是哪个浏览器的封装

2019-03-18 17:21:18 510

原创 js下载 txt 文本文件的兼容方法

出现的问题： txt文本文件在浏览器中用a标签下载，会直接打开，而不会下载。解决思路：1、先判断返回的地址中时候有 .txt 字符2、判断是什么浏览器，判断使用哪种的 get 的请求3、拿到地址后，创建 a 标签，设置 a 标签的下载地址4、把请求的地址中获取的文本信息responseText，通过new Blob()生成 blob 文件流5、把 blob 文件流复制...

2019-03-18 17:01:01 2766

转载 json的单引号和双引号问题（亲测有效）

在json文件写数组的时候，如果数组的字符串使用单引号包住的时候，会导致获取到的json文件不能通过JSON.parse()进行转码，然后在 json官网发现了，字符串是必须要用双引号的。》今天遇到双引号和单引号的问题：json就是一段有格式的字符串，如果数据的封装与解析都是我们自己做的时候，单引号和双引号是没啥关系的，但是如果用到一些别的json相关的库的时候，或者像笔者这样是发...

2019-01-28 15:55:25 41177

原创【超简单】JavaScript 数组去重的方法

注意：Array.isArray()、Set()、for of 是ES6的语法，如果需要匹配不兼容的浏览器，需要用 babel-core 对 ES6 进行转码，如果需要兼容 IE9 和一些低版本的浏览器，可以安装和使用babel-polyfill，可以点击 babel-polyfill 安装和使用教程1、【ES6简单快捷1】数组去重的方法const arr=[1,2,3,4,5,5,...

2019-01-25 11:57:41 208 1

原创循环数组或者对象的常用方法forEach、for-of 的优缺点

1、forEach优点：写法更加简洁缺陷：你不能使用break语句中断循环，也不能使用return语句返回到外层函数const arr=[1,2,3,4,5];arr.forEach((item) => { console.log(item) // 1 //2 //3 //4 //5 if(element == 3){ return; ...

2019-01-25 11:32:58 932

原创 JavaScript 判断传参是否为数组

1、【最标准】判断数组写法const arr='1,2,3,4,5,5,3,4,5,3,6';function isArray(arr) { return Object.prototype.toString.call(arr) == '[object Array]';}console.log(isArray(arr)) // true、数组；false、不是数组2、【ES6...

2019-01-25 11:18:34 606

转载 Vue2.0 兼容 IE9 和一些低版本的浏览器，安装和使用babel-polyfill，以及兼容的优缺点

babel 默认只转换 js 语法，而不转换新的 API，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。注意：项目中如果兼容 IE9 和一些低版本的浏览器，就必须对这些新的 API进行转码。安装和使用babel-polyfill...

2019-01-23 17:56:13 5354

原创【超简单】安装及运行 http-server 简易node服务器，本地浏览器打开build打包之后的dist文件

build之后的dist文件只有放在服务器上才能查看，但本地如何查看呢，我们可以利用node.js中的 http-server 的插件，搭建一个简易node服务器。1、全局安装 http-server（建议的），可以用下面三个命令中的其中一个国外npm网站直接安装命令： npm i http-server -g 淘宝cnpm镜像安装命令： cnpm i http-se...

2019-01-23 10:12:25 6038 1

原创【面试必问题】Vue 2.0——生命周期和钩子函数的理解、以及生命周期的实际应用场景

1、前言Vue 框架，作为一个主流的框架，不管是大公司还是小公司都用应用这个框架，所以作为前端开发肯定不可避免就用到了，所以我们不仅要学会用，更要学会理解这个框架，这样不管是对我们利用这个框架工作，或者是我们找工作面试的时候，才能更加自信，更加游刃有余。2、Vue 2.0 的生命周期下面这张图就可以完美的解释了Vue 2.0 的生命周期了 Vue 1.0 和 Vue 2.0 ...

2019-01-22 18:03:19 1430

转载 Object.defineProperty() 的属性和用法

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。1、用法：Object.defineProperty(obj, prop, descriptor)obj：要在其上定义属性的对象。prop：要定义或修改的属性的名称。descriptor：将被定义或修改的属性描述符。2、defineProper...

2019-01-22 15:18:09 1361

原创 Object.defineProperty的可枚举属性的定义，可枚举属性的设置以及可枚举属性的用处

1、什么是枚举？（百度百科）枚举：在数学和计算机科学理论中，一个集的枚举是列出某些有穷序列集的所有成员的程序，或者是一种特定类型对象的计数。这两种类型经常（但不总是）重叠。是一个被命名的整型常数的集合，枚举在日常生活中很常见，例如表示星期的SUNDAY、MONDAY、TUESDAY、WEDNESDAY、THURSDAY、FRIDAY、SATURDAY就是一个枚举。可枚举：显而易见，就是某些...

2019-01-22 14:27:29 987

原创 JS 严格模式下的常见规则大全（亲测有效）

1、全局变量显式声明在正常模式中，如果一个变量没有声明就赋值，默认是全局变量。严格模式禁止这种用法，全局变量必须显式声明。"use strict";a = 1; // 报错，a is not defined2、禁止this关键字指向全局对象f();function f(){ console.log(!this); // false} // 打印false，因为"...

2019-01-17 18:31:33 604

转载为什么要使用 js 的严格模式、如何使用严格模式

1.概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。2.为什么用严格模式- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;- 消除代码运行的一些不安全之处，保证代码运行的安全；- 提高编译器效率，增加运行速度；- 为未来新版本...

2019-01-17 16:34:04 1155

转载最常见浏览器兼容性问题与解决方案

最常见浏览器兼容性问题与解决方案

2019-01-17 14:50:49 322

转载【面试必问题】：谈谈浏览器的兼容性

题目点评这个问题是非常抽象的，越是抽象的问题越能表现出我们的表达能力，而面试官就喜欢根据你的回答来追问，不断地打断你的思路，这个时候不要慌，一定要坚信自己。回答思路我们在开发的时候会明确项目要兼容哪些浏览器的最低版本，我之前的项目要求兼容IE8.0以上的版本，Chrome 48以上，FireFox 44以上。有了这些最基本的要求，在开发中就是要考虑到CSS样式和JavaScript的在...

2019-01-17 14:39:25 1194