前端javascript插件 常见
前端纯js字符串拼接导出excel
1 <html> 2 <head> 3 <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> 4 <button onclick='tableToExcel()'>导出</button> 5 </head> 6 <body> 7 ......
前端体验优化(1)——概述
前端体验优化地最终目的就是让用户的使用体感舒适,无阻塞、流畅的得到预期想要的结果,而其中的用户可分为三层:产品用户、公司同事和研发自己。UX、性能优化其实都是体验优化的子集,前端体验犹如下图的冰山那样,在水下别有洞天。 可以将体验优化大致分为 5 个模块,分别是终端、网络、前端、后端以及数据,这 5 ......
我用 AI 写的《JavaScript 工程师的 Python 指南》电子书发布啦!
关于本书 你好,我是 luckrnx09,一名靠 React 恰饭的前端工程师,很高兴向你介绍我的第一本开源电子书《JavaScript 工程师的 Python 指南》。 本书的内容完全免费,开源地址:https://github.com/luckrnx09/python-guide-for-jav ......
精通TypeScript:打造一个炫酷的天气预报插件
前言 随着数字化和信息化的发展,数据大屏使用越来越广泛,我们不仅需要展示数据,更需要以一种更加美观的方式展示数据。这就必然需要使用到各种图表组件,比如柱状图、饼图、折线图等等。但是有一些效果不太适合通过这种常规图表实现,比如3D效果图表、组织结构、天气预报等这些特殊效果。那么这种特殊效果,我们就 ......
前端jwt解析方法
请求得到jwt生成的token之后得到base64编码的的加密token 可以使用atob进行base64解码,jwt加密分位三部分:头部header,载荷payload,签名signature每个都是用.隔开 所以已知原理我们现在进行解析 if (token) { const payload = ......
Js(Javascript)中的apply方法的使用
JavaScript 中的 apply() 方法用于调用函数,允许指定函数的 this 对象和参数。也就是通过function的apply方法来调用方法,可以改变方法的this的对象,并且还可以传入方法参数,apply对于面向对象编程还是很有用的。 参考文档:Js(Javascript)中的ap ......
第一篇:前端基础之HTML
HTML文档标准结构: <html> <head> </head> <body> this is my second html... </body> </html> 【1】html标签 定义 HTML 文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其它元素要包裹在它里面,标签限定 ......
前端相关网站
## css常见框架 bootstrap https://get.foundation/ https://purecss.io/ https://tailwindcss.com/ https://getuikit.com/ https://andybrewer.github.io/mvp/ ## 前 ......
(转载-自用)前端面试题
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成:内容content、内边距padding、边框border、外边距margin 盒模型的类型: 标准盒模型 margin + border + padding + content IE盒模型 marg ......
unplugin-auto-import 插件源码的简单实现
工作中用到了这个插件 好奇是通过ast还是什么方式实现的判断代码是否调用了某个库,所以就研究了下 准备工作 1 一个vite项目 安装了该插件,预设只有vue import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vu ......
【前端框架Vue】Vue是什么?怎么用?
Vue是JS的一种框架,用于构建用户界面的JS框架。可以理解为,Vue通过指令和模板语法,将数据和HTML模板关联起来,实现一种响应式的数据驱动视图的方式 Vue是什么? Vue是JS的一种框架,用于构建用户界面的JS框架。可以理解为,Vue通过指令和模板语法,将数据和HTML模板关联起来,实现一种 ......
JavaScript 学习
变量声明和数据类型 var name = 'John';let age = 25;const PI = 3.14; // 数据类型:字符串、数字、布尔值// var声明(ES5),let和const声明(ES6) var、let 和 const 是 JavaScript 中声明变量的关键字。var ......
常见算法的复杂度
算法 平均时间复杂度 最差空间复杂度 快速排序 nlogn logn 归并排序 nlogn n timsort nlogn n 堆排序 nlogn 1 冒泡排序 n^2 1 插入排序 n^2 1 选择排序 n^2 1 希尔排序 (nlogn)^2 1 桶排序 n+k n 基数排序 nk n+k ......
常见问题解决 --- pip SSLEOFError
问题 C:\Users\Administrator\Desktop>pip install scapy -i http://pypi.douban.com/simple --trusted-host pypi.douban.comLooking in indexes: http://pypi.dou ......
直播系统源码,常见的混音算法有哪些?
声音是由于物体的振动对周围的空气产生压力而传播的一种压力波,转成电信号后经过抽样,量化,仍然是连续平滑的波形信号,量化后的波形信号的频率与声音的频率对应,振幅与声音的音量对应,在直播系统源码中,量化的语音信号的叠加等价于空气中声波的叠加,所以当采样率一致时,混音可以实现为将各对应信号的采样数据线性叠 ......
Django - 在后台上传文章封面图 - 并在前端页面展示
需要用到 models.ImageField(), 它继承自 models.FileField(), 用ImageField的时候需要安装pillow pip install pillow -i https://pypi.douban.com/simple/ 首先,进行媒体文件配置: setting ......
MyBatisX插件使用
Idea的MyBatisX插件使用——代码生成器 一、概述 1.1 功能 描述:自动根据数据库生成以下对象 domain:表对应的实体对象 mapper:操作数据库的对象 mapper.xml:定义了mapper对象和数据库的关联,可以在里面自己写SQL service:包含常用的增删改查业务处理 ......
前端框架中 MVC 和 MVVM 两种设计方式的区别
MVC 和 MVVM 是两种常见的软件架构模式。它们都致力于提供清晰的组织结构和代码分离,让开发者能够更有效率地开发和维护复杂的应用程序。然而,它们在组织代码和处理用户交互上有一些重要的区别。 首先,让我们了解一下 MVC(Model-View-Controller)模式。MVC 是一种设计模式,被 ......
谈谈企业级 Web 应用的前端消息展示的定制化问题
笔者在社区上已经发布了一些技术文章,记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。 之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到,所谓企业级前端应用,是指为大型企业或组织开发的前端应用,这些应用具有 ......
4.常见函数
一、概述 功能:类似于java中的方法 好处:提高重用性和隐藏实现细节 调用:select 函数名(实参列表); 二、单行函数 1、字符函数 concat:连接 substr:截取子串 upper:变大写 lower:变小写 replace:替换 length:获取字节长度 trim:去前后空格 l ......
k8s:通过 kubectl 插件 Kubepug 实现集群升级检查(废弃API资源检查)
背景:k8s 的版本迭代很快,虽然主要版本一直没有变化,但是次要版本一直在迭代,2022年一年就发布了三个次要版本,同时不同的次要版本之间 API 资源一直在变化,有新加入的,也有废弃删除的。不同版本的 api 资源版本也有不同,往往不是向下兼容的,比如在低版本中 API 资源版本为 v1beta1 ......
javaScript/js 【call,apply,bind】
在JavaScript中,call、apply和bind都是用于改变函数执行上下文(this的值)的方法。它们在不同的情境下有不同的用途。 call方法: call方法允许你调用一个函数,并指定该函数内部的this值,以及将参数以单独的参数传递给函数。 function greet(name) { ......
vscode-go语言插件,分析(三)
goDebugConfiguration.ts 配置 GoDebugConfigurationProvider 实现vscode.DebugConfigurationProvider接口 goDebugFactory.ts 调试工厂 GoDebugAdapterDescriptorFactory 描 ......
JavaScript笔记
JavaScript的组成: 1.数据类型:JavaScript有8种基本数据类型,包括Undefined、Null、Boolean、Number、String、BigInt、Symbol和Object。 变量:在JavaScript中,可以使用var、let或const关键字声明变量。 函数:Ja ......
VSCode插件开发:右键点击创建一个文件夹和相应名称的文件
开发一个输入名称然后创建文件夹和相同文件名的文件 那么首先是注册右键点击事件 "contributes": { "commands": [ { "command": "createuniappfile.createvuefile", "title": "Create Uniapp File" } ] ......
Windows系统webp图片预览插件
Windows系统webp图片预览插件 、下载插件并安装软件名称:WebP Codec for Windows(Windows WebP编解码组件)最新版本:0.19.9 (29 Jan 2020) 评可证:Freeware系统要求:Windows XP / Vista / 7 / 8 / 10下载 ......
k8s~envoy上添加wasm插件
先查看这篇文章k8s~envoy的部署 当在Kubernetes中使用Envoy的WASM过滤器时,WASM过滤器会与Envoy一起部署在同一个Pod中,并与后端服务进行通信。以下是一个简单的关系图示意: + + | Kubernetes | | Cluster | + | + | | + v + ......
Cadence 手动安装常见问题
安装软件:Cadence IC617 安装环境:CentOS7 问题一 安装成功,但是配置失败 configure status failed 解决: sudo yum install xterm -y 问题二 使用破解补丁时报错 ./sfk: /lib/ld-linux.so.2: bad ELF ......
前端图片最优化压缩方案
function compressImg(file, quality) { var qualitys = 0.52 if (parseInt((file.size / 1024).toFixed(2)) < 1024) { qualitys = 0.85 } if (5 * 1024 < parse ......
JetBrains WebStorm 2023.3 (macOS, Linux, Windows) - 最智能的 JavaScript IDE
JetBrains WebStorm 2023.3 (macOS, Linux, Windows) - 最智能的 JavaScript IDE 请访问原文链接:https://sysin.org/blog/jb-webstorm-2023/,查看最新版。原创作品,转载请保留出处。 作者主页:sysi ......