随笔分类 - javascript
摘要：最近在做一个chatGpt聊天页面，需要把后端返回的文本以打字的效果输出。 一开始想着是利用CSS的动画效果来实现。实现方式如下： <html> <head> <title>Typing</title> </head> <style> body { background: navajowhite;
阅读全文
摘要：在使用三大框架进行开发的时候，经常遇到公共文件封装的公共方法导出的问题。进行记录一下： 场景： // a.js export function fnA1(){ // 方法体 } export function fnA2(){ // 方法体 } export function fnA3(){ // 方
阅读全文
摘要：最近有个实现2D地图和3D地图的需求，我们是利用超图提供的相关插件来实现。 官方地址：https://iclient.supermap.io/web/introduction/leafletDevelop.html 2D利用的是 leaflet。 具体的步骤可以参考官网的示例。这里建议尽量使用本地化
阅读全文
摘要：有人会说静态的HTML项目可以直接部署到服务器上跑起来干嘛还要用webpack去编译一下，这不是吃饱了撑的吗。确实是。。。那啥。。。 领导说要编译，那咱就得编译。废话不多说！！！ 先简单介绍一下项目：（项目也很简单） 项目其实就是一个门户页和几个详情页，门户页里面的按钮会跳转到对应的详情页。 正式开
阅读全文
摘要：call与apply的异同 相同点：1、都可以用来修改函数内部的this指向 2、都会立即执行函数 不同点： 参数格式不同 第一个参数都是传递需要指向的obj，之后的传递参数的方式不相同，apply是把剩下的参数通过数组的形式传递，call剩下的参数传递个数不固定，一个一个的传递。 应用场景: ca
阅读全文
摘要：JS事件循环 1、所有任务都在主线程上执行，主线程执行任务的时候会形成执行栈 2、在主线程之外还存在一个任务队列，系统会把异步任务会放入任务队列中，然后继续执行主线程任务 3、执行栈中所有的任务执行完毕之后，系统会从任务队列中读取任务，已经结束等待状态的异步任务会进入执行栈，恢复执行 主线程重复上面
阅读全文
摘要：在知乎上通过若川视野分享的文章跟着读了一下redux的源码，原文地址：https://zhuanlan.zhihu.com/p/148303595。 跟着分享的步骤调试过程还是很顺利的，而且讲解的也比较清楚。 记录一下刚开始没想明白的几个点。 1、createStore过程的理解 在没有使用中间件的
阅读全文
摘要：1、每一个正则表达式都会包含元字符和修饰符。 2、正则表达式的作用主要是用来处理字符串，可以对字符串进行验证和捕获。 3、验证字符串使用的是test()方法。 4、捕获字符串可以使用exec()以及字符串的match、replace方法。 这三者的主要区别是：match不能捕获分组内容，其捕获到的是
阅读全文
摘要：前端如何处理后台返回的文件流？ 处理方法：可以通过转化为blob对象的方式处理，具体方法如下： 1、在请求后台接口时需要把responseType设置为blob格式。 2、前端把后台返回的文件流转化为blob对象，然后利用window.URL.createObjectURL把blob对象转化为url
阅读全文
摘要：依赖注入（DI）是一种让代码管理其依赖关系的设计模式，目的是为了解耦。 举个例子：假设我们定义了一个方法，在方法里面需要一个对象，我们在此方法内部声明该对象，那么这个对象就和这个方法是永远绑定状态。 用上面的例子来说其实就是在方法内部把对需要的对象的【依赖】控制交给第三方了，第三方负责依赖的创建和存
阅读全文
摘要：随着前端越来越向模块化发展，单元测试对于前端开发来说也越来越重要。废话不多说，直奔主题： 1、前端单元测试框架有很多，我主要用的是jest框架。选择这个框架原因是因为一下几点： a、该框架已经集成断言库，不需要我们再额外安装第三方的断言库，很方便。 b、安装配置简单，非常容易上手，几乎是零配置的，通
阅读全文
摘要：最近公司要自己搭建一套前端日志监控系统，主要是为了方便移动端调查问题。 网上查阅了相关资料，个人有些总结如下： 总体的流程大致可分为：前端收集日志、日志上报、日志存储及日志显示界面（是否需要图形化界面可以根据己方的业务需求）。 一、关于前端日志的收集方式： 1、try...catch 这种方式适合捕
阅读全文
摘要：错误截图： 解决方法： // loading chunk 出错处理 router.onError((error) => { const pattern = /Loading chunk (\d)+ failed/g const isChunkLoadFailed = error.message.ma
阅读全文
摘要：{ language: _this.language, // 显示语种 selector: #${_this.tinymceId}, // 容器的id height: _this.height, // 高度 body_class: 'panel-body ', object_resizing: fa
阅读全文
摘要：DOM元素使用addEventListener绑定事件的时候经常会碰到想把当前作用域传到函数内部，可以使用以下两种放下： var bindAsEventListener=function (object, fun) { return function(event){ return fun.call(
阅读全文
浙公网安备 33010602011771号