前端form
前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件
#### 前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13148 #### 效果图如下: ![](https://p3-juejin.byteimg.com/t ......
Bootstrap前端开发框架
一 Bootstrap 简介 Bootstrap 来自 Twitter(推特),是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS 和 JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 中文官网:http://www.bootcss.com/ 官网:http:/ ......
前端怎么使用node-input-validator给接口添加参数校验(以strapi 4.9为例)
## node-input-validator是什么? - 简称NIV (Node Input Validator) - 用于node.js的验证库 - 使用它可以扩展库以添加自定义规则。 - [npm NIV文档](https://www.npmjs.com/package/node-input- ......
在本地计算机上安装前端项目的开发环境,具体操作步骤
安装前端项目的环境需要以下步骤: 安装 Node.js 在本地计算机上安装 Node.js 是安装前端项目环境的第一步。Node.js 是基于 Chrome V8 引擎构建的 JavaScript 运行环境。你可以从官方网站 https://nodejs.org/en/ 下载适合你操作系统版本的 N ......
将前端优化到最低:Web应用程序和移动应用程序最佳实践
[toc] 将前端优化到最低:Web 应用程序和移动应用程序最佳实践 随着移动应用程序和Web应用程序的普及,前端优化已经成为开发团队中至关重要的一环。为了确保应用程序的性能和用户体验,将前端优化到最低是开发过程中不可或缺的步骤。本文将介绍最佳实践,以便开发人员能够更好地理解和优化应用程序的前端性能 ......
使用React和Redux进行前端应用程序:现代Web应用程序框架
[toc] 标题:《27. 使用 React 和 Redux 进行前端应用程序:现代 Web 应用程序框架》 背景介绍: 随着现代 Web 应用程序的发展,前端开发人员需要一种高效的、灵活的框架来构建现代 Web 应用程序。React 和 Redux 是两个流行的前端应用程序框架,它们提供了一种简单 ......
完美解决方案-雪花算法ID到前端之后精度丢失问题
package com.wl.dep_vue.config; import com.fasterxml.jackson.databind.ObjectMapper; import com.fasterxml.jackson.databind.module.SimpleModule; import c ......
前端获取不到后端定义的响应头
#### 1.背景:在和后端联调下载文件接口时遇到一个问题,我看得到但是拿不到后端定义的响应头 ##### 1.1,下图是我需要获取的响应头 ![image](https://img2023.cnblogs.com/blog/2396962/202306/2396962-20230621152926 ......
前端开发快速编写HTML结构标签之Emmet表达式
### 体验 `#page>div.logo+ul#navigation>li*5>a{Item $}` ```html Item 1 Item 2 Item 3 Item 4 Item 5 ``` ### 父子关系 > `div>ul>li` ```html ``` ### 兄弟相邻 + `div ......
前端 WebUploader 分块上传
需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify ......
如何去掉浏览器对form表单自带的非空验证 ‘请填写此字段’
``` ``` ``` document.getElementById("myForm").addEventListener("submit", function(event) { var name = document.getElementById("name").value; var gende ......
vue前端预览pdf并加水印、ofd文件,控制打印、下载、另存,vue-pdf的使用方法以及在开发中所踩过的坑合集
> **根据公司的实际项目需求,要求实现对pdf和ofd文件的预览,并且需要限制用户是否可以下载、打印、另存pdf、ofd文件,如果该用户可以打印、下载需要控制每个用户的下载次数以及可打印的次数。正常的预览pdf很简单,直接调用浏览器的预览就可以而且功能也比较全,但是一涉及到禁止用户打印、另存的话就 ......
前端JS zip打包文件并下载,图片url转base64
使用jszip这个项目实现的:https://github.com/Stuk/jszip FileSaver.js项目地址是:https://github.com/eligrey/FileSaver.js/ ``` // 初始化一个zip打包对象 var zip = new JSZip(); // ......
前端Vue自定义列表表格信息展示可用于商品规格参数展示
#### 前端Vue自定义列表表格信息展示可用于商品规格参数展示 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13131 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用
#### 前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用, 下载完整代码请访问uni-app插件市场地址:[https://ext.dcloud.net.cn/plugin?id=13128](https://ext.dcloud.net.cn/plugin?id=13119) # ......
记录--前端实现文件预览(pdf、excel、word、图片)
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前端实现文件预览功能 需求:实现一个在线预览pdf、excel、word、图片等文件的功能。 介绍:支持pdf、xlsx、docx、jpg、png、jpeg。 以下使用Vue3代码实现所有功能,建议以下的预览文件标签可以在外层包裹一层弹窗 ......
SpringMVC中接收前端传递的参数,设置了编码过滤器filter,但在控制台中还是出现乱码问题
SpringMVC中接收前端传递的参数,设置了编码过滤器filter,但在控制台中还是出现乱码问题。 一行代码七个报错 于 2022-08-04 15:06:46 发布 656 收藏 3文章标签: servlet java版权在SpringMVC中遇到乱码问题不要慌,先配个SpringMVC的自带编 ......
前端面试真题(一)
1.深拷贝和浅拷贝的区别 浅拷贝:创建一个新对象,将原对象的属性值复制到新对象中,如果某个属性是引用类型(如对象、数组等),那么复制的就是引用地址,新对象和原对象共享该属性。 深拷贝:创建一个新对象,递归地将原对象的每个属性值复制到新对象中,包括引用类型属性,新对象和原对象互不影响。 2.节流和防抖 ......
前端面试真题(二)
1、vue的双向绑定原理是什么?里面的关键点在哪里? Vue的双向绑定原理是基于Object.defineProperty或者Proxy来实现的,其关键点在于数据劫持,即对数据的读取和修改进行拦截,在数据发生变化时自动更新视图 2、实现水平垂直居中的方式? 实现水平垂直居中的方式有多种,比如使用Fl ......
前端面试基础题
1.Ajax,Axios,Fetch有什么区别? (1)三者都用于网络请求,但是维度不同(2)Ajax(Asynchronous javaScript and XML),一种技术统称(3)Fetch是一个具体的API,浏览器原生API,用于网络请求,和XMLHttpRequest是一个级别,Fetc ......
前端面试题(css)
1.css选择器(1)简单选择器(元素,Id,类来选取元素,通配选择器)(2)组合选择器(根据它们之间的特定关系来选取元素)(3)伪类选择器(根据特定状态选取元素)(4)伪元素选择器(选取元素的一部分并设置其样式)(5)属性选择器(根据属性或属性值来选取元素)2.层叠顺序 当为某个 HTML 元素指 ......
前端面试题(js)
1.this 解析器在调用函数时,每次会向函数内部传递一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象,根据函数调用方式的不同,函数会指向不同的对象。 (1)以函数形式调用时,this永远指向window (2)以方法的形式调用时,this指向调用方法的对象 (3)当以构造函数形 ......
Electron打包若依前端为桌面程序
下面的步骤是我事后整理的,还需要第二个项目进行验证,才能知道是否完整。 1.npm install electron --save-dev 2.npm install electron-builder 3.设置图标的:npm install electron-icon-builder 3.打开env ......
前端解析excel表格实现
### 1. 背景:在做react项目时,遇到一个解析excel的需求变更,把从原来后端解析变更为前端解析。 1.1 由于后端解析excel文件有安全隐患,因为项目中后端不允许上传文件,当然后端解析对前端来说是最简单的方式,只需要调用个api。接下来讲讲前端解析方式吧: #### 2.1 安装依赖 ......
前端中使用到的单位
(1)pt|px|em|rem pt(点):绝对长度单位。常用与印刷中1pt=1/72英寸 px(像素):相对长度单位。相对于显示器分辨率而言。 em:相对长度单位。相对于当前对象内文本的字体尺寸。【若父级使用了,且设置了文本大小,父级大小随文本改变,继承父级元素的字体大小】 rem:CSS3新增相 ......
氚云-前端获取数据传到后端,后端处理数据后传回前端
// 加载事件 OnLoad: function() { //将OnLoad函数中this对象暂存,因为PostForm回调函数中的this指向与OnLoad中的this指向不一致 var parent = this; //PostForm请求后端,actionName为"GetCurrentLog ......
前端Vue自定义询问弹框和输入弹框
前端Vue自定义询问弹框和输入弹框, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13119 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/01794 ......
京东微前端应用MicroApp,主应用vite-vue3,子应用vite-vue3+pinia
[micro-app 官方地址](https://zeroing.jd.com/) [micro-app 官方demo地址](https://github.com/micro-zoe/micro-app-demo) 这篇文章主要是为了记录,本人在使用中遇到的一些问题,供参考 1. 资源找不到 -> ......
前端Vue自定义简单实用中国省市区三级联动选择器
#### 前端Vue自定义简单实用中国省市区三级联动选择器, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13118 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......
前端脚手架配置打包后的预览环境
## 前端脚手架配置打包后的预览环境 #### 首先npm安装`connect`,`runjs`,`chalk` #### index.js主要代码如下 请根据项目实际情况进行更改,仅作参考: > process.argv获取的是执行命令 例如`node build/index.js --previ ......