自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

惠子的博客

努力做想做的事情,成为一个更好的自己。

  • 博客(12)
  • 收藏
  • 关注

原创 pagehide统计H5页面的访问时长

需求:统计页面的访问时长看似简单,实则磨难重重,最关键的是获取离开页面的时机,回退/前进/关闭都算离开,在离开之前要请求接口才能完成统计,此处借助pagehide方法,但它也是个坑,亲测ios13+以及其他部分机型,在pagehide方法中不支持同步/异步请求。思路1: 一进页面就请求接口A,传入type=1标记进入,离开时请求接口A,type=2标记离开。由接口去计算具体的访问时长思路2: 一进页面前端就保存当前系统时间,离开前再次获取系统时间,计算时间差并传给接口推荐思路1,一是怕前端的时间不.

2020-06-30 19:27:49 1785

原创 详解var、let、const的特性及其区别

一. let命令基本用法:跟使用es5的var一样,但有以下不同之处:1. 不存在变量提升var会存在变量提升现象,let和const则不会有这种情况2. 暂时性死区(TDZ)只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。var tmp = 123;if (true) { tmp = 'abc'; // Referenc...

2019-04-01 22:39:28 1177

转载 如何实现JS函数重载

原文链接:https://blog.csdn.net/ycq521131/article/details/80600298作者:小奶狗1. JavaScripth函数不能够实现重载什么是重载重载,简单说,就是函数或者方法有相同的名称,但是参数列表不相同的情形,这样的同名不同参数的函数或者方法之间,互相称之为重载函数或者方法。参考javascript 高级程序设计(第三版)P66 ...

2019-03-31 22:49:29 244

原创 前端性能优化:节流、防抖

节流何为节流?让需要频繁触发的事件按照指定的时间间隔进行多次触发什么时候需要用?从性能优化的角度考虑,不需要那么高频的触发,需要限制一下时, 可使用节流// 你要多次触发的函数const fn = function() { console.log('scroll')};// 节流函数function throttle(fn, time) { let t...

2019-03-14 15:37:21 331

原创 shell登录服务器&修改主机名&常用linux命令

1. 用shell登录服务器:ssh 用户名@IP地址 -p端口号默认端口为22,可不写登录后, cd / 再执行 ll 可查看到一个正经的linux目录结构这里边我们经常操作的目录主要是:etc、usr、home、root、var。2. 修改你的主机名(hostname)买了阿里云的服务器,登录上后显示这样的不行~ 后面这长串看着难受,这样改~(1)...

2019-03-13 14:33:40 889

原创 排序算法总结JavaScript实现

排序算法总结JavaScript实现 前言: 查找和排序算法是算法的入门知识, 其中的经典思想可以用于很多算法中。排序算法有:冒泡排序、选择排序、快速排序、归并排序、插入排序、堆排序、基数排序、桶排序等。一。冒泡排序 【稳定、简单】  冒泡排序是最简单的排序之一了,但也是最慢的排序算法之一,其大体思想就是通过与相邻元素...

2017-05-11 16:59:00 141

原创 从输入 URL 到页面加载显示完成的过程

从输入 URL 到页面加载显示完成的过程 前言:“一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?” 这个问题我想大多数人都不会陌生,好像是前端面试题经常会出现的,在此我也好好梳理梳理了一番,总结成这篇文章,希望能对和我一样在前端道路上奋进的小白们有所帮助,一起学习,交流。我把这个问题拆解成两个过程:1. 用户输入...

2017-04-20 17:54:00 213

原创 性能优化——高性能网站建设指南总结

性能优化——高性能网站建设指南总结 前言:性能黄金法则揭示了只有10%~20%的最终用户响应时间是花在从Web服务器获取HTML文档并传达到浏览器中的,剩下的80%~90%时间花在为html文档所引用的所有组件(图片、脚本、样式表、Flash等)进行的http请求上。如果希望能够有效地减少页面的响应时间,就必须关注剩余80%~90%的最终用户体验。...

2017-04-11 17:12:00 167

原创 JavaScript学习笔记(1)—— js基础

JavaScript学习笔记(1)—— js基础 本文目录一、认识JS二、JS的词法结构(语法基础)三、变量与数据类型四、运算符与表达式五、语句一、 认识JS1、JS是什么JavaScript是一种运行在浏览器上的脚本语言可用于客户端(浏览器, 手机或平板等智能设备), 也可用于服务器端(如:node.j...

2017-04-07 17:29:00 393

原创 深入理解JavaScript的深拷贝和浅拷贝

深入理解JavaScript的深拷贝和浅拷贝 为了更好的理解js的深浅拷贝,我们先来理解一些js基本的概念 ——Javascript有五种基本数据类型(也就是简单数据类型),它们分别是:Undefined,Null,Boolean,Number和String。还含有一种复杂的数据类型(也叫引用类型),就是对象注意Undefined和Nu...

2017-04-06 17:59:00 264

原创 纯css编写开关按钮

纯css编写开关按钮 本文将教你怎么在不使用js的前提下,用纯css写一个开关按钮。效果一展示地址:http://output.jsbin.com/ritoreh/1代码如下:<!DOCTYPE html><html><head> <title>纯css编...

2017-04-06 16:28:00 196

原创 Javascript 不同浏览器差异和兼容方法

Javascript 不同浏览器差异和兼容方法 浏览器兼容性是由多个不同浏览器同时存在导致的(浏览器内核、版本不同),这些浏览器在处理一个相同的页面时,表现有时会有差异,作为一个前端开发,处理兼容问题就成了我们必不可少的任务之一,下面将介绍一些处理JavaScript兼容性的方法。1. 找子标签的问题问题描述: 1). ...

2017-04-06 15:55:00 387

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除