省略号 前端ellipsis页面
【前端css】全局修改css让网页置灰,去掉色彩
html { filter: grayscale(100%);//IE浏览器 -webkit-filter: grayscale(100%);//谷歌浏览器 -moz-filter: grayscale(100%);//火狐 -ms-filter: grayscale(100%); -o-filte ......
gitlab、线上合并分支、远程仓库回滚、git工作流,git pull和git fetch,变基、pycharm操作git、登录注册页面分析
gitlab使用 1 、创建账号 》管理员审核 2 、登录进去 》就能看到项目--(项目管理员把你添加成开发者了) 3 、把代码clone下来,使用pycharm打开 4 、写代码,本地提交 问题: 普通开发者,提交到master分支是不行的 创建一个dev分支 》提交到dev分支 后期由管理员做分 ......
后端数据改变后,前端实时获取改变的数据
前端要实时获取到后端变化的数据,可以使用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/ 框架:是一个半成品软件,是 ......
【Azure Developer】在App Service上放置一个JS页面并引用msal.min.js成功获取AAD用户名示例
问题描述 在App Service上放置一个JS页面并引用msal.min.js,目的是获取AAD用户名并展示。 问题解答 示例代码 <!DOCTYPE html> <html> <head> <title>Azure Service</title> </head> <script type="te ......
开课吧前端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 :实时同步上传进度 特别 ......
监听上传的服务器文件是否改变,从而刷新页面
监听上传的服务器文件是否改变,从而刷新页面=> interface Options { timer?: number; } class Updater { oldScript: string[]; //存储第一次值也就是script 的hash 信息 newScript: string[]; //获 ......
为什么不能单纯地从前端来解决跨域问题?LiteNVR安防视频系统为何需要跨域?
当然这只是举了个例子,以上情景可能只有通过cookie进行会话才会出现,现在一般都是通过前端手动维护token或者sessionId维持会话,但这同样是一个极其严重的安全问题。 ......
问题:出现404错误页面的原因
404错误原因:服务器找不到请求的网页。 可能的原因有: 1.管理员将原始的网页数据更改,导致网页失效。 2.上传到网页的文件目录或文件名称被更改,导致原网页失效。 3.上传到网页的文件被移动或被删除也可能导致原链接失效。 4.输入的网址有错误,不能连接到所需的文件。 ......
luffy前端配置,跨域问题,后端数据库迁移, 后台主页功能,后台管理
1 luffy前端配置🌄 # 1 跟后端交互:axios cnpm install -S axios 以后想发送ajax请求,必须导入,使用 可以把axios放到vue实例中,以后任意组件中 this.$axios.get() main.js中加入 import axios from 'axios ......
视频直播源码,AndroidStudio登录页面的切换
视频直播源码,AndroidStudio登录页面的切换 xml代码 <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xml ......
前端大文件上传
整体思路 前端 前端大文件上传网上的大部分文章已经给出了解决方案,核心是利用 Blob.prototype.slice 方法,和数组的 slice 方法相似,调用的 slice 方法可以返回原文件的某个切片 这样我们就可以根据预先设置好的切片最大数量将文件切分为一个个切片,然后借助 http 的可并 ......
前端进阶系列——理解 React Ref
前端进阶系列——理解 React Ref 秦书羽 杭州@朝夕光年 关注他 17 人赞同了该文章 Ref 是 Reference(引用) 的缩写。 一、前言 在 React 中通常遵循 “自上而下” 的 “单向数据流”。父组件和子组件的通讯只能通过 Props。如果要修改一个子组件,我们要修改 Pr ......
Chrome安装后打不开任何页面 & 改名后图标变成小白块
【网上最简单】Chrome安装后打不开任何页面 & 改名后图标变成小白块[30秒解决] 自从76版本后,我发现Chrome更新后,打不开任何网页,我就再也没有升级,停留在76.0.3809.87。 最近Chrome大版本升级到了85,网上说是“史诗级”增强,我就心动了,但是升级后,然e... 还是和 ......
干货:如何在前端统计用户访问来源?
在前端统计用户访问来源是一个常见的需求,通过获取访问来源信息,我们可以了解用户是通过直接访问、搜索引擎、外部链接等途径进入我们的网站或应用。下面是一个详细的介绍,包括方法和实现步骤。 一、获取HTTP Referer HTTP Referer是HTTP请求头的一部分,它记录了用户从哪个页面跳转而来。 ......
解决前端传递Date类型时自动转换为国际时间的问题
本质原因是前端对象中使用了Data类型的属性字段,在向后端传递时会自动将JSON对象转换为JSON字符串进行传递 Date类型的属性在进行转换时会调用自身的toJSON方法,转换为国际时间的字符串表达形式 let date = new Date(); console.log(date); conso ......
Vue实现a标签点击打开新页面但不触发路由跳转的效果
概要 对于一个a标签,原生效果有点击直接当前页跳转路由,按键(windows为ctrl,ios为command)+ 点击打开路由的新页面这两种效果 注意,第一种效果是a标签自带的,第二种效果是浏览器的行为。 如图为普通a标签和部分属性,点击跳转新路由/newapi,当然同时也会触发newUrl函数 ......
前端到后端的流程
2023.10.10 1.可以从架构模式着手 最基础的,前后端分离,后面就是前端是什么技术,比如Vue,后端是什么,可能是java、php什么的 然后后端一般会提供接口文档,常用的比如swagger 2.这里先明晰一下概念 动静分离 动态资源:servlet、接口等 静态资源:image、js、cs ......
溢出属性及空余空间(溢出省略号)
溢出属性 overflow:visible/hidden/scroll/auto/inherit visible:默认值,溢出内容会显示在元素之外 hidden:溢出隐藏 scroll:通过滚动条展示出所有内容(不论文本是否超过内容,都会出现滚动条) auto:按照内容的多少,自动出现滚动条 inh ......