前端分享
文章平均质量分 76
东方的csdn
扫地拖地 丢垃圾
展开
-
LocalStorage 扩容
浏览器提供的localStorage本地存储的最大空间是5M,如果不够用呢,这时候就需要考虑来给localStorage扩容。思路如下:在【A域】下引入【B域】,【A域】空间足够时,读写由【A域】来完成,数据存在【A域】下;【A域】空间不够需要在【B域】读写时,通过postMessage 向【B域】发送跨域消息,【B域】监听跨域消息,在接到指定的消息时进行读写操作【B域】接到跨域消息时,...原创 2020-03-12 23:17:12 · 1720 阅读 · 3 评论 -
跨域问题出现原因和解决方案(JavaScript、Jquery、Vue、React)
跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。目录【策略一】Jsonp 需要目标服务器配合一个callback函数【策略二】通过修改document.domain来跨子域【策略三】使用window.name来进行跨域【策略四】跨...原创 2020-03-12 23:09:35 · 382 阅读 · 0 评论 -
js引擎的工作原理、、js是事件的eventloop、、宏任务源tasks和微任务源jobs、、js构造抽象语法书(AST)
JavaScript解析引擎javascript解析引擎(简称javascript引擎),是一个程序,是浏览器引擎的一部分。每个浏览器的javascript解析引擎都不一样(因为每个浏览器编写Javascript解析引擎的语言(C或者C++)以及解析原理都不相同)。标准的Javascript解析引擎会按照 ECMAScript文档来实现。虽然每个浏览器的Javascript解析引擎不同,但Jav...原创 2019-09-27 10:11:45 · 342 阅读 · 0 评论 -
网页是如何渲染出来的,dom树和css树是如何合并的,浏览器的运行机制是什么,什么是否会造成渲染阻塞?
渲染树构建、布局及绘制浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。这里面大家最耳熟能详的可能就是 Webkit 内核了,Webkit 内核是当下浏览器世...原创 2019-09-26 16:18:22 · 1320 阅读 · 0 评论 -
前端分析性能监控(2019-9)
window.performance分析web前端性能业界案例影响代码监控数据的因素有以下几种:代码监控和工具监控的对比如下表:前端性能监控指标1.常规统计方案1.1 白屏时间1.2 首屏时间1.3 可操作时间1.4 总下载时间使用window.performance APItiming APIJavaScript代码异常监控try…catch捕获window.onerror捕获跨域JS文件异常的...原创 2019-09-26 15:09:09 · 278 阅读 · 0 评论 -
音视频播放 Video Audio
音视频播放(Video,Audio)和常见的坑处理前言背景在HTML5出现之前,Web页面访问音视频主要是通过Flash,Activex插件,还有微软后来推出的silverlight来展现的,尽管FLASH曾经风靡全球,但是随着互联网的不断发展,进入移动时代以后,Flash的风头渐渐被HTML5替代,主要原因是Flash经常爆出漏洞,安全性令人担忧,性能方面较差,对网络浏览和设备的电池也消...原创 2019-06-20 11:07:54 · 759 阅读 · 0 评论 -
React/Vue axios 二次封装
直接看代码注释import axios from "axios";import qs from "qs";// react 中使用antd 此处自定义// import { message } from "antd";// vue中使用element-ui 此处自定义// import { Loading} from "element-ui"; // 创建axios默认请求ax...原创 2019-09-29 15:28:05 · 398 阅读 · 0 评论 -
es6、7、8、9新语法新特性
1、let和const命令let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 { let a = 10; var b = 1; }a // ReferenceError: a is not defined.b // 1const声明一个只读的常量。一旦声明,常量的值就不能改变。const PI = ...原创 2019-02-26 16:42:13 · 549 阅读 · 0 评论 -
jquery/js 同时调用多个倒计时 (商城秒杀/抢购...等)
var plugJs={ stamp:0, tid:1, stampnow:Date.parse(new Date())/1000,//统一开始时间戳 intervalTime:function(){ if(plugJs.stamp > 0){ var day = Math.floor(plugJs.stamp / (6...原创 2019-02-12 14:44:31 · 1609 阅读 · 0 评论 -
一稿设计多端适配优雅的解决方案 - rem
规范目的为提高前端团队开发效率,输出高质量的前端页面代码,提高UI设计还原度,特编写该规范文档。本文档如有不对或者不合适的地方请及时提出。js代码(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientation...原创 2018-12-19 16:23:05 · 247 阅读 · 0 评论