- 博客(13)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 LocalStorage 扩容
浏览器提供的localStorage本地存储的最大空间是5M，如果不够用呢，这时候就需要考虑来给localStorage扩容。思路如下：在【A域】下引入【B域】，【A域】空间足够时，读写由【A域】来完成，数据存在【A域】下；【A域】空间不够需要在【B域】读写时，通过postMessage 向【B域】发送跨域消息，【B域】监听跨域消息，在接到指定的消息时进行读写操作【B域】接到跨域消息时，...
2020-03-12 23:17:12
1745
3
原创 跨域问题出现原因和解决方案（JavaScript、Jquery、Vue、React）
跨域是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，或是a页面为ip地址，b页面为域名地址，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。目录【策略一】Jsonp 需要目标服务器配合一个callback函数【策略二】通过修改document.domain来跨子域【策略三】使用window.name来进行跨域【策略四】跨...
2020-03-12 23:09:35
384
原创 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
401
原创 js引擎的工作原理、、js是事件的eventloop、、宏任务源tasks和微任务源jobs、、js构造抽象语法书（AST）
JavaScript解析引擎javascript解析引擎（简称javascript引擎），是一个程序，是浏览器引擎的一部分。每个浏览器的javascript解析引擎都不一样（因为每个浏览器编写Javascript解析引擎的语言（C或者C++）以及解析原理都不相同）。标准的Javascript解析引擎会按照 ECMAScript文档来实现。虽然每个浏览器的Javascript解析引擎不同，但Jav...
2019-09-27 10:11:45
345
原创 网页是如何渲染出来的，dom树和css树是如何合并的，浏览器的运行机制是什么，什么是否会造成渲染阻塞？
渲染树构建、布局及绘制浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）。这里面大家最耳熟能详的可能就是 Webkit 内核了，Webkit 内核是当下浏览器世...
2019-09-26 16:18:22
1333
原创 前端分析性能监控(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
279
原创 音视频播放 Video Audio
音视频播放(Video,Audio)和常见的坑处理前言背景在HTML5出现之前，Web页面访问音视频主要是通过Flash，Activex插件，还有微软后来推出的silverlight来展现的，尽管FLASH曾经风靡全球，但是随着互联网的不断发展，进入移动时代以后，Flash的风头渐渐被HTML5替代，主要原因是Flash经常爆出漏洞，安全性令人担忧，性能方面较差，对网络浏览和设备的电池也消...
2019-06-20 11:07:54
767
原创 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
558
原创 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
1612
原创 一稿设计多端适配优雅的解决方案 - rem
规范目的为提高前端团队开发效率，输出高质量的前端页面代码，提高UI设计还原度，特编写该规范文档。本文档如有不对或者不合适的地方请及时提出。js代码（function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientation...
2018-12-19 16:23:05
248
转载 前端加载_ 骨架屏（load 看多了 嫌弃）
前端骨架屏方案小结骨架屏最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享给大家.关于骨架屏(简介)骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构，直到请求数据返回后再渲染页面，补充进需要显示的数据内容。常用于文章列表、动态列表页等相对比较规则的列...
2018-10-22 10:16:00
4272
原创 post get 请求下的 <a> 标签 Window.open 浏览器拦截 解决方案
关于 post get 请求下的 a 标签 Window.open 浏览器拦截 弹框的问题为什么写这个。原因 今天小前端问的时候 ajax 下请求 下 模拟标签和window 弹框被拦截 无法弹框使用 window.open 先弹出 不管 请求是否成功 都会弹出来明显不符合要求- - 没办法了 自己亲自测试了 十多分钟 终于发现问题所在了解决方案 把 wi...
2018-08-23 10:12:01
451
原创 前端性能优化篇（简称常识）懒 QAQ
1. 压缩 HTML: medium HTML代码压缩，将注释、空格和新行从生产文件中删除。删除所有不必要的空格、注释和中断行将减少HTML的大小，加快网站的页面加载时间，并显着减轻用户的下载时间。 大多数框架都有插件来促进网页的缩小。你可以使用一组可以自动完成工作的NPM模块。 HTML minifier | Minify Code Experimenting with HTML m...
2018-07-31 16:27:42
360
axios 封装
2018-12-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人