这是我第16篇简书。 整体思路： 性能优化是什么? 从用户角度来看，什么才是好的页面？一个是页面加载的很快，另一个是页面使用起来很流畅。 那么对应到前端开发的角度，性能优化可以对应分为两个方向：页面加载时间跟页面运行效率。 从浏览器打开到页 ...

rem是相对于根元素，浏览器默认html的fontSize为16px，所以1rem就是16px。假如设置html的fontsize为100px，那么1rem就是100px。所以我们可以动态设定html的fontsize值。 关键 ...

跨域问题的场景和解决方案多种多样，只要是做前端开发，总会遇到。而且面试时也是必问的问题。所以自己学习总结记录一下。 前置知识：浏览器的同源策略 首先需要明确一点：协议、域名、端口都相同才叫同源。 同源政策的目的，是为了保证用户信息的安全，防 ...

gray-image 简易的灰度化图片的工具 引子 今天对于全国同胞来说是个庄严肃穆的日子，是纪念在抗击新冠疫情牺牲的烈士与广大同胞的纪念日，也是中国的四大传统节日「清明节」。 自古以来，清明节就是我们用来纪念先人，缅怀祖先的，20 年这个 ...

在实际开发过程中，有时需要将图表或者地图等基于Canvas技术渲染的数据下载到本地保存到情况，下面介绍两种方法来完成这种功能。 一、a 标签法 a 标签方法主要分为以下步骤： 将 canvas 元素的数据通过原生 api 转换成 base6 ...

今天给大家整理出来了web前端工程师初级阶段需要掌握的内容，很全面，希望大家好好阅读，看看自己掌握的知识点和文章里面写的还相差多少。什么是初级web前端工程师？按照我的想法，我把前端工程师分为了入门、初级、中级、高级这四个级别，入门级别指的 ...

资源压缩合并，减少http请求 非核心代码异步加载 --->异步加载的方法--->异步加载的区别 利用浏览器缓存--->缓存的分类--->缓存的原理 使用CDN 预解析DNS <meta http-equiv="x-dns-prefech ...

日常开发中积累了不少可能对一些开发有帮助的简单易用的组件，好记性不如烂笔头，想对过去的一些零零乱乱的东西做一些总结，反省自己的同时也便于思考一些更优的方法，提升下开发思维???。 代码传送门（?感觉有作用的的同学帮忙点下❤️️） 效果截图 ...

/* *封装调用父页面方法 不需要调用方法则直接加载父页面 *@parme fun {Str} 父页面需要调用的方法  例: reset_fun("vm.loadQuestion1()") 即可调用父页面的方法 */function re ...

前言 一个典型的drag操作是这样开始的：用户用鼠标选中一个可拖动的（draggable）元素，移动鼠标到一个可放置的（droppable）元素，然后释放鼠标。 在操作期间，会触发一些事件类型，有一些事件类型可能会被多次触发 第一部分 在拖 ...