![](https://img-blog.csdnimg.cn/20200327213438774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 81
JavaScript
mingyong.g
Hello world!
展开
-
【系列文章】前端性能优化指标解读及实用优化工具使用教程
##前端性能优化的意义· 提升用户体验· 留住用户· 提高网站的转化率##常见性能指标· TTFB 页面加载的白屏时间> 请求发出到请求响应的时间,通常取决于网络和服务器处理能力· waterfall 瀑布图> * 横向代表资源的请求耗时> * 纵向代表资源阻塞情况## 常见性能分析工具1. **lighthouse** 整体质量评估2. **Chrome Dev** 开发调试,性能评测3. **Webpage Test** 多测试地点,性能报告原创 2022-04-30 10:55:51 · 646 阅读 · 0 评论 -
serverless实战,基于uniCloud从0零开始实现一个前端日志监控系统
serverless实战,基于uniCloud从零开始实现一个前端日志监控系统写在前面 serverless是近几年比较热门的一个概念,也是大前端发展的一个重要方向。serverless的兴起已经有一段时间了,早在几年前微信就推出了微信小程序云开发功能,其无需搭建服务器,只需使用平台提供的各项能力,即可快速开发业务。同时提供云数据库、云存储、云函数等功能,大大降低了开发者的开发成本,深受开发者喜爱。原创 2021-07-05 23:35:20 · 930 阅读 · 0 评论 -
ES6模块和CommonJS模块相互转换
ES6模块和CommonJS模块相互转换这里写目录标题ES6模块和CommonJS模块相互转换写在前面ES6模块和CommomJS模块的异同转换原理转换案例注意事项写在前面之所以写这样一个专题,是因为我最近在研究VSCode的插件开发的过程中,习惯性的使用了ES6的模块规范,也就是使用了export import 关键字,结果插件调试的时候空值台报了一个import 关键字相关的错误。自行梳理了一下VSCode插件的技术栈,得知vscode是基于Electron开发的,使用的是nodejs。 因此模块原创 2021-04-11 21:20:44 · 2753 阅读 · 0 评论 -
前端进阶:一文轻松搞定webpack基础知识、进阶与调优
前端进阶:一文轻松搞定webpack基础知识、进阶与调优文章目录前端进阶:一文轻松搞定webpack基础知识、进阶与调优写在前面Webpack简介模块打包资源输入输出预处理器代码分片生产环境配置写在前面本文知识来源于作者对《webpack实战 入门、进阶与调优》的知识整理,为获得更好的阅读和观看体验,推荐访问我在wolai的读书笔记。webpack知识笔记Webpack简介何为webpack?模块打包工具:其核心功能是解决模块之间的依赖,把各个模块按照特定的规则和顺序组织在一起,最终原创 2021-03-31 13:48:34 · 366 阅读 · 2 评论 -
前端热门图书推荐,含个人心得体会与阅读顺序指南
前端热门图书推荐,含个人心得体会与阅读顺序指南写在前面 作者非科班出身,本科学的是自动化专业,平时也能接触一些计算机编程方面的知识,因而对编程比较感兴趣。工作后正好赶上团队调整,采用主流的前后端分离的路线,作为新人被安排到了前端岗位,也是团队的第一批纯前端开发人员。刚进入部门时,很多老一辈开发人员前端用的是jquery,后来前后端分离之后,要求我们这批新人使用Vue构建前端页面,所以我们这批前端基本靠自学,在过原创 2020-12-21 19:46:14 · 1415 阅读 · 4 评论 -
Win10客户端 ssh 远程连接 win server 2008 R2服务器
Win10客户端 ssh 远程连接 win server 2008 R2服务器写在前面如题,本文介绍的是在Win10客户端 和 win server 2008 R2服务器 之间建立 ssh 连接。网上很多关于ssh介绍的教程文章,但是都没有讲清楚基本环境,导致读者看完后找不到头脑。再多说一句,服务器是阿里云的服务器,操作系统是Windows Server 2008 R2 企业版64位中文版。开始配置win10 客户端win 10 系统已经内置了open SSH 客户端和服务端,因此在win 10原创 2020-10-21 18:56:57 · 2320 阅读 · 0 评论 -
promise操作爬坑
promise 操作爬坑建立promise对象 /* *******************************扫码操作********************************* */ scanQRCode:function(){ let promise = new Promise(function(resolve,reject){ uni.scanCode...原创 2019-06-21 16:26:06 · 211 阅读 · 0 评论 -
【Bug日记】VUE项目vuex store/index.js 引入 router/index.js路由配置引入结果为undefined
【Bug日记】VUE项目vuex store/index.js 引入 router/index.js路由配置引入结果为undefined???? 问题描述Vue项目结合element UI 搭建后台管理系统,再vuex 的store/index.js 文件中引入router/index.js初始路由表,结果后台打印引入结果为undefined。详细见图:Demo代码如下:router/index.jsimport Vue from 'vue';import VueRouter from '原创 2020-06-22 20:06:00 · 7013 阅读 · 7 评论 -
【零代码】4张图彻底搞清楚offsetWidth,clientWidth,offsetLeft,clientLeft,offsetX,clientX,scrollLeft,scrollWidth
关于元素的位置与尺寸网上的讲解和介绍非常的多,下面这张图片应该是囊括的比较齐全了。但是弊端也比较明显,将所有的属性都糅合在了一起,非常不利于区分和理解。本文将元素的`offsetWidth,clientWidth,offsetLeft,clientLeft,offsetX,clientX,scrollLeft,scrollWidth`等难以理解和容易混淆的属性区分开来,分别作图讲解其中的区别,帮助大家快速立即和建立知识记忆。原创 2020-05-21 23:16:08 · 447 阅读 · 0 评论 -
POST请求常见错误及解决办法
POST请求常见错误及解决办法前后端分离 已经是web开发的主流,在前后端对接的过程中难免会碰到各式各样的问题,本文对近期项目中遇到的与 POST请求 有关的问题做了一个简要的汇总和分析,并列出了与之相关的解决办法。【????问题一】POST请求发生服务器500错误????????问题描述一次调用POST请求过程中,接口报500错误,接口错误属于服务器内部错误,原以为是后台的接口有问题,立马将500问题向后台反馈,然而后台却告知接口测试正常。看来问题的根源在前端,我仔细看了看代码之后发行原创 2020-05-18 22:49:40 · 49431 阅读 · 4 评论 -
ES5到ES9碎片知识整理【String属性和方法】
ES5到ES9碎片知识整理【三】String属性和方法思维导图原创 2020-05-06 20:59:45 · 310 阅读 · 0 评论 -
一句话实现对象的深拷贝!
一句话实现对象的深拷贝cloneObj = JSON.parse(JSON.stringify(obj))原创 2020-04-22 10:59:59 · 286 阅读 · 0 评论 -
ES5到ES9碎片知识整理【一张图搞定String对象的常用方法】
ES5到ES9碎片知识整理一张图搞定String对象的常用方法思维导图注解:字不重要,看图!!!原创 2020-04-20 22:39:56 · 238 阅读 · 0 评论 -
ES5到ES9碎片知识整理【toString()方法】
ES5到ES9碎片知识整理【三】toString()方法思维导图注解123.toString() 为啥报错? 因为 JavaScript采用 IEEE 754 的规范 双精度数字,JavaScript 中只有一种数字类型:基于 IEEE 754 标准的双精度 。它并没有为整数给出一种特定的类型...原创 2020-04-13 09:07:44 · 469 阅读 · 0 评论 -
ES5到ES6碎片知识整理【Number对象内置属性】
ES5到ES6碎片知识整理【二】Number内置方法思维导图注解Number.isNaN() Number.isInfinite Number.isIntegegr 传入非number 类型数值均返回false,也就是不会发生数据内部转换。Number.isNaN() 和 isNaN ;isNaN( n ) 用于判断 n 是否为一个非数值,其内部会使用Number()进行数据转换,...原创 2020-04-09 19:50:02 · 217 阅读 · 0 评论 -
ES5到ES6碎片知识整理【Number对象内置属性】
ES5到ES6碎片知识整理【一】 Number对象内置属性思维导图注解Number内置属性,平时应该很少用到,一般用于判断JS数值是否溢出,或者数值是否为无穷...原创 2020-04-08 19:29:50 · 210 阅读 · 0 评论 -
通过编码规范优化JavaScript性能
这里写自定义目录标题通过编码规范优化JavaScript性能避免全局查找避免使用with优化循环switch比if-else语句更快最小化语句数优化DOM操作部署压缩结语通过编码规范优化JavaScript性能避免全局查找如果在一个函数中多次访问一个全局变量,应将其保存为函数内部的局部变量,以减少全局查找。避免使用withwith语句会创建自己的作用域,增加执行代码的作用域长度,造成额外...原创 2019-12-11 13:45:02 · 148 阅读 · 0 评论