WEB前端开发Webpack优化技巧13个:提高优化速度、压缩打包文件的大小、改善用户体验 Webpack 是目前前端开发最重要的构建工具。无论是自己的日常开发,还是准备面试,都应该掌握一些关于 Webpack 的优化技巧。 在这篇文章中,我将从三个方面分享一些我常用的技巧: 提高优化速度 ... 2022-07-181,660 viewsCommentswebpack 阅读全文
WEB前端开发正则表达式匹配索引、top-level await…ES2022(ES13)新规发布,8个实用新功能 新的 ES13 规范终于发布了。 JavaScript 不是一种开源语言,它是一种需要遵循 ECMAScript 标准规范编写的语言,TC39 委员会负责讨论和批准新功能的发布, 那TC39他们是谁?... 2022-07-182,097 viewsCommentsECMAScript javaScript 阅读全文
WEB前端开发Houdini 是什么?浏览器引擎实现高级 CSS 效果 Houdini 被称之为 Magic of styling and layout on the web,看起来十分神秘,但实际上,Houdini 并非什么神秘组织或者神奇魔法,它是一系列与 CSS 引... 2022-07-181,044 viewsCommentsCSS 阅读全文
WEB前端开发web 3D 渲染技术,Web or Native 谁才是元宇宙的未来(下) Web 优势 3: 超级 APP 生态的嵌入 任何公司具备了超级 APP 之后,必然都会考虑打造应用内部的生态,将尽量多的场景和能力在自己的应用生态中统一解决。比如我们日常都会使用的微信、支付宝、淘宝... 2022-07-181,007 viewsComments 阅读全文
WEB前端开发web 3D 渲染技术,Web or Native 谁才是元宇宙的未来(上) 元宇宙概念的爆炸式出现,3D 渲染技术再次受到了巨大关注度。 沉浸、3D 世界、虚拟社交、虚拟购物,这些都是元宇宙的概念实例。就像电影《失控玩家》那样,人们畅想通过 AR/VR 以及其他互联网技术,把... 2022-07-181,446 viewsComments 阅读全文
WEB前端开发JavaScript面向对象开发技术基础:类变量、类方法、实例变量、实例方法、作用域、闭包、模拟私有属性 五、类变量、类方法、实例变量、实例方法 先补充一下以前写过的方法: 在javascript中,所有的方法都有一个call方法和apply方法。这两个方法可以模拟对象调用方法。它的第一个参数是对象,后面... 2022-07-041,196 viewsCommentsjavaScript 面向对象 阅读全文
WEB前端开发JavaScript面向对象开发技术基础:函数、类、构造函数、原型 三、函数 javascript函数相信大家都写过不少了,所以我们这里只是简单介绍一下。 创建函数: function f(x) {........} var f = function(x) {....... 2022-07-041,076 viewsCommentsjavaScript 面向对象 阅读全文
WEB前端开发JavaScript面向对象开发技术基础:对象、数组 javascript中的对象还没解释清楚怎么回事,一上来就直奔主题,类/继承/原型/私有变量......结果呢,看了大半天,有了一个大概的了解,细细一回味,好像什么都没懂。 这篇文章是参考《javas... 2022-07-04959 viewsCommentsjavaScript 面向对象 阅读全文
WEB前端开发工作常用Javascript代码片段:数字 Number 数字千分位分割 function commafy(num) { return num.toString().indexOf(".") !== -1 ? num.toLocaleString() : n... 2022-07-02963 viewsCommentsjavaScript 阅读全文
WEB前端开发工作常用Javascript代码片段:日期 Date、文档对象 DOM 日期 Date 时间戳转换为时间 默认为当前时间转换结果 isMs 为时间戳是否为毫秒 function timestampToTime(timestamp = Date.parse(new Date... 2022-07-021,044 viewsCommentsjavaScript 阅读全文
WEB前端开发工作常用Javascript代码片段:浏览器对象 BOM 判读浏览器是否支持 CSS 属性 /** * 告知浏览器支持的指定css属性情况 * @param {String} key - css属性,是属性的名字,不需要加前缀 * @returns {Str... 2022-07-021,317 viewsCommentsjavaScript 阅读全文
WEB前端开发工作常用Javascript代码片段:数组 Array 数组去重 function noRepeat(arr) { return [...new Set(arr)]; } 查找数组最大 function arrayMax(arr) { return Mat... 2022-07-02992 viewsCommentsjavaScript 阅读全文
WEB前端开发Ajax原理及使用方法(前端后台怎么进行数据交互?) 前端跟后端之间到底是怎么进行数据交互的?那么针对这个问题,我们来讨论一下以下三种方法: 1、form表单 2、ajax 3、websocket(不讨论) 首先,最原始的,通过form表单以post/g... 2022-07-021,349 viewsCommentsAjax 阅读全文
WEB前端开发AJAX异步请求(XMLHttpRequest对象)的原理和过程 Ajax的原理 AJAX指的是异步的JavaScript及XML(Asynchronous JavaScript And XML),是一种创建快速动态的技术,通过在后台与服务器进行少量的数据交互,实... 2022-07-021,668 viewsCommentsAjax 阅读全文
WEB前端开发JavaScript的面向对象和它的封装、继承、多态 面向对象与面向过程 面向对象和面向过程是两种不同的编程思想,刚开始接触编程的时候,我们大都是从面向过程起步的,毕竟像我一样,大家接触的第一门计算机语言大概率都是C语言,C语言就是一门典型的面向过程的计... 2022-06-301,016 viewsCommentsjavaScript 面向对象 阅读全文
WEB前端开发JavaScript异步操作:Promise 对象基础知识 概述 Promise 对象是 JavaScript 的异步操作解决方案,为异步操作提供统一接口。它起到代理作用(proxy),充当异步操作与回调函数之间的中介,使得异步操作具备同步操作的接口。Prom... 2022-06-26764 viewsCommentsjavaScript 阅读全文
WEB前端开发JavaScript异步操作:定时器(timer) JavaScript 提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。 setTimeout(... 2022-06-261,099 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript面向对象编程:严格模式 除了正常的运行模式,JavaScript 还有第二种运行模式:严格模式(strict mode)。顾名思义,这种模式采用更加严格的 JavaScript 语法。 同样的代码,在正常模式和严格模式中,可... 2022-06-261,304 viewsCommentsjavaScript 面向对象 阅读全文
WEB前端开发javascript面向对象编程:Object 对象的相关方法 JavaScript 在Object对象上面,提供了很多相关方法,处理面向对象编程的相关操作。本章介绍这些方法。 Object.getPrototypeOf() Object.getPrototype... 2022-06-26830 viewsCommentsjavaScript 面向对象 阅读全文
WEB前端开发javascript面向对象编程:对象的继承 面向对象编程很重要的一个方面,就是对象的继承。A 对象通过继承 B 对象,就能直接拥有 B 对象的所有属性和方法。这对于代码的复用是非常有用的。 大部分面向对象的编程语言,都是通过“类”(class)... 2022-06-26924 viewsCommentsjavaScript 面向对象 阅读全文
WEB前端开发javascript面向对象编程:this 关键字 涵义 this关键字是一个非常重要的语法点。毫不夸张地说,不理解它的含义,大部分开发任务都无法完成。 前一章已经提到,this可以用在构造函数之中,表示实例对象。除此之外,this还可以用在别的场合。... 2022-06-26938 viewsCommentsjavaScript 面向对象 阅读全文
WEB前端开发javascript面向对象编程:实例对象与 new 命令 JavaScript 语言具有很强的面向对象编程能力,本章介绍 JavaScript 面向对象编程的基础知识。 对象是什么 面向对象编程(Object Oriented Programming,缩写为... 2022-06-26790 viewsCommentsjavaScript 面向对象 阅读全文
WEB前端开发React Native如何做线上错误与性能监控 一、前言 我们每个人可能都会遇到这样的问题:即我们的代码在本地测试时没有问题,但是一上线运行,就会遇到各种奇奇怪怪的线上 Bug。由于本地测试场景并不能全面覆盖,对于这种线上的Bug,最有效的手段就是... 2022-06-251,455 viewsCommentsReact.js 阅读全文
WEB前端开发TypeScript基础知识:枚举类型的定义和使用、应用场景 定义 枚举是一个被命名的整型常数的集合,用于声明一组命名的常数,当一个变量有几种可能的取值时,可以将它定义为枚举类型 通俗来说,枚举就是一个对象的所有可能取值的集合。 在日常生活中也很常见,例如表示星... 2022-06-201,194 viewsCommentstypescript 阅读全文