前端css
【前端css】全局修改css让网页置灰,去掉色彩
html { filter: grayscale(100%);//IE浏览器 -webkit-filter: grayscale(100%);//谷歌浏览器 -moz-filter: grayscale(100%);//火狐 -ms-filter: grayscale(100%); -o-filte ......
【vue2】实现css动效逐个顺序展示的效果(简陋版)
效果(进入预约里程碑模块后,小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失,最终停留在当前预约等级的台阶上): 虽然很low但是!就是这么设计的!于是在原本静态的代码上稍加了些修改(为什么,为什么,想问天问大地) 首先是台阶部分的代码: <div :class="$style.reser ......
后端数据改变后,前端实时获取改变的数据
前端要实时获取到后端变化的数据,可以使用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,此 ......
Week8 HTML,CSS,JavaScript 课堂笔记
Routers 为了将数据从一个地方路送到到另一个地方,我们需要做出路由决策。也就是说,需要有人对数据如何从A点传输到B点进行编程 您可以想象数据如何从A点到B点采取多条路径,这样当路由器拥塞时,数据可以通过另一条路径流动 TCP/IP是两种允许计算机通过互联网在它们之间传输数据的协议 IP或互联网 ......
css 文字渐变
效果如图 代码如下: background: linear-gradient( to bottom, #ffffff 0%, #ffffff 45%, #389df5 100% ); background-clip: text; -webkit-background-clip: text; -web ......
前端请求代理配置
前端请求代理配置,解决跨域问题,适用于React、Vue项目
1. 优点:可以配置多个代理,可以灵活控制请求是否走代理。
2. 缺点:配置繁琐,前端请求资源时必须带上前缀。 ......
css伪类和伪元素
一、伪类说明 定义:伪类⽤于向某些选择器添加特殊的效果 超链接(a标签)伪类:a标签我们在日常工作和学习中用的很多,我们只知道默认状态下为蓝色,但是a标签其实有四种状态。 1、未访问前为蓝色(如果a标签使用不是蓝色而是紫色,那么近期访问过该网站,需要去浏览器删除近期记录) a:link 2、鼠标按着 ......
前端划词选中实现
1、需求 如上图,鼠标划词选中标签,选中的词自动填入到输入框中 2、实现 <div class="tag-words" @mouseup="startSelectWord"> <div class="tag-word" v-for="(item, index) in tagWords" :key=" ......
css 字体一闪闪和有光泽一闪而过效果
<div class="card-remark">请把卡放入读卡器上...</div> 字体一闪闪效果: .card-remark { font-family: Arial, sans-serif; /* 选择字体 */ font-size: 36px; /* 设置字体大小 */ color: rg ......
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源码 项目 ......
记录--纯CSS实现骚气红丝带
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 在本文中,我们将探讨如何使用 CSS 以最少的代码创造出精美的 CSS 丝带形状,并最终实现下面这个效果: 下面我们使用html和css来实现这个效果。我们使用内容自适应方式布局,不用担心里面的文字长度。本文介绍两种丝带:左侧的丝带称为“ ......
开课吧前端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: ......
CSS 多行文本超链接下划线动效
先看效果 乍一看,是不是感觉很简单,仔细一瞅发现事情好像没有那么简单。 如果十分钟还没想出怎么实现,那就把简历上的“精通css”改成“了解css”……😅 大部分人第一感觉都是想着用border-bottom去做,但是仔细看一下这个是多行文本,下划线始终在最后一行肯定是不合适的,而且下划线运动轨迹是 ......
前端大文件上传如何做到刷新续传?
前言 这两天在学习阿里云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 ......
为什么 CSS flex 布局中没有 `justify-items` 和 `justify-self`?
为什么 CSS flex 布局中没有 justify-items 和 justify-self? 为什么在 CSS flex 布局中存在 align-items 和 align-self,却没有 justify-items 和 justify-self 呢?要解答这个问题,首先需要理解主轴(main ......
干货:如何在前端统计用户访问来源?
在前端统计用户访问来源是一个常见的需求,通过获取访问来源信息,我们可以了解用户是通过直接访问、搜索引擎、外部链接等途径进入我们的网站或应用。下面是一个详细的介绍,包括方法和实现步骤。 一、获取HTTP Referer HTTP Referer是HTTP请求头的一部分,它记录了用户从哪个页面跳转而来。 ......
解决前端传递Date类型时自动转换为国际时间的问题
本质原因是前端对象中使用了Data类型的属性字段,在向后端传递时会自动将JSON对象转换为JSON字符串进行传递 Date类型的属性在进行转换时会调用自身的toJSON方法,转换为国际时间的字符串表达形式 let date = new Date(); console.log(date); conso ......
threejs CSS2DObject点击事件触发不了
原因:在three.js 0.13X版本后,上面dom的onclick 不会触发,原因是控制器Controls,可以尝试一下去掉控制器,看看dom上的点击事件是否ok let obtControls = new OrbitControls(camera, container); // OrbitCo ......