前端 路由 动态
07前端开发jQuery
作业讲解 """ 一定要明确手上的标签是什么对象 如果原生的js代码查找出来的对象 那么只能调用原生的js方法 如果原生的jQuery代码查找出来的对象 那么只能调用原生的jQuery方法 原生js与jQuery对象的关系 可以将jQuery对象看成是数组包了标签对象 原生js就是标签对象 eg:[ ......
前端常用设计模式
什么是设计模式? 设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结,设计模式并不是一种固定的公式,而是一种思想,是一种解决问题的思路;使用设计模式是为了可重用代码,让代码更容易被他人理解,保证代码可维护性。 设计模式不区分编程语言,设计模 ......
前端性能优化有哪些?
前端有哪些性能优化?前端性能优化分两部分1、加载性能优化2、渲染性能优化一、加载性能优化 本质: • 1、减少请求次数; • 2、减少请求资源的大小; • 3、网络优化; 1、 减少请求次数方式 1)图片资源 ○ CSS雪碧图:把一些常用、重复使用的小图合并成一张大图 ○ 图片懒加载: 利用css的 ......
js给元素添加id,动态方式,举个简单例子
在JavaScript中,如果你想动态地给一个已经存在的元素添加一个id属性,你可以通过获取那个元素的引用,然后设置它的id属性来实现。这里是一个简单的例子,它展示了如何给一个div元素动态添加一个id: // 假设我们有一个这样的HTML元素: // <div>这是一个div</div> // 首 ......
前端实现文件的断点续传
早就听说过断点续传这种东西,前端也可以实现一下不过本文所说的断点续传并不一定是真的断点续传,只是一种实现方式,等到有业务需求再去验证能不能用这里的断点续传在前端的实现主要依赖着HTML5的新特性,所以一般来说在老旧浏览器上支持度是不高的本文通过断点续传的简单例子(前端文件提交+后端PHP文件接收), ......
Element Plus 动态表单验证
<div v-for="(item, index) in formList" :key="index"> <el-form :ref="(el) => { formRefs(el) }" :model="item"> <el-form-item> <el-input v-model="item.na ......
后端返回pdf文件流,前端请求返回乱码文件流下载之后pdf文件空白
vue项目中遇到个问题:后端返回pdf文件流,前端请求返回乱码文件流下载之后pdf文件空白 解决办法: 在请求接口的时候设置responseType: "blob"。 axios.get(url,{ responseType: "blob",//这里一定要设置,否则返回的流是乱码,下载之后文件是空白 ......
前端开发解决方案
Arco Design - 企业级产品的完整设计和开发解决方案 ArcoDesign 是一套设计系统的简称。 ArcoDesign 的目标, 即通过通用的设计系统去解决产品中的体验问题, 并为产品设计提供指导原则解决业务问题,同时它能够促进设计部门和研发部门之间协作, 成为开发者之间沟通的语言。 A ......
APP攻防--安卓逆向&JEB动态调试&LSPosed模块&算法提取&Hook技术
JEB环境配置 安装java环境变量(最好jdk11) 安装adb环境变量 设置adb环境变量最好以Android命名 启动开发者模式 设置-->关于平板电脑-->版本号(单机五次) 开启USB调试 设置-->系统-->高级-->开发者选项-->USB调试 开启USB调试目的是为了后续让JEB能够获 ......
基础课-前端CSS
CSS基础语法 CSS的作用:让前端界面美化 CSS代码的编写位置:1.嵌入编写:CSS代码可以嵌入中HTML一个特殊标记style里,style标记必须是head的子标记 2.外部编写:CSS代码单独编写在后缀是.css文件中,如果某个HTML需要使用CSS代码文件中的样式,就需要使用link标记 ......
CSS3 实现动态旋转加载样式
CSS3 实现动态旋转加载样式 要使用 CSS3 创建一个动态旋转加载样式,你可以使用 CSS 动画和旋转变换。下面是一个简单的示例: HTML: <div class="loader"></div> CSS: .loader { width: 50px; height: 50px; border: ......
前端处理大文件/视频分片上传,断点续传
1、html部分,项目使用的是ant-design-vue组件库;spark-md5进行加密上传 2、使用变量:(通过上传成功的分片数与总分片数对比判断上传是否完成) 3、主要方法: 1、 查询当前文件是否上传 2、获取文件的MD5编码 // 获取文件的MD5编码 computedSliceMd5 ......
平台工程动态 Monthly News 2023-10
了解最新行业动态,洞察平台工程本质。 平台工程二次进入 Gartner 年度 10 大战略技术趋势。 @平台工程洞察 ......
Django动态创建表模型,并使用drf
序列化器 from rest_framework import serializers class MySerializer(serializers.ModelSerializer): """ 序列化器 """ class Meta: model = None # 可以设置为None,动态生成之后, ......
Cocos Creator 3.x 如何动态修改3D物体的透明度
Cocos Creator 3.x 的2D UI有个组件UIOpacity组件可以动态修改UI的透明度,非常方便。很多同学想3D物体上也有一个这样的组件来动态的控制与修改3D物体的透明度。今天基于Cocos Creator 3.8 来实现一个可以动态修改3D物体透明度的组件Opacity3D。 一个 ......
助教工作10月总结(前端开发技术)
一、助教工作的具体职责和任务作为前端这门课程的助教主要的职责是辅助老师完成在课外的一些教学任务例如 1、课下的疑难解答 :课下辅导中,我通过QQ私聊等方式与学生进行沟通,并帮助他们解决在学习过程中遇到的困惑和问题。我会提供适当的指导和建议,引导学生找到解决问题的方法和思路。 2、课外资源的推荐 :由 ......
利用路由守卫实现token过期后返回登录界面
const timeX = localStorage.getItem("time");//如果有时间戳存在会判断token是否过期if(timeX!==null){ const time=timeX.slice(1,-1)//获取了token的过期时间 const tokenTime=new Dat ......
vue 2 升级vue3 前端老白
vue 2 升级vue3 前端老白 原文链接:Vue 3已经发布,而Vue 2到Vue 3的升级需要一些注意点。本文将介绍Vue 2升级到Vue 3的具体步骤,让您在升级中无后顾之忧。首先,我们需要升级Vue CLI到4.x。在升级前,我们需要备份项目代码,以防出现意外情况。接着,我们需要在命令行中 ......
若依前端项目理解&官方文档学习
若依前端项目理解&官方文档学习:https://blog.csdn.net/u010657801/article/details/129441209?ops_request_misc=&request_id=&biz_id=102&utm_term=%E8%AF%BA%E4%BE%9D%20%20f ......
vue的token登录检验和路由守卫的配置
1.登陆操作时,保存token localStorage.setItem("token",res.data.token) 2.钩子函数 // 钩子函数,访问路由前调用 router.beforeEach((to, from, next) => { // 路由需要认证 if (to.meta.notR ......
微前端无界机制浅析
随着项目的发展,前端SPA应用的规模不断加大、业务代码耦合、编译慢,导致日常的维护难度日益增加。同时前端技术的发展迅猛,导致功能扩展吃力,重构成本高,稳定性低。为了能够将前端模块解耦,通过相关技术调研,最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架,我们对其运行机制进... ......
基础课-前端
前端技术的实际意义 前端就是软件中的图形界面页面 软件通过前端界面:1.获得用户的输入数据 2.展示数据给用户 前端开发需要掌握的三项技术(语言): 1.HTML 超文本标记语言 2.CSS 层叠样式表语言 3.Java Script(JS) 动态脚本语言 HTML基本语法 HTML代码需要编写在后 ......
【动态规划】状态压缩DP(状压dp)
还在更新ing 一、引入 在动态规划状态设计中,若状态是一个集合,例如 \(S=\) { \(1,0,1,1,0\) } ,则表示第 \(1、2、4\) 个节点被选中(从右往左对应 \(0 \sim 4\) 号节点)。若集合的大小不超过 \(N\) ,则集合中的每个元素都是小于 \(K\) 的正整数 ......
【动态规划 & 换根dp】Change Root DP
还在更新ing 前言 此乃小 Oler 的一篇小小算法随笔,从今日后,还会进行详细的修订。 一、简单介绍(change root dp) 如需了解树形dp的,本蒟蒻毛遂自荐,万字大文动态规划【树形dp】Tree DP ~~~详解 换根dp,又叫二次扫描,是树形DP的一种,是一种用来求解树上各点到其他 ......
06前端开发jQuery
DOM操作标签 ''' 在起变量名的时候 如果该变量指向的是一个标签 那么建议使用 xxxEle eg:aEle\pEle\divEle\spanEle ''' # 动态创建一个a标签并添加到页面指定位置 var aEle = document.createElement('a') # 创建a标签 ......
前端的路由如何实现跳转?
下面的路由配置- 访问路径为: http://localhost:9999/#/ok/productData/tpProductData js配置路由跳转const tpRouter = { path: '/ok', component: Layout, name: 'ok', meta: {}, ......
极致性能优化:前端SSR渲染利器Qwik.js
引言 前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互,而前端框架的选择对于实现这些目标至关重要。然而,传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。 在这个充满挑战的背景下,我们引入了 Qwik.js 框架。Qwik.js 不仅是一个前端框架,更是一种前端 ......
ZPN项目 3:使用 Intel ICX 编译多线程动态运行时pyd的失败记录
使用Pybind11,可以生成供python调用接口的C++动态链接库,该库包含一个符合python启动签名的函数,并以pyd为后缀。 编译生成该库,与生成一般C++库基本一致。特殊地,当采用以下全部配置生成时,程序的调用将失败: 使用icx-cl编译器(兼容MSVC编译器标识的 icx 编译器) ......