摘要： 性能优化是前端开发无法避免的点，给客户带去良好的访问体验也是开发人员必须关注的问题。 前端性能优化大体分为两个部分：代码优化、资源及其他优化，本文主要记录资源及其他优化要怎么做。 1、CSS样式文件在页面头部引入，Javascript文件在页面尾部引入 页面加载单线程可能会阻塞页面的加载。 2、服务 阅读全文

摘要： Fetch API是一个 JavaScript 接口，用于访问和操纵 HTTP 管道的一些具体部分，例如请求和响应。Fetch API提供了一个全局 fetch() 方法，一种简单，合理的来跨网络异步获取资源的方式。 一个基本的 fetch 请求： fetch("http://localhost:4 阅读全文

摘要： 有的时候，我们从后端获取了文件数据，需要在前端组合成指定格式的文件，并下载。 组合文件，除了数据，还需要规定格式，才知道组合成什么格式的文件。 主要代码如下： /* * responseText 后端获取的文件数据 * 这里以 pdf 格式的文件举例，设置 type 为 pdf 文件需要的类型 * 阅读全文

摘要： 有时组件中的数据需要与外部系统的数据或操作同步，React提供了Hook Effect。 Effect 会在组件渲染后运行一些代码，以便将组件与 React 之外的某些系统同步，包比如浏览器 API、第三方小部件，以及网络请求等。 如以下的video播放器的简单加载： // 声明 Effect im 阅读全文

摘要： 说起前端开发，Ajax请求是绕不开的技术点。然而，程序语言更新换代越来越快，Ajax请求的方式也是各有不同。 在使用ES5开发的时候，我们还在使用最原始的XMLHttpRequest对象： // createXHR函数，返回浏览器支持的异步请求对象 function createXHR() { if 阅读全文

摘要： String 对象创建方法： new String() var txt1 = new String("string"); var txt2 = "string"; String 对象属性 1、constructor ：返回对 String 对象属性创建的函数 返回值：函数的引用，不是函数名： 字符串 阅读全文

摘要： 数组的创建方法 1、常规方式： var myCars=new Array(); myCars[0]="Saab"; myCars[1]="Volvo"; myCars[2]="BMW"; 2、简洁方式： var myCars=new Array("Saab","Volvo","BMW"); 3、字面 阅读全文

摘要： async 从字面上看就是“异步”，它放在函数定义之前，是使该函数在调用时开一个子线程，以不影响主线程的运行。 而 await 经常和 async 组合使用，在 async 定义的函数中来等待需要时间运行的代码（如ajax请求、Promise对象）的运行结果，以做后续的处理。 如下面的返回Promi 阅读全文

摘要： 在前端编程中，处理一些简短、快速的操作，在主线程中就可以完成。 但是，在处理一些耗时比较长以至于比较明显的事情，比如读取一个大文件或者发出一个网络请求，就需要异步编程来实现，以避免只用主线程时造成页面一时无法响应的事情。 以发送网络请求为例，在以往的JavaScript中，使用多个回调函数来处理请求 阅读全文

摘要： Canvas绘图的实现： <canvas>元素负责在页面中设定一个区域，通过JS动态地在这个区域中绘制图形。 IE9+、Firefox1.5+、Safari2+、Opera9+、Chrome、IOS版Safari以及Android版WebKit都在一定程度上支持<canvas>元素。 1、基本用法 阅读全文