祭奠丶青春-CSDN博客

原创 Vue中实现路由跳转的四种方式

1.this. $router.push(‘url’)跳转到指定的URL，在history栈中添加一个记录，点击后退会返回上一个页面push 后面可以是对象，也可以是字符串：// 字符串this.$router.push('/home/first')// 对象this.$router.push({ path: '/home/first' })// 命名的路由this.$router.push({ name: 'home', params: { userId: wise }})2.rou

2020-06-18 16:25:10 11828 2

原创 ES6中Object.assign()的使用

一、Object.assign()对象的拷贝Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。Object.assign(target, …sources) 【target：目标对象】，【souce：源对象（可多个）】注意：1.如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性2.Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用

2020-06-18 15:29:35 649

原创 js中将字符串转化成json格式的三种方式

在日常的项目中,一般来说都是前后端分工合作的,而对于传到前端的数据格式都是由后端同事来定的,而对于标准json格式来说我们好处理,而对于不是标准格式的,我们用JSON.parse()解析不了,这里我分享其他用于把json字符串转化为json对象的方法1，eval方式解析，恐怕这是最早的解析方式了,也是最容易出现莫名其妙的问题。如下：function strToJson(str) { var json = eval('(' + str + ')'); return json;}记得别

2020-05-25 16:31:50 1136

原创 JS监听浏览器窗口切换

以前看到过一些网页，在标签切换到其它地址时，网页上的标题上会发生变化，一直不知道这个是怎么做的，最近查了一些资料才发现有一个 visibilitychange 事件就可以搞定，这里将介绍一下页面可见性（Page Visibility）API的简单应用。visibilitychange事件介绍简单的说，当用户最小化网页或移动到另一个标签时，API会发送 visibilitychange 有关该网页的可见性的事件。你可以检测到该事件并执行一些操作或行为。例如：标签页隐藏的时候停止播放音乐视频、停止一些不必要

2020-05-25 15:35:00 5822

原创 jQuery中append与appendTo区别

append(content)的用法:功能是向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。使用格式: $(selector).append(content)实例用法:<!DOCTYPE html><html lang="en"><head> <meta charset="U...

2019-09-20 10:15:05 180

原创 websocket心跳检测

1.心跳检测的缘由websocket心跳检测的目的用一句话概括就是客户端和服务端保证彼此还活着，避免丢包发生.websocket断开一般有两种情况前端断开在使用websocket过程中，可能会出现网络断开的情况，比如信号不好，或者网络临时关闭，这时候websocket的连接已经断开，而不同浏览器有不同的机制，触发onc...

2019-09-18 15:04:41 3342

原创一款好用的头像上传插件

头像上传插件头像是我们前端开发工作者一个必备的技能,而怎么既高效又美观的完成这项工作就是我们思考的问题,在这里我分享一个好看实用的插件给你们.ps:这里样式不是固定死的.你可以根据自身喜好调整样式.相关代码ps：关键标签只有四个只要四个对应就ok，然后你就可以随意做出你想要的样子<!DOCTYPE html><html> <head> &...

2019-08-21 10:22:25 817

原创实现HTML标签的转义、反转义的几种方法

方法一：通过正则表达式进行替换1，HTML 标签的转义方法//HTML标签转义（ < -----> <）function html2Escape(sHtml) { return sHtml.replace(/[<>&"]/g,function(c){ return {'<':'<','>':'&g...

2019-08-15 09:29:04 5729

原创前端性能优化

前端性能优化前面的话减少请求数量减小资源大小优化网络连接优化资源加载前面的话本文将详细介绍前端性能优化的七大手段，包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化减少请求数量【合并】如果不进行文件合并，有如下3个隐患1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟2、受丢包问题影响更严重3、经过代理服务器时可能会被断...

2019-08-14 11:34:52 96

huanggang0101的博客