前端 指示indicate swiper
前端如何使得两个项目之间通信，window.open + postMessage
一、背景 由于公司内部需求不断加大，一个项目无法满足，多个项目直接需满足互相通信，则需要解决跨域传递消息的问题 二、两个项目之间如何通信，如何解决解决跨域传递消息 1. A.html ( https://www.a.com ) <div @click="goDetail('参数id')">传递信息< ......
前端 - 使用json-server搭建单机mock平台
使用json-server搭建单机mock平台 简介 json-server是一个 Node 模块，可以指定一个json文件作为数据源，运行 Express 服务器。可以用来在本地快速搭建一个REST API风格的后端服务，模拟服务端接口数据。 官网地址：json-server - npm (npm ......
【前端开发】免费统计个人网站、网页访问次数、访问设备、访问人地点等数据教程
前言：在该网站选择小组件样式、生成代码后插入到自己的网页即可 网站地址：https://whos.amung.us/ 第一步：选择小组件样式，并生成代码 第二步：将代码插入网页 第三步：网页中会出现统计次数小组件，点击小组件会跳转到统计详情页 最后，统计详情页会看到统计到的次数、地域、设备等信息 ......
1前端开发
前端简介 """ 强调:前端 和 数据库 学习的时候跟python一毛钱关系都没有 前端的学习是非常简单的 但是也很枯燥 没有太多的逻辑 数据库的学习有点难度 但是主要还是以记忆为主 大量练习肯定能掌握 ps:前端数据库学不好 完全就是因为自己不够努力 记的少了 练得少了 """ # 1.什么是前端 ......
2023-10-13 前端部署redis，配合使用fastify实现项目自动化构建（长期更新）
前言：根据需求，要求在前端完成项目自动化构建。 redis是本地安装的。 系统：windows 10 1.安装redis 一般都是去官网下载👉https://redis.io/download/ 安装说明，能next的就next，能勾选的全勾选上，下面那个500M是我自设的，默认是100M 端口是 ......
Skywalking APM监控系列(二、Mysql、Linux服务器与前端JS接入Skywalking监听)
前言 上篇我们介绍了Skywalking的基本概念与如何接入.Net Core项目,感兴趣可以去看看: Skywalking APM监控系列(一丶.NET5.0+接入Skywalking监听) 本篇我们主要讲解一下Skywalking如何接入mysql数据库监听与Linux服务器的监听 其实从Sky ......
前端开发工具
前端开发工具 开发环境 Node.js 开启了前端啥都想写一点的时代 😁😀 npm nodeJs自带的包管理器 cnpm 淘宝网提供的npm的国内镜像加速工具 pnpm 采用集中式的依赖存储,极大节省硬盘空间. 唉, 主流语言的依赖地狱都是个问题. 依然可以使用淘宝提供的镜像 git 开发工具 ......
手把手教你写一个JSON在线解析的前端网站1
前言 作为一名Android开发，经常要跟后端同事联调接口，那么总避免不了要格式化接口返回值，将其转换为清晰直观高亮的UI样式以及折叠部分内容，方便我们查看定位关键的信息。 一直以来都是打开Google 搜索json格式化关键字，然后选择Google推荐的前三名的网址，比如 bejson网站: ht ......
【前端css】全局修改css让网页置灰，去掉色彩
html { filter: grayscale(100%);//IE浏览器 -webkit-filter: grayscale(100%);//谷歌浏览器 -moz-filter: grayscale(100%);//火狐 -ms-filter: grayscale(100%); -o-filte ......
后端数据改变后，前端实时获取改变的数据
前端要实时获取到后端变化的数据，可以使用websocket（实现双向通讯的协议）或者SSE用于从服务器向客户端的单向实时事件流。 两种方法的实现方式： 使用WebSocket： 1、创建WebSocket连接：在前端使用WebSocket API来创建WebSocket连接到后端服务器。 // 建立 ......
【前端小技巧】如何使用 Eolink Apilkit 调用 Mock ？
在开发过程中，进度比较赶的情况下，前端人员当页面写完时，后台的接口还没写完，等要交付的时候后端才把接口给你，这个时候就很尴尬。 这个时候 Mock 就可以很好的解决这个问题，前端团队可以在 API 还没开发完成的情况下，借助 Mock API 实现预对接，加速开发进程。测试团队可以通过 Mock A ......
项目中前端如何实现无感刷新 token！
1、问题 上用户在使用的时候，偶尔会出现突然跳转到登录页面，需要重新登录的现象。 2、原因 突然跳转到登录页面，是由于当前的 token 过期，导致请求失败；在 axios 的响应拦截axiosInstance.interceptors.response.use中处理失败请求返回的状态码 401，此 ......
前端请求代理配置
前端请求代理配置，解决跨域问题，适用于React、Vue项目
1. 优点：可以配置多个代理，可以灵活控制请求是否走代理。
2. 缺点：配置繁琐，前端请求资源时必须带上前缀。 ......
前端划词选中实现
1、需求 如上图，鼠标划词选中标签，选中的词自动填入到输入框中 2、实现 <div class="tag-words" @mouseup="startSelectWord"> <div class="tag-word" v-for="(item, index) in tagWords" :key=" ......
3.web前端开发(Axios,前端工程化,Element,路由)
web前端开发(Axios,前端工程化,Element,路由) Axios Axios官网：https://www.axios-http.cn/ 定义: 引入Axios的js文件； <script src="js.axios-0.18.0.js"></script> 使用Axios发送请求，并获取响 ......
2.前端框架(Vue)
前端框架(Vue) Vue 概念; vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写； 基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上； 官网：https://v2.vuejs.org/ 框架：是一个半成品软件，是 ......
开课吧前端1期.阶段3-2：课程体系
课程体系 第一周:ES6、数据交互、WebSocket 1、课程介绍、讲师介绍：为什么要搞原生的 Markdown和GitHub ES6 2、Node基础、bebel Ajax和Jsonp WebSocket 项目：WebSocket聊天室 3、手拆jQuery源码 手拆socket.io源码 项目 ......
开课吧前端1期.阶段3-1：软件的使用 （bower,atom, node）
今天主要不讲课，试试环境 软件：（推荐，有自己熟悉的用自己的） 1.编辑器：atom 支持插件： atom-typescript language-vue language-weex markdown-preview-plus 2.服务器：wamp（apache+mysql）、xampp、nginx ......
qiankun微前端的简单使用
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端借鉴了微服务的架构理念，将一个庞大的前端应用拆分为多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用联合为一个完整的应用。微前端既可以将多个项目融合为一，又可以减少 ......
学习归纳 | 关于java后端+vue前端+app端 | 学生初入工作
1.工作感受 首先，目前所作工作主要就是看懂前人的代码，并且修改一些bug，由于对方不在维护，交由我部门进行维护。 个人所学浅薄，有许多技术知识需要学习，上学期间做的东西真是非常不成熟，所用技术栈也非常少。 纸上得来终觉浅，绝知此事要躬行。看再多开发文档，不如实际去写项目。 很多知识，学的很多，但用 ......
Nginx 做前端代理，上传文件速度慢
同一台服务器，前端部署在nginx，在上传33M的文件时，耗时36s,但是通过IIS或者swagger上传文件，只需要8s 解决方案：将Nginx配置文件中 proxy_pass http://139.196.154.85:54730/; 改为localhost ： proxy_pass http: ......
前端大文件上传如何做到刷新续传？
前言 这两天在学习阿里云oss上传。踩了不少坑，终于实现了大文件分片、断点续传的功能。这篇文章主要分享学习笔记，希望能给大家一些帮助。先看效果 技术栈 1.前端： react+Ts + axios 上传文件 2.Node部分：定义接口、阿里云 oss 3.socket.io ：实时同步上传进度 特别 ......
为什么不能单纯地从前端来解决跨域问题？LiteNVR安防视频系统为何需要跨域？
当然这只是举了个例子，以上情景可能只有通过cookie进行会话才会出现，现在一般都是通过前端手动维护token或者sessionId维持会话，但这同样是一个极其严重的安全问题。 ......
luffy前端配置，跨域问题，后端数据库迁移， 后台主页功能，后台管理
1 luffy前端配置🌄 # 1 跟后端交互：axios cnpm install -S axios 以后想发送ajax请求，必须导入，使用 可以把axios放到vue实例中，以后任意组件中 this.$axios.get() main.js中加入 import axios from 'axios ......
前端大文件上传
整体思路 前端 前端大文件上传网上的大部分文章已经给出了解决方案，核心是利用 Blob.prototype.slice 方法，和数组的 slice 方法相似，调用的 slice 方法可以返回原文件的某个切片 这样我们就可以根据预先设置好的切片最大数量将文件切分为一个个切片，然后借助 http 的可并 ......
前端进阶系列——理解 React Ref
前端进阶系列——理解 React Ref 秦书羽 杭州@朝夕光年 关注他 17 人赞同了该文章 Ref 是 Reference(引用) 的缩写。 一、前言 在 React 中通常遵循 “自上而下” 的 “单向数据流”。父组件和子组件的通讯只能通过 Props。如果要修改一个子组件，我们要修改 Pr ......
干货：如何在前端统计用户访问来源？
在前端统计用户访问来源是一个常见的需求，通过获取访问来源信息，我们可以了解用户是通过直接访问、搜索引擎、外部链接等途径进入我们的网站或应用。下面是一个详细的介绍，包括方法和实现步骤。 一、获取HTTP Referer HTTP Referer是HTTP请求头的一部分，它记录了用户从哪个页面跳转而来。 ......
解决前端传递Date类型时自动转换为国际时间的问题
本质原因是前端对象中使用了Data类型的属性字段，在向后端传递时会自动将JSON对象转换为JSON字符串进行传递 Date类型的属性在进行转换时会调用自身的toJSON方法，转换为国际时间的字符串表达形式 let date = new Date(); console.log(date); conso ......
前端到后端的流程
2023.10.10 1.可以从架构模式着手 最基础的，前后端分离，后面就是前端是什么技术，比如Vue，后端是什么，可能是java、php什么的 然后后端一般会提供接口文档，常用的比如swagger 2.这里先明晰一下概念 动静分离 动态资源：servlet、接口等 静态资源：image、js、cs ......
前端如何实现大文件上传
在开发过程中，经常会遇到一些较大文件上传，如果只使用一次请求去上传文件，一旦这次请求中出现什么问题，那么无论这次上传了多少文件，都会失去效果，用户则需要重新上传所有资源。所以就想到一种方式，将一个大文件分成多个小文件，这样通过多个请求实现大文件上传。 接下来我们就来看看具体是怎么实现的~ <inpu ......