前端tweenjs动画
如果后端API一次返回10万条数据，前端应该如何处理？
这个问题其实是考察面试者对性能优化的理解，涉及的话题很多。 创建服务器 为了方便后续测试，我们可以使用node创建一个简单的服务器。 服务器端代码： const http = require('http')const port = 8000;let list = []let num = 0// cr ......
前端数据流组装指定格式的文件下载
有的时候，我们从后端获取了文件数据，需要在前端组合成指定格式的文件，并下载。 组合文件，除了数据，还需要规定格式，才知道组合成什么格式的文件。 主要代码如下： /* * responseText 后端获取的文件数据 * 这里以 pdf 格式的文件举例，设置 type 为 pdf 文件需要的类型 * ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
从前做前端的时候， 联通的好多html5活动， 页面布局如何整齐，回顾一个常用的
今天想布个页面， 许久不手写css了，从前写了许多html5的游戏活动等， 大转盘，豆豆世界，沃积分， 刮刮卡， 那时候早，不同手机端一个个测，手机品牌每个浏览器都不一样，那时候测试部的可是好好弄了我写的积分平台的联通全栈移动端了， 搞了通宵才让回家，因为要赶上线。 如今却css许久不写了，好多技能 ......
华为云耀云服务器L实例-tilas教学管理系统前端配置
华为云耀云服务器L实例-tilas教学管理系统前端配置 产品官网：https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址：https://github.com/JohnYoung5665/spring-boot-web01/tree/m ......
纯前端对服务器的概念
1. 服务器概念 前端接触的服务器有多种，比如：机房的物理服务器、后端装自己电脑上的虚拟机服务器、华为云或腾讯云上租的云服务器、node或nginx提供本地文件访问的web服务器 等。 对于我们前端而言，服务器就分为两类 web服务器 和 非web服务器。 web服务器：就是一个软件程序，运行之后， ......
前端使用a标签下载非同源文件(备选方案)
原理: 下载文件Blob,再把Blob转为本地链接,以实现跨域变同域,最后使用a标签实现下载； 优缺点： ● 优点：能达到下载跨域文件的目的； ● 缺点：不适用于大文件，大文件体验较差； 示例： 使用fetch把文件下载下来,然后URL.createObjectURL转为本地链接,最后使用a标签下载 ......
H5前端特殊艺术字体文件太大，可通过font-spider压缩
原理: 1.爬行本地 html 文档，分析所有 css 语句 2.记录@font-face语句声明的字体，并且记录使用该字体的 css 选择器 3.通过 css 选择器的规则查找当前 html 文档的节点，记录节点上的文本 4.找到字体文件并删除没被使用的字符 5.编码成跨平台使用的字体格式 简而言 ......
WEB前端，后端接单中 ，企业网站小程序开发
php ， Vue开发，h5开发，html，css ，js，微信小程序 ，uni-appchrome插件，需要滴滴我。看需求时间复杂度免费 例如期末大作业，毕业设计，自用工具都可以找我。 找前端师傅带带？快来吧 微信号： kaifa099 vx,请备注博客园 ......
Unreal入门，Timeline动画02，动态材质
这里动态材质效果主要是利用Timeline生成随时间变化的颜色插值来实现 1. 创建动态材质实例变量，用于控制材质动态效果 将返回值提升为变量MI_Frame 注意这里都是在ConstructionScript中完成的 回到事件图表，添加颜色插值以实现动态材质变化 注意这里的变化参数来自于门框材质的 ......
文件批量重命名之在线版本-前端的本地文件操作
批量文件重命名是一个低频但时不时又会遇到的需求，非常适合在线工具的形式，即用即走。 搜索了一圈，没有发现可以直接实现这个功能的网站，不过找到了相关的 API FileSystemFileHandle.move() for local files - Chrome Platform Status Ch ......
Unreal入门，Timeline动画01，开关门
1. 准备一张新地图 选择基本地图即可 导入第三人称资源包 这里选择Third Person 创建基于BP_ThirdPersonGameMode和BP_ThirdPersonCharacter的蓝图BP_MyThirdPersonGameMode和BP_MyChar 修改当前地图的默认GameMo ......
前端那些好用的CSS/JS网站
🍀一、渐变神器Gradient 网站地址： Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍： Gradient是一款网页渐变设计工具，可以帮助用户轻松创建漂亮的渐变颜色样式，并将其应用到网页、APP等设计项目中。 网站示例： ......
vue3+lottie实现动画
1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......
前端(js)实现图片一次全部下来后，在调图片显示
前端实现图片一次全部下来后，在调图片显示 var imgsrc=[ "http:/XXX01.jpg", "http://XXX02.jpg", "http://XXX0.jpg" ]; var imgArr = [] for (var i = 0; i < imgsrc.length; i++){ ......
vue前端node内存溢出问题解决
前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory （JavaScript堆内存不足） 原因： 因为在 Node 中，通过Ja ......
移动端手写板 + 模态框 + 弹框,前端监听移动端返回按钮
今天的需求是把全屏的手写板改为同一个页面只占半屏的手写板,本来用的iframe,后面发现笔触和屏幕按下的位置不一样,然后用了jQuery的$.load(),发现用$.load会导致文件中的js不执行,后面还是重新开始,在同文件重新写了一个canvas手写板,然后发现了,canvas在全屏的时候没问题 ......
前端增加遮罩层后下方还可以滑动解决方法
之前用要实现一个底部弹窗，需要用到遮罩层，但功能实现后发现遮罩层下方的内容还可以滑动，后来上网查询解决方法，找到了很多相关内容，比如加定位和超出隐藏，但后来发现没那么复杂，直接控制css样式overflow-y就能实现 jq方法： 隐藏滑轮（不可滑动）： $('body').css('overflo ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
【秀米教程7】SVG点击展开推文，手机横屏下拉效果动画
效果展示 效果展示：点击图片展开推文内容 效果图 操作步骤 点击【图文模板】 - 【SVG】 - 在左边选择自己想要的下拉效果 点击下拉效果图的边框 - 点击【编辑】 显示内容：显示当前编辑下的内容，但不能编辑 点击【转场设置】 ①解释说明：【转场设置】下方有“转场淡出(0.5秒)+展开(13秒)” ......
前端发送请求的时候 Content-Type 内容分类， django后端分别怎么接收
前端发送请求时，常见的 Content-Type 内容类型包括： application/x-www-form-urlencoded 这是最常见的内容类型，用于发送键值对形式的数据。数据被编码为 URL 查询字符串格式。 Django 后端可以通过 request.POST 来接收这些参数。 mul ......
使用Element.animate()实现动画
Element.animate()实现 <div id="app"> <button @click="startAmi">开始</button> <p>{{msg}}</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue. ......
前端上传图片到EOS
最近个人小项目中用到了移动云的EOS服务，需求是前端直接上传图片到移动云的EOS，将返回的图片URL作为参数传给后端，步骤如下： 1、安装依赖：cnpm i aws-sdk 2、指定访问权限： 1 // 创建 plugins/aws.js 文件 2 const AWS = require('aws- ......
【秀米教程7】SVG点击图片，横屏下拉效果动画
原文链接：https://www.cnblogs.com/MrFlySand/p/17930117.html 效果展示 效果展示：点击图片展开推文内容 效果图 操作步骤 点击【图文模板】 - 【SVG】 - 在左边选择自己想要的下拉效果 点击下拉效果图的边框 - 点击【编辑】 显示内容：显示当前编辑 ......
api下的 user.js 主要是从前端页面获取的接口
import request from '@/utils/request' // 登录接口 export function login(data) { return request({ url: '/vue-element-admin/user/login', method: 'post', dat ......
layui之静态表格的分页及搜索功能以及前端使用XLSX导出Excel功能
LayUI官方文档：https://layui.dev/docs/2/#introduce XLSX NPM地址：https://www.npmjs.com/package/xlsx XLSX 使用参考文档：https://juejin.cn/post/7003153489920524301 htt ......
前端添加配置文件——webpack打包部署后可配置
1.在public文件夹下，新建config/config.js文件 window["edmConfig"] = { loginConfig: { loginSource: "d d d", loginUrl: "a a a", service: "c c c" } } 2.在index.html中 ......
袋鼠云数栈前端从 Multirepo 到 Monorepo 研发效率提升探索之路
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：星野 困境频生前端代码管理何解？ 前端代码管理一直是困扰着不少前端开发团队的难题，从开发到发布的整体工作流程中，除了常规的技术问题外，往往还伴随着沟通成本、维 ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......