前端 头像 国庆

一、登录权限控制 实现哪些页面能被未登录的用户访问，哪些页面只有用户登录后才能被访问 1、实现： 在路由对象中以添加meta的方式去实现登录页面权限控制 需要登录才能显示的页面设置meta.need_login属性 export const routes = [ { path: '/login',  ......

一、前端缓存分类【http缓存|浏览器缓存】 1、http缓存分类：强缓存 协商缓存 都是服务端设置 HTTP Header 来实现的 （1）强缓存 不需要发送请求到服务端，直接读取浏览器本地缓存 // 在 Chrome 的 Network 中显示的 HTTP 状态码是 200 在 Chrome 中 ......

#### 前端Vue自定义数字输入框 带加减按钮的数字输入框组件， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13163 #### 效果图如下： #### ![](https://p3-juejin.byteimg.com/ ......

#### 前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13166 #### 效果图如下： ![](https://p3-juejin.byteimg ......

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13153 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fb ......

前端Vue自定义导航栏菜单 定制左侧导航菜单按钮 中部logo图标 右侧导航菜单按钮， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13152 效果图如下： ![](https://p3-juejin.byteimg.com/ ......

#### 前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件 ， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13148 #### 效果图如下： ![](https://p3-juejin.byteimg.com/t ......

一 Bootstrap 简介 Bootstrap 来自 Twitter（推特），是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS 和 JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 中文官网：http://www.bootcss.com/ 官网：http:/ ......

## 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 ......

[toc] 将前端优化到最低：Web 应用程序和移动应用程序最佳实践 随着移动应用程序和Web应用程序的普及，前端优化已经成为开发团队中至关重要的一环。为了确保应用程序的性能和用户体验，将前端优化到最低是开发过程中不可或缺的步骤。本文将介绍最佳实践，以便开发人员能够更好地理解和优化应用程序的前端性能 ......

[toc] 标题：《27. 使用 React 和 Redux 进行前端应用程序：现代 Web 应用程序框架》 背景介绍： 随着现代 Web 应用程序的发展，前端开发人员需要一种高效的、灵活的框架来构建现代 Web 应用程序。React 和 Redux 是两个流行的前端应用程序框架，它们提供了一种简单 ......

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 ......

### 体验 `#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 ......

​ 需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步： 前端修改 由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify ......

> **根据公司的实际项目需求，要求实现对pdf和ofd文件的预览，并且需要限制用户是否可以下载、打印、另存pdf、ofd文件，如果该用户可以打印、下载需要控制每个用户的下载次数以及可打印的次数。正常的预览pdf很简单，直接调用浏览器的预览就可以而且功能也比较全，但是一涉及到禁止用户打印、另存的话就 ......

使用jszip这个项目实现的：https://github.com/Stuk/jszip FileSaver.js项目地址是：https://github.com/eligrey/FileSaver.js/ ``` // 初始化一个zip打包对象 var zip = new JSZip(); // ......

#### 前端Vue自定义列表表格信息展示可用于商品规格参数展示 ， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13131 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos- ......

#### 前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用， 下载完整代码请访问uni-app插件市场地址：[https://ext.dcloud.net.cn/plugin?id=13128](https://ext.dcloud.net.cn/plugin?id=13119) # ......

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端实现文件预览功能 需求：实现一个在线预览pdf、excel、word、图片等文件的功能。 介绍：支持pdf、xlsx、docx、jpg、png、jpeg。 以下使用Vue3代码实现所有功能，建议以下的预览文件标签可以在外层包裹一层弹窗 ......

微信文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ 新的获取头像方式：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/user ......

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 ......

1.css选择器（1）简单选择器（元素，Id，类来选取元素，通配选择器）（2）组合选择器（根据它们之间的特定关系来选取元素）（3）伪类选择器（根据特定状态选取元素）（4）伪元素选择器（选取元素的一部分并设置其样式）（5）属性选择器（根据属性或属性值来选取元素）2.层叠顺序 当为某个 HTML 元素指 ......

1.this 解析器在调用函数时，每次会向函数内部传递一个隐含的参数，这个隐含的参数就是this,this指向的是一个对象，根据函数调用方式的不同，函数会指向不同的对象。 （1）以函数形式调用时，this永远指向window （2）以方法的形式调用时，this指向调用方法的对象 （3）当以构造函数形 ......

下面的步骤是我事后整理的，还需要第二个项目进行验证，才能知道是否完整。 1.npm install electron --save-dev 2.npm install electron-builder 3.设置图标的：npm install electron-icon-builder 3.打开env ......

### 1. 背景：在做react项目时，遇到一个解析excel的需求变更，把从原来后端解析变更为前端解析。 1.1 由于后端解析excel文件有安全隐患，因为项目中后端不允许上传文件，当然后端解析对前端来说是最简单的方式，只需要调用个api。接下来讲讲前端解析方式吧： #### 2.1 安装依赖 ......