草庐IT

c4前端

全部标签

记录--前端实习生的这个 bug 被用做了一道基础面试题

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言测试发现了一个问题,简单描述问题就是通过函数删除一个数组中多个元素,传入的参数是一个数组索引。然后发现实际效果有时删除的不是想要的内容。具体 Bug 代码实现:constarr=[1,2,3,4,5,6,7];constremoveData=(rowIndex:Array)=>{if(Array.isArray(rowIndex)){rowIndex.forEach((index)=>{arr.splice(index,1)})}}removeData([1,4]);console.log(arr);//输出结果[1,3,4,5,

给 Web 前端工程师看的用 Rust 开发 wasm 组件实战

什么是wasm组件?wasm全称WebAssembly,是通过虚拟机的方式,可以在服务端、客户端如浏览器等环境执行的二进制程序。他有速度快、效率高、可移植的特点。对我们Web前端工程最大的好处就是可以在浏览器端使用二进制程序处理一些计算量大的处理,使用他比javascript快的特点优化性能。目前浏览器对wasm的兼容性如下:在移动端除了android4.4和ios10下不支持外,其他版本都能提供支持。还需要注意的是wasm有可能占用大量内存,使用第三方包含wasm调用的组件需要注意内存占用防止闪退。为什么用Rust?wasm模块可以用多种语言来编译,包括C/C++/C#、Rust、JAVA、

uniapp: 前端利用百度云OCR实现文字识别(身份证识别功能,别的功能类似)

第一章前言介绍如何使用百度智能云实现我们想要的效果,需要在下面这个网址注册账号:百度智能云-云智一体深入产业使用文档在该网址上:简介-文字识别OCR请求成功的效果,如下图:   搜索产品(例如文字识别)->立即使用->免费领取->创建应用(跟着步骤走就好了)创建成功后,应用列表,如下图进入管理,如下图:(注意框的内容是需要用到的字段)第二章实战根据文档需求获取AccessToken(AccessToken的有效期(秒为单位,有效期30天);)注意:AccessToken是有有效期的,所以需要定时或者在打开页面时就获取它(登录页也可),小编是测试功能的,所以在进入有识别的页面获取的代码如下:(这

一图详解五种前端架构

无论是iOS还是Android开发,前端架构模式都是应用程序开发中最常用的模式之一。开发人员引入这些模式是为了克服早期模式的局限性。那么,它们有什么不同呢?又解决了什么问题呢?1.MVC(Model-View-Controller)MVC是最古老的模式,可追溯到近50年前。Model:封装了数据以及对数据的操作。View:定义了数据的展示,并负责接收用户输入。Controller:定义了对用户操作的响应。作为Model和View的连接,处理用户操作和数据上的改变。MVC模式的发明大大降低了前端数据和事件的管理难度。MVC模式的局限性在于所有事件都在Controller中处理,使得其比较臃肿。并

前端组件wolfTable的style格式文档

此文档记录的是wolf-table的style格式文档,如果你找的是x-data-spreadsheet,那么请查阅这个文档https://www.cnblogs.com/WilsonZhu/p/17858411.htmlwolf-table的格式输入只有一个方式,通过调用addStyle以及cell函数来进行格式的改变例子如下:importTablefrom'@wolf-table/table';leta=Table.create('#id',()=>400,()=>400);//初始化表格,并且设置绑定的元素,宽度和高度第一个值填入的内容要能够被document.querySelector

使用SpringBoot发送异步事件的方式解决前端接口调用超时问题

背景一个内部使用的系统,要求实现功能:管理员后台一键操作,不定期(举办活动时)批量更新并导出所有普通用户的用户与密码信息为Excel表格文件。目的是防止时间长了,如果密码不变的话,容易被别人冒用,所以每次不定期的活动开始前,要求重新生成密码。密码在数据库中是密文存储,加密算法为BCrypt,在SpringBoot中借助BCryptPasswordEncoder类实现加密。实际场景中操作如下:前端页面放一个按钮,用户点击后;后端接口先从数据库中查询所有用户;排除掉管理员用户;循环所有普通用户,生成满足要求的密码,执行加密操作,执行更新数据表操作;生成Excel并返回。一开始在测试环境下,就十来个

华为自研的前端框架是什么样的?

大家好,我卡颂。最近,华为开源了一款前端框架—— openInula[1]。根据官网提供的信息,这款框架有3大核心能力:响应式API兼容ReactAPI官方提供6大核心组件并且,在官方宣传视频里提到——这是款「大模型驱动」的「智能框架」。那么,这究竟是款什么样的前端框架呢?我在第一时间体验了Demo,阅读了框架源码,并采访了框架核心开发者。本文将包括两部分内容:对框架核心开发者陈超涛的采访卡颂作为一个老前端,阅读框架源码后的一些分析采访核心开发者开发Inula的初衷是?回答:华为内部对于业务中强依赖的软件,考虑到竞争力,,会开发一个内部使用的版本。Inula在华为内部,从立项到现在两年多,基本

前端开发者如何消除代码中的技术债务

开发者很可能在无意中给代码增加了技术债务。以下是如何从代码中消除技术债务。译自HowFrontendDevsCanTakeTechnicalDebtoutofCode。技术债务可以有多种形式。它可能表现为代码中的bug,或者同一部门不同开发者的编码实践不统一。技术债务是指任何由于首次没有做对而需要额外工作或重新工作的东西。有时开发者编写的代码在一台机器上运行良好,但是当部署到分布式环境时就会失败-这也属于技术债务,BOSFramework的创始人兼CEOShashankPurighalla表示,BOSFramework是一个云基础架构和DevOps自动化平台。“从高层次来看,从业务层面来说,你

微前端实战:打造高效、灵活的前端应用架构

文章目录一、微前端简介二、微前端的优势1.高度模块化2.独立部署3.易于扩展4.技术栈无关5.独立升级三、微前端的原理四、微前端案例思路《微前端实战》编辑推荐内容简介作者简介目录前言/序言随着互联网行业的快速发展,前端应用的规模和复杂度也在不断增加。为了应对这种挑战,越来越多的企业和开发者开始探索新的前端架构模式。微前端作为一种新兴的前端架构模式,凭借其高度模块化、独立部署、易于扩展等特点,逐渐成为了业界的热门话题。本文将通过一个实际案例,详细介绍微前端的概念、原理以及在实战中的应用。一、微前端简介微前端(MicroFrontends)是一种将大型单页应用拆分为多个独立的小型应用的技术方案。每

某公司前端笔试题(12.30)

1、对象数组去重:数组去重:  consta=[{a:1,b:2},{a:2},{a:2},{a:1,c:3},{b:2,a:1}]结果:[{a:1,b:2},{a:2},{a:1,c:3}]//判断两个对象的属性值是否一致consta=[{a:1,b:2},{a:2},{a:2},{a:1,c:3},{b:2,a:1}]constisSameObject=(a,b)=>{if(Object.keys(a).length!==Object.keys(b).length)returnfalse;for(constkeyina){if(Object.hasOwnProperty.call(a,ke