前端form

系统化学习前端之JavaScript(02)

前言 学习了 JavaScript,如何关联 HTML 和 CSS 呢?没错,DOM 就是干这个的。 DOM Document Object Model,文档对象模型,专门操作网页内容的 API 标准。 DOM 操作页面内容 网页内容是由多个 DOM 元素以树结构组合而成,也称为 DOM tree。 ......
前端 JavaScript 系统

django -表单 forms 类的使用 - Form 和 ModelForm - 时间格式的配置

@(目录) 表单是搜集用户数据信息的各种表单元素的合集,其作用是实现网页上的数据交互,比如用户在网站输入数据信息,然后提交到网站服务器进行处理(如数据录入和用户登陆注册),分为以下两种: django.forms.Form:基础的表单功能 django.forms.ModelForm 在基础Form ......
表单 ModelForm 格式 时间 django

这些类型的Web前端开发工具必须会用

任何 Web 或移动解决方案的前端对于设计出色的用户体验以及留住或转化用户都至关重要。选择合适的工具来提供视觉和功能出色的前端仍然是一个问题。看看小编推荐的前端开发框架、库和工具,以帮助大家做出明智的选择。 ......
前端 开发工具 类型 工具 Web

前端依赖管理那点事儿

主要内容 📝 什么是依赖 📤 依赖从哪来 🤹 安装到哪儿 🎥 版本控制 🧑‍💻 哪些需要装,哪些不需要 🎨 package-lock.json 🛠 npm install 过程回顾 什么是依赖 有时候,依赖是一堆 可执行的代码 ; 有时候,依赖只是 一句声明。 1.当我们的业务逻辑中 ......
前端 事儿

系统化学习前端之JavaScript(01)

系统化梳理JavaScript,包括 js基础语法,11 个内置对象(String,Number,Boolean,RegExp,Date,Error,Array,Function,Object,Global,Math)等。 ......
前端 JavaScript 系统

前端优化指标

:性能标准 当用户能够在2秒以内得到响应时, 会感觉系统的响应很快 当用户在 2-5 秒之间得到响应时,会感觉系统的响应速度还可以 当用户在 5-8 秒以内得到响应时,会感觉系统的响应速度很慢,但是还可以接受; 1. FP 白屏 First Paint Time 从页面开始加载到浏览器中检测到渲染( ......
前端 指标

前端进行压缩文件、下载

使用插件: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

element ui form 表单提交加防抖有延迟解决方案

防抖当加在element ui from 的表单提交校验内时 点击还是可以多次执行 校验是有延迟的 如果在if(valid) {} 的结果里面写防抖 总是有延迟的 把他挪到表单校验前 就好了 ......
表单 解决方案 element 方案 form

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

面试了好多次,整理下面试题吧 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' ......
图片 二进制 乱码 前端 接口

<form>表单中的action和method使用方法

<form action="" method="post"> form是表单 里面的内容是要提交出去的。 action 是链接 点击浏览选择提交位置,可以把数据提交到另一个页面,还可以提交到后台。 method 是方法 method是方法,有get和post两种,各有所长。就是内容填好后提交需要一个 ......
表单 使用方法 方法 action method

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 的全新微前端方案,完善的解决了这些核心诉求。 将微前端 ......
前端 解决方案 方案