记录着我在技术海洋中的探索和成长。**### 一、成长经历2023年,对于我来说是不够幸运的一年。在三月份的时候,我选择了从工作近两年的公司中离职,跳槽去了一个新的公司。新的公司技术氛围很好、研发团队的小伙伴... 应该对网络原理、系统运维、服务端架构至实践均有无微不至的理解和经验。而不是今天学点Java、明天了解点JavaScript,你就是一个全栈了,这不叫全栈。这是典型的“伪全栈”。一个出色的工程师至少应该深入理解自己...
页面中的倒计时效果也是这样做的。我们函数只需要内置`setTimeout`就行了,每执行一次调用一次。### 6.2 字符串处理通常字符串处理会有好几种方法,而字符串或者数组`slice、splice、split`傻傻分不清楚咋办?今天一招解决。![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0cc7443421304fe384f848e32a900541~tplv-k3u1fbpfcp-zoom-1.image)#### 6.2.1 slice**`slice()`** 方法提取某个字符串的一部分,并返回一...
# 前端工程化### **工程化概念**### **定义**- 工程化即系统化、模块化、规范化的一个过程。与其说软件工程是一门科学,不如说它更偏向于管理学和方法论。### **解决什么问题**- 如果说计算机科学要解... “模块化 时代。这种实现极具阿 Q 精神,它并不是语言原生层面上的实现,而是开发者利用语言,借助 JavaScript 特性,对类似的功能进行了模拟,为后续方案打开了大门。### **CommonJS**CommonJS 规范最早是 Node 独...
# 前言文章总结了项目开发中遇到的问题以及解决方案。# CDN是怎么在项目中发挥作用以及怎么使用呢?CDN(内容分发网络)指请求资源的方式,即通过script头去请求对应的脚本资源的一种方式,项目里配置之后不需要通过... 在vue.config.js进行配置本人对`vue`、`vuex`、`vue-router`、`axios`、`element-ui`、`echarts`进行了cdn引用。(请求`element-ui`、`echarts`的cdn较慢)```javascript//生产环境标记const IS_PRODUCTION = p...
运行时是Node.js吗?不是,除了JavaScript的执行,运行时重新研发了整个网络协议栈,为了监控内存,运行时使用特殊的租户识别数据结构,并且内置了大量的安全策略和资源使用侦测手段。另外,和node.js/deno不同,用户使用的API完全在运行时native实现,和用户JavaScript隔离。 我的代码会和其他用户跑在同一个地址空间吗?是的,大部分情况下,客户的代码高概率会和其他客户运行在同一个地址空间,甚至是同一条线程上。但是我们会根据客户等级...
本文介绍如何创建一个 IMCloud Web 项目,实现即时通讯功能。你也可以通过阅读代码,了解即时通讯的最佳实践。 开发环境要求 React 16.10.2+ Node.js(推荐使用 LTS 版本) npm TypeScript im-uikit-react 集成 步... 以帮助用户分析线上问题,默认开启。为了更好地排查问题,SDK 会上报部分客户端数据到火山国内的监控服务,如评估后有风险,可在创建实例时设置关闭日志。 javascript new BytedIM({ disableAppLog: true, // 禁用 ...
页面中的倒计时效果也是这样做的。我们函数只需要内置`setTimeout`就行了,每执行一次调用一次。### 6.2 字符串处理通常字符串处理会有好几种方法,而字符串或者数组`slice、splice、split`傻傻分不清楚咋办?今天一招解决。![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0cc7443421304fe384f848e32a900541~tplv-k3u1fbpfcp-zoom-1.image)#### 6.2.1 slice**`slice()`** 方法提取某个字符串的一部分,并返回一...
# 前端工程化### **工程化概念**### **定义**- 工程化即系统化、模块化、规范化的一个过程。与其说软件工程是一门科学,不如说它更偏向于管理学和方法论。### **解决什么问题**- 如果说计算机科学要解... “模块化 时代。这种实现极具阿 Q 精神,它并不是语言原生层面上的实现,而是开发者利用语言,借助 JavaScript 特性,对类似的功能进行了模拟,为后续方案打开了大门。### **CommonJS**CommonJS 规范最早是 Node 独...
JS错误提供了JavaScript错误监控与分析能力,同时支持上报自定义错误。整体上分为大盘指标概览以及issue详情分析。JS错误的捕获逻辑:通过 window.addEventListener('error') 捕获全局错误。 JS错误趋势JS错误趋势提... 例如某个错误集中在以/page开头的页面。 观察错误趋势,则可以在推测错误发生的时间段,回想是否是某次变更操作引发的问题,提供更多线索。 您还可以查询该条issue中每一条错误事件中,用户的设备信息、版本信息等。单...
1. Web/JS 停留时长功能 1.1 停留时长介绍页面停留(浏览)时长是网站分析中很常见的一个指标,用于反映用户在某些页面上浏览时间的长短,体现了用户对网站的黏性。 1.2 功能开启请先参考Web/JS SDK 集成 接入SDK,并在初始化时开启停留时长功能。 javascript window.collectEvent('init', { // ...... 其他初始化配置 enable_stay_duration: true // true:开启停留时长}); 1.3 上报事件介绍 1.3.1 predefine_page_alive开启功...
1. Web/JS 停留时长功能 1.1 停留时长介绍页面停留(浏览)时长是网站分析中很常见的一个指标,用于反映用户在某些页面上浏览时间的长短,体现了用户对网站的黏性。 1.2 功能开启请先参考Web/JS SDK 集成 接入SDK,并在初始化时开启停留时长功能。 javascript window.collectEvent('init', { // ...... 其他初始化配置 enable_stay_duration: true // true:开启停留时长}); 1.3 上报事件介绍 1.3.1 predefine_page_alive开启功...
1. Web/JS 停留时长功能 1.1 停留时长介绍页面停留(浏览)时长是网站分析中很常见的一个指标,用于反映用户在某些页面上浏览时间的长短,体现了用户对网站的黏性。 1.2 功能开启请先参考Web/JS SDK 集成 接入SDK,并在初始化时开启停留时长功能。 javascript window.collectEvent('init', { // ...... 其他初始化配置 enable_stay_duration: true // true:开启停留时长}); 1.3 上报事件介绍 1.3.1 predefine_page_alive开启功...
如果需要在移动端播放 FLV 格式的直播流,建议先判断当前浏览器是否支持 Media Source Extensions,针对不支持 MSE 的播放器,建议您配置 HLS 流地址。 javascript // 判断在 h5 场景下是否支持 MSEconst isMseSuppor... javascript mobile: { gradient: 'none',}报错文案自定义如果您使用了默认的报错展示插件,您有两种方式可自定义报错问题。 不区分报错覆盖。您可通过配置 error 中 errorTipsText 参数实现覆盖。 js error: { ...