前端

前端进行压缩文件、下载

使用插件:file-saver、jszip 安装插件: npm install file-saver --save npm install jszip --save 压缩文件(压缩的内容需要是blob流,可以是后端接口返回的blob流,如果是远程文件地址,可以参看第3条) 1、一个文件压缩: imp ......
前端 文件

前端js RSA jsrsasign加密、解密、加签、验签

jsrsasign(RSA-Sign JavaScript库)是一个免费的开源加密库,支持RSA / RSAPSS / ECDSA / DSA签名/验证,ASN.1,PKCS#1/5/8私钥/公钥,X.509证书,纯JavaScript中的CRL,OCSP,CMS SignedData,TimeSt ......
前端 jsrsasign RSA

前端设计模式——外观模式

外观模式(Facade Pattern):它提供了一个简单的接口,用于访问复杂的系统或子系统。通过外观模式,客户端可以通过一个简单的接口来访问复杂的系统,而无需了解系统内部的具体实现细节。 在前端开发中,外观模式常常被用于封装一些常用的操作,以简化代码复杂度和提高代码可维护性。比如,一个用于处理数据 ......
模式 设计模式 前端 外观

怎样实现纯前端百万行数据秒级响应

前端表格控件SpreadJS 推出了新的功能集算表功能。集算表 (Table Sheet)是一个具备高性能渲染、数据绑定功能、公式计算能力的数据表格,通过全新构建的关系型数据管理器结合结构化公式,在高性能表格的基础上提供排序、筛选、样式、行列冻结、自动更新、单元格更新等功能。 什么是集算表(Tabl ......
前端 数据

(转)漫画 | 带你领略前端发展史的江湖恩怨情仇

时间总是过得很快, 似乎快得让人忘记了昨天,前端WEB领域的发展更是如此,转眼间已是近30年,时光荏苒,初心不变,在一代又一代前端人的努力下,前端已经是互联网不可或缺的一部分。 然而很多前端打工人对于前端的历史了解甚少,我是一名前端打工人,今天,本文将用漫画的形式带你倒回历史的长河,一起领略前端发展 ......
情仇 发展史 前端 恩怨 漫画

ArcGIS Pro处理发布并在前端调用bim数据全过程-rvt转slpk

记录ArcGIS处理三维bim模型全纪录,从原始的rvt格式开始,到最后web前端js api调用的整个过程,并记录部分中间操作过程中出现的问题和解决办法。 ......
前端 全过程 数据 ArcGIS slpk

vue前端导出excel

<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
前端 excel vue

前端开发的规范

......
前端

前端设计模式——备忘录模式

备忘录模式(Memento Pattern):是一种行为型设计模式,在不破坏封装性的前提下,捕获一个对象的内部状态,并在该对象之外保存这个状态。在JavaScript中,可以使用闭包来实现备忘录模式。 备忘录模式通常用于处理用户界面的状态。当用户与应用程序交互时,应用程序会根据用户的输入更改其状态。 ......
模式 设计模式 备忘录 前端

【转】前端脚手架搭建(一)node全局命令和调试方式

原地址:https://zhuanlan.zhihu.com/p/268312210 node全局命令 package.json 增加bin选项, 使用这个,在package.json提供一个映射到本地本地文件名的bin字段,一旦被引入后,npm将软链接这个文件到prefix/bin里面,以便于全局 ......
脚手架 前端 全局 命令 方式

在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载的对象接口

在基于vue-next-admin 的 Vue3+TypeScript 前端项目中,可以整合自己的 .NET 后端,前端操作一些功能的时候,为了使用方便全局挂载的对象接口,以便能够快速处理一些特殊的操作,如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......

前端面试题(new)未完待续

1,vue计算属性computed和watch的区别有哪些? 区别:1、计算属性在调用时需要在模板中渲染,修改计算所依赖元数据;watch在调用时只需修改元数据。2、计算属性默认深度依赖,watch默认浅度观测。3、计算属性适合做筛选,不可异步;watch适合做执行异步或开销较大的操作 如果一个数据 ......
前端 new

前端设计模式——模板方法模式

前端设计模式——模板方法模式 模板方法模式(Template Method Pattern):定义一个行为的骨架,而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个行为的结构即可重定义该行为的某些特定步骤。 这些步骤被称为“具体操作”(Concrete Operations),而整个行为的结构 ......
模式 设计模式 前端 模板 方法

记录--我在前端干工地(three.js)

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前段时间接触了Three.js后,试着用他加载了一些模型three.js初体验简陋的了解了一下three.js的相关使用,并且写下了第一篇文章。但是过后还是对很多一知半解,作为不会建模且目前没有接触到相关业务需求的开发,难道没有模型就什么 ......
前端 工地 three js

前端面试题整理(都是我自己面试被问到过的)

面试了好多次,整理下面试题吧 HTML 语义化:增加代码可读性,有利于搜索引擎识别,爬虫获取更多信息;更好的展示代码结构 script标签中defer和async的区别: 相同点:async和defer都是异步加载js 不同点:async是立刻执行, defer在元素加载完之后执行 因此, js脚本 ......
前端

图片显示(后端返回接口在预览中展示图片,响应无返回)后端返回二进制图片前端乱码解决方案

https://blog.csdn.net/weixin_46801282/article/details/123386264 解决方案一:后端把图片转码成base64再发送过来 router.get('/test', (req, res) => { fs.readFile('./test.png' ......
图片 二进制 乱码 前端 接口

Required request body is missing: 前端接口报错错误解决

前几天遇到一个报错:Required request body is missing; 经过检查是因为在传递参数时使用params来传递的。 而使用params来传递参数会被拼接到url上不管是get还是post请求,这时候请求体也就是body是不存在的。 所有后端在获取参数时会报request b ......
前端 Required 接口 错误 request

拆解前端巨石应用

拆解前端巨石应用 EluxJS-让你像切蛋糕一样拆解前端巨石应用 大家好,EluxJS是一套基于“微模块”和“模型驱动”的跨平台、跨框架『同构方案』,欢迎了解... 可怕的巨石怪 工作中最可怕的是什么?是遇到业务复杂且乱作一团的巨石应用。改一发而动全身,无法渐进式重构,也没人敢对历史包袱进行优化,欠 ......
巨石 前端

前端切图之svg图标的复用基于defs和use 亲测有用

切图网长期致力于web前端开发外包服务,而我们也关注到现在图标很多时候采用svg更多一点,然后图标字体文件已经提供了很多种类的图标,不过采用svg图标可以自行选择更符合、更好看的图标,相比于字体图标更加多样性,而且svg图标加载更快,而当svg的图标被多次使用的时候,我们需要一种类似于变量的定义,然 ......
前端 图标 有用 defs svg

chatGPT充当前端智能思路助手

替代:百度、谷歌人工搜索 1、我想让你充当前端开发专家。我将提供一些关于Js、Node等前端代码问题的具体信息,而你的工作就是想出为我解决问题的策略。这可能包括建议代码、代码逻辑思路策略。我的第一个请求是“我需要能够动态监听某个元素节点距离当前电脑设备屏幕的左上角的X和Y轴,通过拖拽移动位置浏览器窗 ......
前端 助手 思路 chatGPT 智能

vue打包后前端修改ip地址

1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
前端 地址 vue

微前端解决方案

微前端已经是一个非常成熟的领域了,但开发者不管采用哪个现有方案,在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题,或无法提供支持。本文提供一种基于 iframe 的全新微前端方案,完善的解决了这些核心诉求。 将微前端 ......
前端 解决方案 方案

前端转向PHP进阶之路

一、PHP简介 Hypertext Preprocessor,又称为超文本预处理器(HTML为超文本标签语言),就是我们所说的PHP。它是一种糅杂百家的后台语言,在PHP中,可以见到C、Java等语言的写法和它自创的一些写法,这也就是为什么说学过其他语言的人会比较容易接受PHP。 PHP开发时需要去 ......
前端 PHP

前端数据绑定,列表部分数据不显示问题解决 (转)jQuery LigerUI 插件介绍及使用之ligerTree

https://www.cnblogs.com/wanshutao/p/3540664.html https://blog.51cto.com/u_11966318/5375004 突然出现一个列表有几条数据不显示的问题,大部分数据没有问题,只有几条有问题,推测原因应该是数据有问题。 常见数据问题是 ......
数据 前端 ligerTree 插件 LigerUI

Web前端技术栈(待更新......)

一、HTML 1、什么是HTML 1.1、初识HTML HTML:==Hyper Text Markup Language(超文本标记语言)== 超文本包括:文字、图片、音频、视频、动画等 HTML5的优势 ①世界知名浏览器厂商对HTML5的支持 ​ 1、微软 ​ 2、Google ​ 3、苹果 ​ ......
前端 技术 Web

记录--前端加载超大图片(100M以上)实现秒开解决方案

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 前端加载超大图片时,一般可以采取以下措施实现加速: 图片压缩:将图片进行压缩可以大幅减小图片的大小,从而缩短加载时间。压缩图片时需要注意保持图片质量,以免影响图片显示效果。 图片分割:将超大图片分割成多个小图块进行加载,可以避免一次 ......
前端 解决方案 方案 图片 100M

前端设计模式——状态模式

状态模式(State Pattern):将对象的行为和状态分离,使得对象可以根据不同的状态来改变自己的行为。在前端开发中,可以使用状态模式来管理页面的状态和响应用户的交互。 在状态模式中,对象的行为取决于其内部状态,当状态发生变化时,对象的行为也会相应地发生改变。这种模式通过将状态抽象为独立的类来实 ......
模式 设计模式 前端 状态

web-lottie 前端动画效果

资源 http://airbnb.io/lottie/#/web lottie 官网 动画的实现逻辑借用官网的一句话 Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects anim ......
前端 web-lottie 效果 动画 lottie

前端已死?后端已亡?弯弯绕绕,几分真几分假

前端已死,我认为更多的是一种焦虑情绪的表达,市场确实不太好,但这并不是针对前端,是整个互联网行业衰败的表现而已,对此持不同意见的怕是只剩培训机构了吧!毕竟唱衰的永远是打工人,唱兴的都是培训班。打心底讲!如果一个前端,工作3年,只会Vue2/React,看不懂框架报错、看不懂请求异常、连给浏览器打断点... ......
前端

前端vue获取后端返回的富文本内容不是标签是转义字符解决方法

新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
转义 前端 字符 文本 标签