文章分类 - web前端
javascript
摘要：之前我写过React的生命周期（一）和（二），感兴趣的小伙伴们可自行参阅。 当前的React已经发布到18.x版本了，生命周期函数已经与之前大有不同。 自17.x之后，生命周期函数与16.x版本的对比如图（右边的是新的，左边的是旧的）： 官方给出的解释是，针对旧的那三个生命周期函数： compone
阅读全文
摘要：一些常见的状态码为：200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务不可用详细分解：1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101
阅读全文
摘要：Websocket 1.websocket是什么？ WebSocket是为解决客户端与服务端实时通信而产生的技术。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接，此后服务端与客户端通过此TCP连接进行实时通信。WebSocket 是为了满足基于 Web 的日益增长的
阅读全文
摘要：WebPack打包工具具备以下特点： 相比Grunt，WebPack除了具备丰富的插件外，同时带有一套加载（Loader）系统。使它支持多种规范的加载方式，包括ES6、CommonJS、AMD等方式，这是Grunt、Gulp所不具备的。 从代码混淆的角度来看，WebPack更加的极致 代码分片为处理
阅读全文
摘要：ES5对象属性名都是字符串容易造成属性名的冲突。 ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。 重新复习下新知识：基本数据类型有6种：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。 这里新添加了一种：S
阅读全文
摘要：难题：多个ajax请求并存，可能只会执行一个ajax请求。 思路： 养成好习惯，请求完一个ajax，就delete这个请求，再把它赋值为null； 难题：多个ajax请求造成页面堵塞。 多个AJAX请求之间会存在一定影响的情况。常见情况： 1.多个AJAX返回的是同一个数据的不同部分。我们需要在前端
阅读全文
摘要：回顾 我们先来回顾下箭头函数的基本语法。 ES6 增加了箭头函数： let func = value => value; 相当于： let func = function (value) { return value; }; 如果需要给函数传入多个参数： let func = (value, num
阅读全文
摘要：我们都知道，Javascript中的数据分为两种类型：值类型和引用值类型，也有人称为基本数据类型和引用数据类型。 六种基本的数据类型：string，number，undefined，boolean，null （在内存中表现为一个值，保存在栈中） 一种复杂的数据类型（引用类型）：object 【fun
阅读全文
摘要：vue官网对vue生命周期的介绍，有一张图如下： 这个图英文比较多，对英文不熟悉的人可能会蒙圈，总之就是8个钩子函数： beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩
阅读全文
摘要：其实几种实现都是近似的，但具体上不太一样，其中有些不需要用到bundle-loader 第一种：ReactTraining/react-router 介绍的基于 webpack, babel-plugin-syntax-dynamic-import, 和 react-loadable. 主要是利用了
阅读全文
摘要：canvas的绘制会是画布大小为准的。 canvas的默认画布大小为300×150。 在canvas中定义width、height跟在style中定义width和height是不同的，canvas标签的width和height是画布实际宽度和高度，绘制的图形都是在这个上面。而style的width和
阅读全文
摘要：什么是 canvas? （备注：本文只是简单入门，更多具体的用法可另参考：https://www.cnblogs.com/chrischan/p/7003772.html） canvas就是一个画图用的标签。 <canvas>不像您想象中的那么神秘，它仅仅只是HTML页面的一个标签而已，只不过是HT
阅读全文
摘要：1 2 3 4 5 6 7 8 Document 9 13 14 15 16 您的浏览器版本太低，请升级浏览器 17 18 19 20
阅读全文
摘要：Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网：https://valor-software.com/ngx-bootstrap/#/ github: https://github.com/valor-software/ngx-bootstrap NG-
阅读全文
摘要：1.概述 官方简述版：可参考我的另一篇文章：https://www.jianshu.com/p/953ec89995d2 所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解空间的生命周期，是开发中必须掌握的一个知识点。就像 Android 开发中组件 一样，React Native的组
阅读全文
摘要：react的生命周期（二） 前面已经详细讲解过react的生命周期，具体可以参考我的另一篇文章：https://www.jianshu.com/p/4be358fadb3d 如图： React组件生命周期有三个阶段：加载、更新和卸载。每个阶段有多个方法来调用实现某些功能。这些方法名字也很有意思，带w
阅读全文
摘要：如何确定哪些内存需要回收，哪些内存不需要回收，这是垃圾回收期需要解决的最基本问题。垃圾回收是一把双刃剑，其好处是可以大幅简化程序的内存管理代码，降低程序员的负担，减少因 长时间运转而带来的内存泄露问题。但使用了垃圾回收即意味着程序员将无法掌控内存。ECMAScript没有暴露任何垃圾回收器的接口。我们无法强迫其进 行垃圾回收，更无法干预内存管理。因此，了解垃圾回收机制，可以更好地使我们养成良好的代码书写习惯，更好地优化我们的代码，让我们更注重浏览器的性能问题。
阅读全文
