前端javascript插件 常见
chrome/edge浏览器自动刷新插件
## 问题 在浏览器页面自动刷新页面(模拟请求在活跃的状态)，防止会话过期导致重复登陆 ## 解决 - https://autorefresh.io/  配置spring ......
vue3全局注册的另一种方式——插件注册
1. 新建一个index.ts，用于管理所有全局组件 // 引入项目中全部的全局组件 import SvgIcon from "./SvgIcon/index.vue"; import Pagination from "./Pagination/index.vue"; // 全局对象 const a ......
2021-08-12--Web前端性能指标和性能优化（综述）
title: 网站的几个性能指标和优化（简易） categories: - 网络安全与性能优化 tags: - 性能优化 - 性能指标 - 白屏时间 - 首屏时间 - TTFB abbrlink: 5c56 date: 2021-08-12 23:42:49 updated: 2021-08-12 ......
vue的插件使用
vue 插件功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 1、定义插件： 对象.install = function(Vue,options){ // 1、添加全局过滤器 Vue.filter(....) ......
JavaScript 递归的简单例子
typescript+vue3 function flattenTree(tree:any, result:any) { tree.forEach((node:any) => { result.push({ id: node.id, cat_name: node.cat_name, cat_name ......
解决VSCode的Vetur插件has no default export问题
由于有vue2和vue3的项目，VSCode同时使用了vetur和volar插件，但是在vue3引入其他模块时，报了错误 Module '"xxxx.vue"' has no default export. 的错误，实际运行时没问题的，但是看得糟心。 解决办法，只要在设置里，设置 "vetur.va ......
系统化学习前端之Vue（vue2 组件通信）
## 前言 前文 vue2 基础中聊过，页面本质是 DOM 树，而在vue2 中 组件 = vm 实例对象 = DOM。因此，页面其实也是组件树构成，组件之间形成父子关系，兄弟关系等，相互之间通信也是组件树的必须要求。 ## vue2 组件通信 组件通信即组件之间的数据传递。 ### props 和 ......
帮你梳理了一份前端知识架构图
列一份前端知识架构图 在上一篇文章中，我们简要地总结了前端的学习路径与方法，我们提到的第一个学习方法就是：建立知识框架。那么，今天我们就一起来列一份前端的知识框架图。 在开始列框架之前，我想先来谈谈我们的目标。实际上，我们在网上可以找到很多参考资料，比如 MDN 这样的参考手册，又比如一份语言标准， ......
hw面试常见中间件漏洞
# apache漏洞 ## 未知扩展名解析漏洞 漏洞原理：Apache对文件名后缀的识别是从后往前进行的，当遇到不认识的后缀时，继续往前，直到识别 影响版本：使用module模式与php结合的所有版本,apache存在未知扩展名解析漏洞;使用fastcig模式与php结合的所有版本,apache不存 ......
babel-plugin-enhance-log插件使用
一个用来为console.log添加代码行数，log参数名以及添加分隔符的插件 # 1.安装插件 npm i babel-plugin-enhance-log -D # or yarn add babel-plugin-enhance-log -D # or pnpm add babel-plugi ......
前端流程图组件库
https://blog.csdn.net/xu_song/article/details/108269558 https://segmentfault.com/q/1010000021077507 ......
用JavaScript绘制『杨辉三角』的一种方法
``` function 杨辉三角(row_s) { var zero = [0] //zero为常量 var arr = [1] //初始化第一行 for (var j = 0; j "+arr.join(" ")+"") //打印第一行 var arr_x = zero.concat(arr) ......
JS中创建对象的几种常见的方式
# 创建对象方式 ```js // 方式1 var obj1 = {"name": "方式1"} // 方式2 var obj2 = {name: "方式2"} // 方式3 var obj3 = new Object({"name": "方式3"}); // 方式4 var obj4 = new ......
vscode插件开发----获得资源管理器当前选中的文件或者目录
没有直接的API可以获取, 不过可以根据鼠标右键上下文菜单项获取对应的uri. `package.json`中的设置如下: ```json "menus": { "explorer/context": [ { "command": "codeStat.countCurFile" } ] } ``` ......
vue前端model和data强关联
 如果不关联会报错， 且错误不好找！  { // 注册一个命令 let disposable = vscode.commands.registerCommand('codeStat.countCurFile', functi ......
基于 Vue3 + TS 的前端结构
效果预览：  ![](https://img2023.cnblogs.com/blog/3214089/20230 ......
分页插件样式
<head> <meta charset="UTF-8"> <title>11分页插件样式</title> <style> .page a, .prev-page, .next-page { display: inline-block; width: 36px; height: 36px; back ......
绩效考核常见问题有哪些？
绩效考核常见问题有很多，比如： 绩效指标的设定不合理或不明确，导致考核结果与实际工作表现不符。 绩效考核过程中缺乏有效的沟通和反馈，没有及时调整和改进。 绩效考核的周期和频率不适当，不能及时反映员工的工作进展和成果。 绩效考核的评分标准不一致或不公正，造成员工的不满和抵触。 绩效考核的结果没有有效地 ......
vscode插件开发----如何向输出通道中输出信息
插件有时候需要输出一些信息, 那么如何在输出通道中显示呢? 使用如下代码即可: ```typescript var outputChannel:vscode.OutputChannel; // 输出通道 /** * 输出信息到控制台上，输出通道为MyCoder * @param message 输出 ......
前端可直接拿来用的代码（更新ing）
1、清除浮动 双伪元素法（既解决外边距塌陷问题，又能清除浮动影响） .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both;} 2、清除默认样式 * { m ......
vscode插件开发----获得当前打开的文件名
采用下面代码即可: ```typescript import vscode = require('vscode'); // 激活函数，是首先要调用的 export function activate(context:any) { // 注册一个命令 let disposable = vscode.c ......
YouCompleteMe插件安装
[Vundle 安装](https://github.com/VundleVim/Vundle.vim) [YouCompleteMe 安装](https://github.com/ycm-core/YouCompleteMe#linux-64-bit) YouCompleteMe 对软件版本要求, ......
vscode插件开发----在编辑栏上增加菜单项
在package.json做如下配置: ```json "contributes": { "commands": [ { "command": "codeStat.countCurFile", "title": "统计当前文件" } ], "menus": { "editor/title": [ { ......
极客时间--golang并发实战课--Mutex的常见使用错误场景
1.Lock/Unlock 没有成对出现，就意味着会出现死锁的情况，或者是因为 Unlock 一个未加锁的 Mutex 而导致 panic。 2.第二种误用是 Copy 已使用的 Mutex。 Package sync 的同步原语在使用后是不能复制的。原因在于，Mutex 是一个有状态的对象，它的 ......
PXE（Preboot eXecution Environment）是一种通过网络引导计算机的协议，可以在没有本地存储设备或可启动介质的情况下从网络上加载操作系统和应用程序PXE版本因厂商或标准制定者的不同而有所不同。以下是常见的PXE版本及其大致年代
PXE（Preboot eXecution Environment）是一种通过网络引导计算机的协议，可以在没有本地存储设备或可启动介质的情况下从网络上加载操作系统和应用程序。PXE版本因厂商或标准制定者的不同而有所不同。以下是常见的PXE版本及其大致年代： PXE 1.0：最早的PXE版本，于199 ......