前端 流水线 流水devops
前端大文件上传如何做到刷新续传？
前言 这两天在学习阿里云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 ......
流水线中便捷迭代，鲲鹏DevKit 23.0新能力抢先看
在华为全联接大会2023鲲鹏DevKit分论坛上，鲲鹏DevKit的技术专家们详细解读了鲲鹏DevKit 23.0版本即将上线的最新能力，并且邀请了华海智汇、志凌海纳等行业伙伴，共同分享基于鲲鹏DevKit的原生开发实践。 ......
前端大文件上传
整体思路 前端 前端大文件上传网上的大部分文章已经给出了解决方案，核心是利用 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 ......
vconsole 前端调试神器，h5页面调试工具
npm install vconsole 在需要的页面引入 ，并初始化 <script> import Vconsole from 'vconsole'; export default { created() { let vConsole = new Vconsole(); } } </script ......
前端讲义10_HTTP Request header
前端讲义10_HTTP Request header 把Request header 进行分类，比较清晰记忆。 监控打开 URL https://blog.csdn.net/msh2016 Cache 头域 If-Modified-Since 作用： 把浏览器端缓存页面的最后修改时间发送到服务器去， ......
前端网页sessionStorage对值的获取与传值
前端网页sessionStorage对值的获取与传值 sessionStorage主要在页面之间进行值得传输·允许跨页面。可以是单个值，以及JSON对象的传递，主要方法有这些sessionStorage[key]=val//保存一个数据sessionStorage.setItem(key,val)/ ......
前端大文件上传方法
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文 ......
vue前端项目配置，让他人可以访问前端本地启动的项目地址
vue.config.js文件配置 devServer: { host: '0.0.0.0', //运行dev服务器时绑定的IP地址,默认为localhost //配置开发服务器的外网地址 //本机IP地址通过ipconfig查看，要保证自己和访问者在同一个局域网内，比如同连一个VPN的局域网，或者 ......
前端面试八股文 JavaScript
前端面试八股文 JavaScript 谈谈对原型链的理解 在JavaScript中，每个对象都有一个原型对象proto，指向其构造函数的原型对象prototype。 当我们创建一个新的实例对象时，这个对象会从其构造函数的原型对象prototype中继承属性和方法。如果实例对象自身没有某个属性或方法， ......
前端面试八股文 Vue
前端面试八股文 Vue 讲一下Vue框架的原理？ 我们使用Vue开发应用，实际上是编写若干Vue组件，实现模板、data、生命周期钩子等，然后执行new Vue()，将根组件挂载到指定的DOM节点上面，当我们编写的组件中生命周期钩子里面的或者在模板的元素事件中改变数据时候，视图会响应地更新。这样就实 ......
前端面试八股文 工程化+性能优化+计算机基础
前端面试八股文 工程化+性能优化+计算机基础 前端页面性能如何优化？ 以下是一些前端性能优化的常用方法： 减少资源加载时间：这可以通过多种方式实现，比如压缩和合并CSS和JavaScript文件，使用CDN（内容分发网络）来快速传输资源，以及使用浏览器缓存来避免重复下载。 优化图片：图片通常是网页中 ......
企架布道：中电金信应邀出席2023佛山敏捷之旅暨DevOps Meetup
近日，2023佛山敏捷之旅暨DevOps Meetup活动顺利举行，本次活动以助力大湾区金融和互联网企业敏捷DevOps实施和效能提升为主题，共设立 2个会场，16个话题分享，200余位金融、互联网企业相关从业人员齐聚一堂，共同探讨行业最佳实践、最新发展趋势以及最新应用案例。中电金信研究院企业数字化 ......
我在前端写Java SpringBoot项目
本篇文章主要是使用 NestJs + Sequelize + MySQL 完成基础运行， 带大家了解 Node 服务端的基础搭建，也可以顺便看看 Java SpringBoot 项目的基础结构，它俩真的非常相似，不信你去问服务端开发同学。 ......
vue前端有数据，但是eharts图标不显示的问题（待解决）
问题描述 vue前端能够获取到array数据，模式如图： echarts图表不能显示数据； 问题解决 还没解决~ ......
luffy前端配置、跨域问题、后端数据库迁移、后台主页功能、轮播图表、后台管理
luffy前端配置 再在vue中使用时，就不需要导入，直接使用this.$，，，就可以了 1、跟后端交互：axios cnpm install -S axios 以后想发送ajax请求，必须导入，使用 可以把axios放到vue实例中，以后任意组件中 this.$axios.get() main.j ......
luffy前端配置、跨域问题、后端数据库迁移、后台主页功能、后台管理
luffy前端配置 # 1 跟后端交互：axios cnpm install -S axios 以后想发送ajax请求，必须导入，使用 可以把axios放到vue实例中，以后任意组件中 this.$axios.get() main.js中加入 import axios from 'axios' Vu ......
计算机系统基础之指令执行问题的解决（分为顺序方式执行和流水线方式执行）
例题展示 例题解决 流水线周期即该流水线中执行时间最长的那段时间； 吞吐率即指令条数/流水线执行时间； 最大吞吐率即流水线周期的倒数（存疑）； 实际吞吐率即指令条数/（m+（n-1））*t；（m为m阶指令流水线）； 加速比即不使用流水线所用时间/使用流水线所用时间； 例题解决： ......
记录--前端换肤方案 - element+less无感换肤（无需页面刷新）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端换肤方案 - element+less无感换肤（无需页面刷新） 前言 前不久在改造一个迭代了一年多的项目时，增加了一个换肤功能。通过自己的探索，总结出了一套比较合适的改造方案供大家参考，如有更好的方案欢迎评论区踊跃评论😄 先上效果： ......
后端结合前端 模板渲染 显示列表
最终效果 背景知识 将HTML文件放在"templates"文件夹中可以确保Flask能够自动找到和加载它们，我没建这个文件夹所以报错了，图中是查了资料改正后的 工程结构 python文件需要放到工程的子目录 html代码 <!DOCTYPE html> <html lang="en"> <head ......
9.前端初步设计
空了挺长时间没写了。一些琐事耽误，然后另一方面就是在写前端。因为我不是学前端出身，所以前端相对比较弱，一下子我也搞的不是很全面，最主要的是没法讲的很细致，前端这东西吧，都说简单，但是想做的很好看那还是需要一些深入学习的。上一篇的文章是邮箱发送，意在做注册的时候发送验证码。现在页面基本完成了，毕竟登录 ......
【前端开发】前端开发者谷歌浏览器操作技巧
谷歌浏览器技巧 $_ 上次执行结果 opt键 + click 展开最外层元素 ctr+ shift + p 执行Command命令输入Capture full size screenshot 按下回车 截图全屏网页 ......
前端处理分页
html页面结构 <div class="pagingInfo"> <span class="page pre">上一页</span> <span class="num"><em class="curPage">1</em>/<em class="totalPage">5</em></span> < ......
WebForm后端调用前端JS
/*注意：定义的js方法一定要放在head里面，不能放下面，否则不生效*/ <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebFormBackEndCallFrontJsD ......