眨个眼就学会了Pixi.js
theme: smartblue本文正在参加「金石计划」本文简介带尬猴,我是德育处主任当今的Web开发中,图形和动画已经成为了吸引用户注意力的重要手段之一。而 Pixi.js 作为一款高效、易用的2D渲染引擎,已经成为了许多开发者的首选~~(我吹的)~~。本文将为工友们介绍PixiJS的基础知识和使
利用级联选择器实现省市区三级联动【vue + elementUI Plus | uViewUI】
利用级联选择器实现省市区三级联动
前端VUE播放RTSP、RTMP、HLS、FLV视频流的解决方案
通过浏览器用video.js可以正常播放,但是发现和原视频存在5秒左右的延迟,不符合项目的实时性需求,所以有实时视频的需求不建议用HLS流播放。最近有个需求是前端在浏览器显示摄像头传回的RTSP视频流,我和后端都没做过视频流的项目,所以一步步摸索过来,方法和经验供大家参考。flv.js是一个较成熟的
vue 可视化表单设计器 自定义组件
vue使用可视化编辑器设计表单,并自定义组件
【Vue】科学计数法常见处理
在上述示例中,number的初始值为科学计数法表示的数字1.23e+6。然后,使用Number()将其转换回数字,并使用toExponential()方法将其转换为科学计数法表示的字符串"1.23e+6"。在计算属性formattedNumber中,我们将这些方法应用到number数据上,并返回一个
2023年CSS面试题集合
一、H5的新特性有哪些?二、CSS3的新特性有哪些?三、如何实现一个盒子水平垂直居中?方法一:利用定位(常用方法,推荐)方法二:利用 margin:auto;方法三:利用 display:table-cell方法四:利用 display:flex;设置垂直水平都居中方法五:计算父盒子与子盒子的空间距
前端常用的三种加密方式(MD5、base64、sha.js)
作为一名优秀的前端开发工程狮,保障用户的信息安全、密码义不容辞,废话不多说,由我来介绍三种日常开发中经常用到的加密方式。一、MD5加密介绍: MD5中文含义为信息-摘要算法5,就是一种信息摘要加密算法,可以将数据转译为另一固定长度值特点:压缩性:任意长度的数据,算出的MD5值长度都是固定的。
Axios使用详解
Axios是一个基于promise的HTTP库,类似于jQuery的ajax,用于http请求。可以应用于浏览器端和node.js,既可以用于客户端,也可以用于node.js编写的服务端。
vue3实现父组件向子组件传值并监听props改变触发事件
【代码】vue3实现父组件向子组件传值并监听props改变触发事件。
教程6 Vue3+Element Plus el-carousel制作轮播图(后面有修改样式的方法)
教程6 Vue3+Element Plus el-carousel制作轮播图
HTML页面常用元素效果实现及其相关配置信息------前端
HTML页面常用元素效果实现及其相关配置信息------前端
odoo16前端框架源码阅读——rpc_service.js
odoo16前端框架源码阅读——rpc_service.js
AJAX 异步请求详细教程
Ajax 全称为 Asynchronous JavaScript And Xml -- 异步 js 和 xml,用来进行交互式网页的制作;也是一种动态的网页开发技术,在不加载整个页面的前提下进行页面局部内容的刷新;Ajax 在后台与服务器进行少量的数据交互,使用网页实现异步更新,比传统的刷新整个页面
浏览器自动播放音视频-前端实现方案
在开发中可能有遇到这样的需求,当用户打开页面后,需要自动播放视频或音频,按理说那就打开页面时play()一下不就搞定了吗,但实际情况很明显不是,不然也没得这篇文章喽,要实现这个需求,我们得先了解一下浏览器自动播放策略。再给出相应解决方案。
解决ECharts官网打开缓慢的问题
本章我们将解决在Windows系统中打开ECharts官网缓慢的问题。1、问题描述正常情况下,我们在Windows环境中打开ECharts官网可能会遇到非常缓慢的情况,一直处于加载中,甚至打不开,此时我们需要做一些处理即可。2、解决办法我们打开hosts文件,在文件最后追加上如下设置即可:151.1
Vue3自学笔记(一):选项式与组合式API编程风格对比总结
组合式api的组件编辑方式是Vue2.7以及Vue3以上的版本提出的全新概念,是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书写 Vue 组件。// 子组件.vue 组合式api案例 < script > import {// 响应式状态 const count = ref(0);
【vue3】前端上传图片的格式大小限制和压缩
上篇文章中研究了如何使用双token机制,在此篇中就暴露了一些问题:当accesstoken过期后,直到拿到最终想要得到的数据,期间需要经历三次请求——第一次请求,拿到accesstoken过期的消息——第二次携带refreshtoken发起请求,刷新了accesstoken——第三次携带新的acc
uni-app - 改变数据后视图无更新变化解决方案,更改数据不刷新 uni-app坑
当页面数据全部请求完毕,但用户操作导致数据改变时,视图并未按照最新数据进行更新。有时候,我们动态改变数据的时候发现视图并未改变,(或者h5改变小程序并为改变)常见于在 methods函数或其他位置中,改变data数据的时候,虽然数据变了,但视图没有更新,本文提供两个解决方案,我上uni-app付费花
JavaScript定时器
setInterval() :是属于 window 的方法,按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。其中 回调函数 "clock()" 可以写在 双引号中,也可以写在单引号中。setInterval() 和 s
VUE前端实现token的无感刷新
说实话,这个其实没啥好讲的,要说有复杂度的话,也主要是在后端。实现token无感刷新对于前端来说是一项十分常用的技术,其本质都是为了优化用户体验,当token过期时不需要用户调回登录页重新登录,而是当token失效时,进行拦截,发送刷新token的请求,获取最新的token进行覆盖,让用户感受不到t