前端 碎片javascript化学
前端系列:基于 Flex 弹性布局详解
目录基本介绍基本概念父项常见属性flex-directionjustify-contentflex-wrapalign-itemsalign-contentflex-flow子项常见属性flexalign-selforderflex-growflex-shrinkflex-basis 基本介绍 布局 ......
JavaScript中如何终止forEach循环,跳出双层For循环?
在JavaScript中,forEach方法是用于遍历数组的,通常没有直接终止循环的机制。然而,我们可以使用一些技巧来模拟终止forEach循环。以下是几种常见的方法 1.使用return语句 在forEach回调函数内部使用return语句可以实现类似终止循环的效果。当需要终止循环时,可以在回调函 ......
禁止调试前端代码,不要看我的代码!
禁止调试前端代码,不要看我的代码 <script> // 禁止调试前端代码 (() => { function block() { if (window.outerHeight - window.innerHeight > 200 || window.outerWidth - window.inne ......
springboot项目前端传递了某个参数,但是后端获取值为null
从浏览器的payload中可以看出前端请求的方式是text还是form提交 1、前端如果提交方式为text,将参数绑定到对象的时候需要用到@Request注解,才能进行绑定,否则获取的值一直为null; import org.springframework.web.bind.annotation.* ......
2D动画软件对比,快速接入前端/游戏引擎
点击蓝字链接查看runtime/SDK详情 runtime 前端UI 游戏引擎 工作流 导出 特色功能 限制 定价 spine JS/TS, Flutter, webGL/Canvas/webPlayer, C/C++/C#/Java UE, Unity, Godot 客户端 .json, .ske ......
javascript数组合并效率对比
1、数组元素量级大而合并次数少时,性能对比: concat() > push() > […array1,…array2] 2、数组元素少但合并次数多时,性能对比: push() > concat() > […array1,…array2] 参考资料:http://www.seozhijia.net/ ......
JavaScript this 绑定详解
函数内 this 绑定 函数内this的绑定和函数定义的位置没有关系,和调用的方式和调用位置有关系,函数内的this是在被调用执行时被绑定的。 this的具体绑定规则 this 绑定基本包含下面4种绑定规则,以及一些其它的特殊绑定规则: 默认绑定 隐式绑定 显式绑定 new绑定 默认绑定 独立的函数 ......
JavaScript apply、call、bind 函数详解
apply和call apply和call非常类似,都是用于改变函数中this的指向,只是传入的参数不同,等于间接调用一个函数,也等于将这个函数绑定到一个指定的对象上: let name = 'window' function getName(param1, param2) { console.lo ......
前端rewrite规则对应nginx代理如何配置
案例1: 前端域名:sit-meta-xxx.com 前端代理规则: proxy: { '/api': { target: 'http://192.168.26.56:8888/api/v1', changeOrigin: true, rewrite: (path) => path.replace( ......
解锁前端新潜能:如何使用 Rust 锈化前端工具链
前言 近年来,Rust的受欢迎程度不断上升。首先,在操作系统领域,Rust 已成为 Linux 内核官方认可的开发语言之一,Windows 也宣布将使用 Rust 来重写内核,并重写部分驱动程序。此外,国内手机厂商 Vivo 也宣布使用 Rust 开发了名为“蓝河”的操作系统。除此之外,Rust ......
idea打开了后端项目,如何引入前端vue项目
点击项目结构 选择modules点击加号引入前端项目,下一步的时候不要选择maven 选择配置文件,右键运行,会出现运行前端的快捷指令,如果运行没有成功,需要下载 # 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题npm install ......
JavaScript——深拷贝和浅拷贝
浅克隆有别于直接赋值,而是克隆原始对象中的属性并填充到一个新的对象中。克隆前后的两个对象中的属性能够共享数据但不共享内存,从而达到修改其中一个对象的属性值不会影响到另一个对象的属性。还有一点要强调,克隆除了克隆数据,还得克隆类型 不废话了,直接写浅克隆的逻辑: function shallowClo ......
前端之 CSS
常见的css选择器 /*<!-- 组合选择器-->*/ h1,h2,h3 { color:cyan; } /*id选择器*/ #one { color: antiquewhite; } /*类选择器*/ .cc{ color: palevioletred!important; } /* 后代选择器* ......
前端之 HTML
HTML常用标签 <!--下脚标--> <sub>sub</sub> <!--上脚标--> <sup>sup</sup> <!--段落--> <p>pp</p> <!--强调建议用第一种--> <strong>3333</strong> <b>bb</b> <!--斜体建议用第一种--> <em>1 ......
开课吧前端1期.阶段5:generator,模块化与babel
复习:ES6 变量let、箭头function、参数等、map、reduce、filter、forEach Promise消除回调,Promise.all([p1,p2,p3]).then() 单独Promise并不能帮我们解决所有问题,还有2个兄弟是从Promise过度出来的,generator ......
前端请求
1. 前端跨域解决方案 request.js用来请求数据,封装的代码如下: import axios from 'axios' const request = axios.create({ baseURL: '/api', /**注意!! 这里是全局统一加上了 '/api' 前缀,也就是说所有接口都 ......
在使用egg加Sequelize操作数据库时添加新对象属性无法传递到前端问题
今天在操作数据库时想要对findAll后的数据进行重组时发现 在node端log是没问题children已经加上了 但是前端请求后死活没有children字段 后来查看文档得知 需要使用xxx.setDataValue(key,value) 的形式添加新字段才可以。 问题解决 ......
前端javascript高级-语言特性
js高级-语言特性-1 第0章 课程回顾 0.1 JS语法基础-复习 变量:变量的声明及命名规则 数据类型:数值、字符串、布尔、undefined、null、对象 运算符:+ - * \ == != < > ?: && || 流程控制结构: if else 、 switch case 、while ......
c# net6.0 使用FileStreamResult返回文件流,前端无法获取到文件名
前端能够获取到文件名,网上查了一下,需要设置 Response.Headers.Add("Access-Control-Expose-Headers", "Content-Disposition"); ......
微前端使用第一章
目录一、架构基础知识1、软件设计原则2、补充设计原则3、其他设计原则4、软件设计分层5、如何保证架构的质量-稳定性和健壮性6、正确的选择是良好的开端-架构前期准备7、千里之堤毁于蚁穴-技术债务填补与崩溃预防8、推到?重来?-系统重构9、微前端实现方式对比10、技术选型-确定技术栈11、绘制项目架构图 ......
人脸识别系统【从0到1完成一个小项目】【4】【前端vue搭建】
1.找一个合适的模板,可以用vue-element-admin的模板,但是个人认为这个模板太大了,做小项目修改起来比较复杂,可以找一个比较小的项目 2.我找的项目git clone https://github.com/tuture-dev/vue-admin-template.git,这个下载需要 ......
Redis内存碎片
Redis内存碎片(不会影响 Redis 性能,但会增加内存消耗) 1. 什么是内存碎片? 你可以将内存碎片简单地理解为那些不可用的空闲内存 举个例子:操作系统为你分配了 32 字节的连续内存空间,而你存储数据实际只需要使用 24 字节内存空间,那这多余出来的 8 字节内存空间如果后续没办法再被分配 ......
vue前端代码npm install报错的解决方法
npm install,报错: npm WARN tarball tarball data for has-bigints@https://registry.npmmirror.com/has-bigints/-/has-bigints-1.0.2.tgz (sha512-tSvCKtBr9lkF0 ......
记录--前端无感知刷新token & 超时自动退出
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前端无感知刷新token&超时自动退出 一、token的作用 因为http请求是无状态的,是一次性的,请求之间没有任何关系,服务端无法知道请求者的身份,所以需要鉴权,来验证当前用户是否有访问系统的权限。 以oauth2.0授权码模式为例: ......
JavaScript——函数的call、apply、bind方法
JavaScript的函数拥有三个方法: call apply bind 这三个方法都可以改变函数被调用时,函数内部this的指向。至于区别,阅读下面代码即可一目了然: function myCall(context) { const args = [...arguments].slice(1) l ......
JavaScript——数组的归并方法
JavaScript的reduce和reduceRight的作用是通过遍历数组得到一个结果,原理如下: function myReduce(execute, initValue) { const length = this.length let result for (let i = 0; i < ......
前端排除项目中未使用资源脚本
import os class FileData: def __init__(self, name, path): self.name = name self.path = path # 遍历项目文件夹中的所有图片文件 image_files = [] def get_all_image_files ......
前端面试题三
ES6新特性有哪些? 变量声明:由var变为let和const;模板字符串:使用反引号 `` ;在模板字符串里面支持换行,并可以在里面使用${}来包裹一个变量或表达式;解构赋值:有数组解构和对象解构,可以快速获取数组和对象的值;扩展运算符:在ES6中用...来表示展开运算符,它可以将数组或者对象进行 ......
前端导出文件 java.io.IOException: Connection reset by peer
一、场景 后端生成zip压缩文件,前端直接导出。 问题:文件小的时候正常导出,大的时候,接口收不到返回的文件流;本地测试没问题,部署线上有问题; 二、原因分析 后台打印日志,发现如下报错日志 java.io.IOException: Connection reset by peer 查阅得知,断开连 ......