前端javascript插件 常见
前端replace替换字符的用法
替换一个/多个字符 // 替换多个 var content = "null undefined 123" content.replace(/null|undefined/,'111'); console.log(content); // 输出结果为 111 111 123 // 替换一个 var c ......
javascript-1
js注释 多行注释 /* 这里是注释 */ 单行注释 //这里是注释 js中严格区分大小写 js中每一条语句以分号结尾,如果不写分号,浏览器会自动添加。 ......
[Javascript] Proxy - Snippets
Blog: https://dev.to/marclipovsky/discovering-the-power-of-javascript-proxy-after-all-this-time-4627 Lazy loading: const lazyLoadHandler = { get: func ......
Apifox IDEA 插件导出 API 卡住
可能是因为对象属性之间有循环嵌套,可以通过 json.rule.field.ignore 设置排除字段: json.rule.field.ignore=groovy:["createBy", "updateBy"].contains(it.name()) ......
常见未授权访问漏洞汇总
本文仅限技术研究与讨论,严禁用于非法用途,否则产生的一切后果自行承担!!! 本文导读: 本文覆盖了目前网络资讯上公布的30+种未授权访问漏洞 本文把未授权访问漏洞按照默认端口顺序从小到大排列,对于默认端口可进行批量端口探测服务,再进一步进行漏洞检测,逻辑清晰,方便学者学习和漏洞复现。 本文涵盖漏洞描 ......
你想要的【微前端】都在这里了!
某次遇到一个从0到1的大型项目,该项目涉及两个端,除了鉴权和部分业务逻辑不同外,页面UI和其余逻辑几乎一致,遇到这种项目,该如何架构?既能保证项目顺利开发完成,又能保证后期的迭代、维护、可扩展? ......
Flask-Avatars插件教程
原文链接:https://flask-avatars.readthedocs.io/en/latest/ 我们经常在一些网站上看到,在用户没有自定义头像的情况下,会给每个用户都生成一个头像,这让网站显得更美观,那这个是怎么实现的呢?在Flask中有一个插件,叫做Flask-avatars,专门提供头 ......
最常见的组蛋白修饰及发现位置
最常见的组蛋白修饰及发现位置 参考资料: https://www.abcam.cn/epigenetics/histone-modifications-2 https://www.abcam.com/epigenetics/histone-modifications https://www.acti ......
wordpress插件:安装使用统计插件Post Views Counter(Post Views Counter 1.3.13 / wordpress 6.2)
一,安装插件 搜索到结果后,点击Post Views Counter的 立即安装 按钮 安装完成后, 点击 启用 按钮启用此插件,如图: 说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest 对应的源码可以访问这里获取: h ......
vue学习 第十天(1) css高级技巧 ----CSS用户界面样式 / vertical-align属性应用 / 溢出文字用省略号显示 / 常见布局技巧 **css初始化的原因**
用户界面样式 1)鼠标样式 cursor li { cursor: pointer ;} 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 2、轮廓线 outline 给表单添加outline:0;或者outline:none;样式之后,就可以去掉默认的蓝色边框( 选中情况下 )。 3 ......
wordpress插件: WP Mail SMTP 配置邮箱(wordpress 6.2)
一,安装插件: 安装完成,如图: 从 已安装的插件 中可以看到 说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest 对应的源码可以访问这里获取: https://github.com/liuhongdi/ 或: https ......
2023前端面试题一
元素类型 空元素 br hr 块级元素 div footer header section p h1 h6 行内元素 img input span 元素类型转换 display:block 独占一行,可以设置宽高 display:inline 不独占一行,不可以设置宽高 display:inline ......
Vue 前端设计模式梳理
一、什么是设计模式? 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码,让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是“拿来主义”在软件领域的贯彻实践,它是一套现成的工具,拿来即用。下面来看一下设计模式的设计原则。 二、设计几个原则 单一职 ......
常见辐射量计量单位
我们生活中的物体都具备一定的温度,而只要一个物体存在温度,它就会向外发出辐射。类似地,物体在发射辐射的同时也会接收其它物体的辐射。下面是对电磁辐射量进行计量的常见单位,资料来源于网络,特此整理以方便查询。 下面介绍的物理量包括辐射能、辐射通量(辐射功率)、辐射通量密度、辐射强度、辐射亮度(辐射率)。 ......
golang中一种不常见的switch语句写法
最近翻开源代码的时候看到了一种很有意思的switch用法,分享一下。 注意这里讨论的不是typed switch,也就是case语句后面是类型的那种。 直接看代码: func (s *systemd) Status() (Status, error) { exitCode, out, err := ......
常见问题——关于.net WebApi使用Swagger报错:HTTP Error 403.14 - Forbidden
问题:.net WebApi项目使用Swagger报错:HTTP Error 403.14 - Forbidden 解放方案: 换一个端口即可 推荐——删除解决方案下的.vs文件夹,重新生成即可 参考: https://stackoverflow.com/questions/34970088/swa ......
Clang前端源码分析
Clang前端源码分析 C语言编译器之二,Clang Clang编译器是由APPLE公司的编译器大牛ChrisLattner主导下编写的,其目标是替换大名鼎鼎的GCC编译器; 2.1、Clang和GCC编译器架构 从源代码到可执行程序一般经过预处理、编译、链接过程,而编译是编译器的工作,编译分为三个 ......
vue学习 第八天 定位5种 常见4种 加 粘性定位
学习目标 1)定位的4种分类 (四种定位)2)4种定位各自的特点 (4种定位各自的特点)3)常用子绝父相布局的原因 (子绝对、父相对布局)4)轮播图效果 5)显示隐藏的2种方式以及区别 定位 定位和浮动的不同 1)浮动可以让多个块级盒子一行没有缝隙排列品示 ,经常用于横向排列盒子。 2)定位则是可以 ......
数字前端工作总结
0. 前言 去年9月到现在总共做了两次ic的数字部分的开发,第一个设计是一个rfid的逻辑部分,第二个设计是一个多核处理器,我的工作主要是做架构设计以及主体代码的编写,模块代码一般分配给组里的其他研究生做。在做的过程中对一些问题有了反思,主要从工作流,设计约束和代码质量三个角度来做一下总结,希望反思 ......
拓展必学1.1 常见排序方法
今天遇到了需要排序的题目,我们已知的就是用已有的算法进行排序,也就是使用Arrays.sort(nums[]),这个算法本质是快排,在算法比赛的时候可以使用,但是如果需要手撕代码就不可以了,所以我们需要积累常见的数组排序方法。 一、冒泡排序(改进版) 基本思想: 冒泡排序(Bubble Sort)是 ......
SQL注入原理及常见攻击方法简析
免责声明:本文仅分享SQL攻击相关知识,不承担任何法律责任。 登陆验证后端逻辑 一般而言,登录验证逻辑语句为: select * from 表名 where name(用户名)='$输入' and pass(密码)='$输入' 当数据表中同时存在输入的name和pass字段时,页面将回显登录成功。 ......
2023前端面试题二
图片 png 无损压缩,尺寸体积要比jpg的大,适合做小图标 jpg 采用压缩算法,有一点失真,比png体积要小,适合做中大图片 gif 一般是做动图的 webp 同时支持有损或者无损压缩,相同质量的图片,webp具有更小的体积 css的盒子模型 标准盒子模型 margin/border/paddi ......
简单聊聊,使用Vue.js编写命令行界面,前端开发CLI的利器
Temir 介绍 Temir,一个用Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本. <script lang="ts" setup> import { ref } from '@vue/runtime-core' import { TBo ......
简单总结JavaScript中的微任务和宏任务
在 JavaScript 中,任务被分为宏任务和微任务。 宏任务:常见的宏任务有 setTimeout、setInterval、I/O、UI 渲染等等。这些任务都是由浏览器或 Node.js 中的事件循环调度执行的,它们会被放入一个任务队列(task queue)中,等待执行。 微任务:常见的微任务 ......
[Javascript] Avoid mutation, Array.prototype.toReversed() vs reverse()
reverse()mutates the original array, return the reference point to the original array. The toReversed() method of Array instances is the copying count ......
[Javascript] avoid mutation: Array.prototype.toSpliced() vs splice()
Array.prototype.splice()mutates the original array. To avoid mutation, we use Array.prototype.slice(). new method Array.prototype.toSpliced() return a ......
[Javascript] Avoid mutation, Array.prototype.toSorted() vs sort()
sort(), mutates the original array, and return the reference to original array and sorted. The toSorted() method of Array instances is the copying ver ......
[Javascript] Array.prototype.with
Prevously, when we want to upate an item inside a array: const items = [ {id: 1, name: 'a'}, {id: 2, name: 'b'}, {id: 3, name: 'c'}, {id: 4, name: 'd' ......
【Web】前端框架对微软老旧浏览器的支持
零、原因 最近要做一个项目,要能在学校机房运行的,也要在手机上运行。电脑和手机,一次性开发,那最好的就是响应式前端框架了。手机和正常的电脑兼容性问题应该都不大,但是学校机房都是Win7的系统,自带的都是IE8的浏览器。虽然有安装谷歌浏览器、360浏览器啥的,但是默认的还是IE浏览器。这就有一个问题, ......