前端javascript插件 常见
前端切图之svg图标的复用基于defs和use 亲测有用
切图网长期致力于web前端开发外包服务,而我们也关注到现在图标很多时候采用svg更多一点,然后图标字体文件已经提供了很多种类的图标,不过采用svg图标可以自行选择更符合、更好看的图标,相比于字体图标更加多样性,而且svg图标加载更快,而当svg的图标被多次使用的时候,我们需要一种类似于变量的定义,然 ......
换个新面孔:IHome主页插件为你打造个性化浏览体验!
在数字化时代,浏览器已经成为了我们日常生活的必需品。然而,大多数的浏览器默认主页都是相同的、无趣的,可能只有一些常用网站的快捷方式和搜索引擎。这时候,你是否想要一款能够让你的浏览器首页更有趣、更有用的插件呢?那么,IHome主页插件或许就是你想要的答案。 IHome主页是一款新标签页插件,它能够让你 ......
Edge浏览器新标签页必备插件:IHome主页的功能和优势
当我们打开浏览器时,我们往往会被新标签页所展示的内容所吸引。对于喜欢个性化定制的用户来说,寻找一个能够满足自己需求的新标签页插件是非常必要的。在众多浏览器插件中,IHome主页是一款备受好评的Edge浏览器新标签页插件。本文将为大家介绍这款插件的功能和优势,以及如何使用它来提升您的Edge浏览器新标 ......
django 使用django-bootstrap4插件时,使表单呈2列或其他列分布时的写法
前言 django 使用django-bootstrap4插件时,使表单呈2列或其他列分布时的写法。 在django-bootstrap4中没有内置的方法设置表单内容成几列分布,这里采用bootstrap4的栅格布局实现效果 具体操作 forms.py class RegisterForm(User ......
npm的常见问题及配置
运行npm install遇到问题: No matching version found for ts-transformer-properties-rename@~0.14.0 运行 npm search ts-transformer-properties-rename 也报错404 应该就是配置 ......
chatGPT充当前端智能思路助手
替代:百度、谷歌人工搜索 1、我想让你充当前端开发专家。我将提供一些关于Js、Node等前端代码问题的具体信息,而你的工作就是想出为我解决问题的策略。这可能包括建议代码、代码逻辑思路策略。我的第一个请求是“我需要能够动态监听某个元素节点距离当前电脑设备屏幕的左上角的X和Y轴,通过拖拽移动位置浏览器窗 ......
vue打包后前端修改ip地址
1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
JavaScript 原型链
// linking prototype objects to build a prototype chain_proto_ vs Object.getPrototypeof(obj) Object.setPrototype0f(obj) //1. obj --> otherProto.protot ......
JavaScript 浏览器打断点 Debugging
1. 下面我们看一个例子,这里是5+1=6,但是结果是51 console.log效率会比较低 2. debug可以暂停代码,和查看变量,按F12,看Sources 3. 展开鼠标类型,事件监听 em.....,说得有点笼统了 ......
IT工具知识-15:在Chrome中通过Javascript获取B站合集视频选集名称及时长.
0.所需工具 chrome内核浏览器(我这里用的edge chromium) 1.操作步骤 打开b站视频链接(带选集的那种) 按下f12 点击控制台(Console) 在下面输入框输入以下代码 var box=document.getElementsByClassName('video-sectio ......
JavaScript对象中常见的方法和不常见的方法
常见的方法: Object.assign() - 将一个或多个对象的属性复制到目标对象。 Object.keys() - 返回对象中所有属性的名称。 Object.values() - 返回对象中所有属性的值。 Object.entries() - 返回对象中所有属性和对应值的键值对数组。 Obje ......
微前端解决方案
微前端已经是一个非常成熟的领域了,但开发者不管采用哪个现有方案,在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题,或无法提供支持。本文提供一种基于 iframe 的全新微前端方案,完善的解决了这些核心诉求。 将微前端 ......
前端转向PHP进阶之路
一、PHP简介 Hypertext Preprocessor,又称为超文本预处理器(HTML为超文本标签语言),就是我们所说的PHP。它是一种糅杂百家的后台语言,在PHP中,可以见到C、Java等语言的写法和它自创的一些写法,这也就是为什么说学过其他语言的人会比较容易接受PHP。 PHP开发时需要去 ......
前端数据绑定,列表部分数据不显示问题解决 (转)jQuery LigerUI 插件介绍及使用之ligerTree
https://www.cnblogs.com/wanshutao/p/3540664.html https://blog.51cto.com/u_11966318/5375004 突然出现一个列表有几条数据不显示的问题,大部分数据没有问题,只有几条有问题,推测原因应该是数据有问题。 常见数据问题是 ......
JavaScript学习--splice()函数详解
https://blog.csdn.net/weixin_45726044/article/details/120151153 splice()函数详解splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 参数: index ......
js中常见的字符串方法的用法
1) concat() 连接两个或多个字符串,返回连接后的字符串 var Array= ["hello", "word"];var ArrayItem= ["java", "C++", "C#"];var ArrayData= ["name"];var children = Array.concat ......
常见trick总结
记录一些做题时遇到的有价值的 trick。 CF1717E $$a+b=n$$ $$\gcd(a,b)=\gcd(a,a+b)=\gcd(a,n)=\varphi(n)$$ P2619 二分 $\Delta$,每条白边加上 $\Delta$ 求 $\text{MST}$。 咕咕咕 ......
设计模式-javascript实现【代理模式】
定义: 代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问。 1. 代理模式的实现 const Flower = function(){}; const xiaoming = { sendFlower: function(target){ const flower = new Flowe ......
设计模式-javascript实现【设计原则】
1. 单一职责原则(SRP原则) 单一职责原则的职责被定义为“引起变化的原因”。如果我们有两个动机去改写一个方法,那么这个方法就具有 两个职责。每个职责都是变化的一个轴线,如果一个方法承担了过多的职责,那么在需求变迁过程中,需要改 写这个方法的可能性就越大。 因此,SRP原则体现为:一个对象(方法) ......
Web前端技术栈(待更新......)
一、HTML 1、什么是HTML 1.1、初识HTML HTML:==Hyper Text Markup Language(超文本标记语言)== 超文本包括:文字、图片、音频、视频、动画等 HTML5的优势 ①世界知名浏览器厂商对HTML5的支持 1、微软 2、Google 3、苹果 ......
记录--前端加载超大图片(100M以上)实现秒开解决方案
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 前端加载超大图片时,一般可以采取以下措施实现加速: 图片压缩:将图片进行压缩可以大幅减小图片的大小,从而缩短加载时间。压缩图片时需要注意保持图片质量,以免影响图片显示效果。 图片分割:将超大图片分割成多个小图块进行加载,可以避免一次 ......
盘点 Chrome 插件开发中那些关键的点!
1. 前言 大家好,最近在开发者模式下调试 Chrome 插件,发现安装扩展后默认会报错误,提示 v2 版本已经废弃,相关 API 功能将在明年不可使用,建议升级到 v3 版本。 本篇文章将基于 v3 版本,盘点 Chrome 插件开发中的一些关键点供大家进行参考。 2. 配置 v2 升级到 v3 ......
在javascript的文章中sink指什么?
在介绍xss的英文文章中常看到sink这个词语。查了下: A sink is a potentially dangerous JavaScript function that can caused undesirable effects if attacker controlled data is ......
前端设计模式——状态模式
状态模式(State Pattern):将对象的行为和状态分离,使得对象可以根据不同的状态来改变自己的行为。在前端开发中,可以使用状态模式来管理页面的状态和响应用户的交互。 在状态模式中,对象的行为取决于其内部状态,当状态发生变化时,对象的行为也会相应地发生改变。这种模式通过将状态抽象为独立的类来实 ......
Rapid SCADA v6安装常见问题
用了很多年的Rapid SCADA v5,现在官网已经推出了v6,就简单写一下有关v6的安装指南吧。 本指南面向Windows用户,不适用于linux用户 步骤 从官网下载Rapid SCADA最新的RC版本的v6,然后运行压缩包内的ScadaSetup.exe程序。 FAQ 提示端口占用 Rapi ......
常见的web服务器
常见的web服务器 常见的web服务器主要包括:Nginx、Apache、Tomcat、Jetty。 介绍各个服务器前,有必要讲一下Apache与Tomcat关系,服务器间的优缺点也是相比于apache与tomcat而言。 Apache是web服务器(静态解析,如HTML),tomcat是java应 ......
《渗透测试》JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目 Day14
0、什么是JS渗透测试? 在Javascript中也存在变量和函数,当存在可控变量及函数调用即可参数漏洞 JS开发的WEB应用和PHP,JAVA,NET等区别在于即没有源代码,也可以通过浏览器的查看源代码获取真实的点。获取URL,获取JS敏感信息,获取代码传参等,所以相当于JS开发的WEB应用属于白 ......
jumpserver 常见问题处理
##jumpserver 常见问题处理 ###账号密码类 ####用户点击登录资产时没有可选账号登录 权限管理-资产授权-指定账号 想要的效果是,jumpserver的普通用户zhangke登录一台机器,登录的时候可以选择他自己在linux上的账号登录 然而给jumpserver普通用户指定使用zh ......
Java ThreadPoolTaskExecutor 线程池的常见问题
Java ThreadPoolTaskExecutor 线程池的常见问题 https://blog.csdn.net/weixin_43611528/article/details/123083314 重要参数corePoolSize:核心线程数,常开的线程数,默认值:1。需注意:如果设置allow ......