陈随易

2023最新最全vscode插件精选

文章简介

本文介绍最新、最实用、最强大的 vscode 精选扩展。好用的扩展，犹如神兵利器，帮助程序员在代码的世界中，所向披靡，战无不胜！

作者介绍

用一些标签，简单介绍一下本文作者的特点。

自由职业者（现居农村）
独立开发者（正在运营和开发自己的效率工具）
理想主义者（重构狂人，每个代码都必须有灵魂）
偏执狂与强迫症（啊啊啊啊啊）
网文小说作者（2015 年太监，2023 年重新开始写小说）
开源轮子大师（自 2019 年以来，创建数十个持续更新维护的开源项目）
web3 学习者（下一代互联网，魅力无限）
代码雕刻工匠（写代码犹如雕刻一个作品，方寸与毫厘之间，方成正宗）

社交联系

微信：c91374286
公众号：陈随易
博客：https://chensuiyi.com

写作理念

那么，为什么没有写完的文章就发出来了呢？因为，笔者的写作理念认为，一篇高质量的好文，不是一次就写成的。随着时间和经验的积累，文章应该不定期修改调整，完善更新，不断打磨，以至最佳。所以，需要查看本文最新内容，请关注或联系笔者，以获得最新的优质内容。但是，数十个文章平台和技术社区的文章更新维护，需要的时间、精力都是非常大的，并且笔者为自由职业，没有固定收入，部分高质量文章将会进行收费，请各位读者们，跟随自己的意愿，查看需要付费的文章。

版权信息

本作者所有文章，皆为原创，未具体说明为 可转载 类型，请勿转载，侵权必究。
本文转载类型：可随意转载，保留原文出处即可。

是否付费

否

其他说明

意见反馈、插件推荐等，请联系笔者
推荐指数仅为笔者个人认为的有用程度，不代表插件本身质量和作用

写作背景

vscode 基本是笔者目前唯一使用的编辑器，真香定律在这个编辑器上，体现得淋漓尽致。

为了最大化得发挥出 vscode 真正的实力，在笔者十级强迫症的驱使下，花费半天时间，把所有 vscode 扩展下载量大于 1000 的插件，全部浏览并过滤了一遍，将自认为强大好用的插件，甄选出来，分享给有缘人。

文章正文

GitLens（git 操作插件）

指标	内容
作者	GitKraken
功能	git 需要的一切，它都有
推荐理由	git 是现代软件协作的基石，其重要性不言而喻，本插件，更是将 vscode 中的 git 操作无限增强！
扩展地址	GitLens（git 操作插件）

Eva Theme（vscode 主题）

指标	内容
作者	fisheva
功能	调整和优化 vscode 配色
推荐理由	其他 vscode 颜色主题还有不少，但我独爱它，不信，你试试。
扩展地址	Eva Theme（vscode 主题）

Markdown All in One（markdown 操作增强）

指标	内容
作者	Yu Zhang
功能	markdown 操作增强
推荐理由	vscode 自带的 markdown 操作还是比较简单，这个极大提高了 markdown 的操作体验和自动化
扩展地址	Markdown All in One（markdown 操作增强）

Markdown Preview Enhanced（markdown 预览增强）

指标	内容
作者	Yiyi Wang
功能	markdown 预览增强
推荐理由	切换 markdown 预览主题，导出为 pdf、html 等格式文件，鼠标上传图片等
扩展地址	Markdown Preview Enhanced（markdown 预览增强）

Markdown Image（markdown 图片上传）

指标	内容
作者	Hancel.Lin
功能	从粘贴板一键粘贴图片到本地目录、七牛云存储、SM.MS 等
推荐理由	手动创建目录，设置图片名称，填写 markdown 图片路径的方式太原始了！是程序员就用这个！
扩展地址	Markdown Image（markdown 图片上传）

如下截图中的图片地址，就是通过这个插件自动生成的

Paste from Web（markdown 图片下载）

指标	内容
作者	BishopCodes
功能	将在线图片地址，下载到本地目录中
推荐理由	解决了 markdown 图片的下载问题，唯一不足之处就是，自定义下载目录功能不够强大。不过，关注我，我会出手
扩展地址	Paste from Web（markdown 图片下载）

Markdown Paste（markdown 图片下载）

指标	内容
作者	telesoho
功能	一键下载 markdown 文件中的所有在线图片到本地
推荐理由	解决了 markdown 多图下载问题，唯一不足之处就是，自定义下载目录功能不够强大。不过，关注我，我会出手
扩展地址	Markdown Paste（markdown 图片下载）

Image preview（图片预览）

指标	内容
作者	Kiss Tamás
功能	在编辑器左侧代码行数左边，预览该行的图片路径
推荐理由	有些小图片、小图标在左侧预览查看，可以一目了然图片是否正确
扩展地址	Image preview（图片预览）

filesize（文件大小）

指标	内容
作者	Matheus Kautzmann
功能	在编辑器底部状态栏显示当前文件的大小
推荐理由	当需要看文件大小的时候，还是很有用的，不过不是必备插件，三颗星
扩展地址	filesize（文件大小）

Git Graph（git 提交图形化展示）

指标	内容
作者	mhutchie
功能	以可视化方式，展示提交信息
推荐理由	弥补了 gitlens 的提交可视化不直观的问题
扩展地址	Git Graph（git 提交图形化展示）

驼峰翻译助手（变量名翻译）

指标	内容
作者	mhutchie
功能	纠结怎么取变量? 中文一键翻译转换成常用大小驼峰等格式
推荐理由	想变量名太难了！想英文变量名，更难！用这个就对了！
扩展地址	驼峰翻译助手（变量名翻译）

别名路径跳转（代码路径跳转）

指标	内容
作者	lihuiwang
功能	别名路径跳转插件，支持任何项目，可以自由配置映射规则，自由配置可缺省后缀名列表
推荐理由	导入的方法、函数、组件，需要查看他们的代码实现，用此插件，可以方便地根据项目具体架构进行自定义跳转设置
扩展地址	别名路径跳转（代码路径跳转）

Bookmarks（书签）

指标	内容
作者	Alessandro Fragnani
功能	给当前行打个书签，然后，跳到这来
推荐理由	有时候写个功能，需要在当前页面不同的位置进行操作，打几个标记互相跳转，可以减少鼠标滚动的低效操作
扩展地址	Bookmarks（书签）

Browse Lite（vscode 中的浏览器）

指标	内容
作者	Anthony Fu
功能	在 vscode 里面，浏览页面和项目
推荐理由	简单、轻量、方便，还可以调试，安东尼出品，也属精品
扩展地址	Browse Lite（vscode 中的浏览器）

Change Case（修改变量名风格）

指标	内容
作者	hjdarnel
功能	一键调整变量名风格
推荐理由	这类插件特别多！目前我用这个，因为它比其他的要新，瑕疵呢就是，不支持鼠标右键操作，放心，我会出手
扩展地址	Change Case（修改变量名风格）

Comment Divider（分割线注释）

指标	内容
作者	stackbreak
功能	一键生成分隔线注释
推荐理由	还在手动画分隔线？程序员，不要做这种傻事！来吧，看看这个。
扩展地址	Comment Divider（分割线注释）

Comment Divider（分割线注释）](https://static.yicode.tech/images/202301/20230123121037.png)

DotENV（环境变量语法高亮）

指标	内容
作者	mikestead
功能	为 dotenv 文件提供语法高亮
推荐理由	怎么说呢，可有可无，但是，就像那句话，有比没有好。
扩展地址	DotENV（环境变量语法高亮）

i18n Ally（多语言操作）

指标	内容
作者	Lokalise
功能	i18n 多语言操作增强
推荐理由	怎么说呢，可有可无，但是，就像那句话，有比没有好。
扩展地址	i18n Ally（多语言操作）

Inline fold（css 类名聚合）

指标	内容
作者	Mohammed Alamri
功能	将 class 的多个类名变成三个点
推荐理由	原子化类党的福利！满屏幕的 class 吓人吗？用这个干掉他们！
扩展地址	Inline fold（css 类名聚合）

Live Sass Compiler（scss/sass 自动编译）

指标	内容
作者	Glenn Marks
功能	实时编译 sass 或 scss 到 css
推荐理由	当需要写传统 html/css/js 的时候，就不要再写 css 了，用这个插件，写 scss，自动且实时编译为 css
扩展地址	Live Sass Compiler（scss/sass 自动编译）

Live Server（本地静态服务器）

指标	内容
作者	Ritwick Dey
功能	本地启动一个开发服务器，显示静态和动态内容
推荐理由	比如，vue 项目打包后，想要预览 dist 目录下打包后的项目效果，那就用这个。
扩展地址	Live Server（本地静态服务器）

Prettier（代码宽松格式化）

指标	内容
作者	Prettier
功能	代码格式化
推荐理由	使用比较宽松的规则格式化代码，跟 js 的自由随心很搭哦。
扩展地址	Prettier（代码宽松格式化）

Random Something（中国特色的随机内容生成工具）

指标	内容
作者	Prettier
功能	中国特色的随机内容生成工具，包括音频，视频，人名，名言，内容，段子，图片，头像，电话，邮箱，地址，学校，网址，新闻等，方便开发者在布局的时候写页面。
推荐理由	用是真的好用，但是，logo 是真的丑！
扩展地址	Random Something（中国特色的随机内容生成工具）

Surround（代码片段包裹）

指标	内容
作者	Mehmet Yatkı
功能	把选中的代码用 if、try catch、function 等包裹起来
推荐理由	不会偷懒的程序员，不是好的程序员。但是偷懒的同时，也要把代码质量写好。
扩展地址	Surround（代码片段包裹）

Text Toolbox（文本工具箱）

指标	内容
作者	Carlo Cardella
功能	各种文本工具箱，插入日期、插入 UUID、编解码等
推荐理由	见过那种小刀没有？就是上面有挖耳朵的、开啤酒的、锯木头的，五花八门。这个就是这种东西，工具集合，可以少装一些扩展。
扩展地址	Text Toolbox（文本工具箱）

Todo Tree（todo 备忘录）

指标	内容
作者	Gruntfuggly
功能	通过树形菜单显示 TODO、FIXME 等标签
推荐理由	这个地方临时打个 TODO 标记，下次再打开这个项目，就可以在目录树结构中，方便直观地查看要处理的地方
扩展地址	Todo Tree（todo 备忘录）

tree-extended（目录转文本结构）

指标	内容
作者	rulyotano
功能	可以生成目录的文本字符串结构
推荐理由	写文章的时候，需要展示项目组织结构，用这个就很方便
扩展地址	tree-extended（目录转文本结构）

Turbo Console Log（一键生成 console.log）

指标	内容
作者	ChakrounAnas
功能	一键生成 console.log
推荐理由	打印文件名、行数、内容、格式等，另外注意，这个类型的插件特别多，这个从 2018 年更新到 2022 年，应该是更好的一个
扩展地址	Turbo Console Log（一键生成 console.log）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t9By9CbU-1674499555125)(https://static.yicode.tech/images/202301/20230123230646.gif)]

VS Code Counter（字数统计）

指标	内容
作者	Kentaro Ushiyama
功能	支持很多语言的代码行数统计
推荐理由	这种插件挺多的，选他，主要是从 2018 年至今一直都有更新
扩展地址	VS Code Counter（字数统计）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pzLMNpzY-1674499555126)(https://static.yicode.tech/images/202301/20230123231307.gif)]

WindiCSS IntelliSense（windicss 工具）

指标	内容
作者	voorjaar
功能	WindiCSS 工具
推荐理由	很多人因为 tailwincss 而重新认识 css，而 windcss 是一个性能比 tailwindcss 强很多倍，且兼容 tailwind 的下一代原子类工具
扩展地址	WindiCSS IntelliSense（windicss 工具）

unocss（unocss 工具）

指标	内容
作者	Anthony Fu
功能	unocss 工具
推荐理由	安东尼大师的作品，下下一代 css 原子化工具，将会成为 widicss v4 的底层驱动引擎
扩展地址	unocss（unocss 工具）

没有截图，反正很强！最好搭配 vite 一起食用。

vscode-pets（在 vscode 里养宠物）

指标	内容
作者	Anthony Shaw
功能	调节气氛，改变心情
推荐理由	没什么卵用，但是，能让人眼前一亮
扩展地址	vscode-pets（在 vscode 里养宠物）

未完待续…

本文完成度大概为四分之一，还有很多好用的插件由于时间和精力的关系，暂未录入，敬请期待。

echarts实现3d饼图 qq_45600165 echarts 前端 javascript
import*asechartsfrom'echarts'import'echarts-gl'//import{ref}from'vue';import{onMounted,onUnmounted,toRefs,ref,reactive,watch}from'vue'exportdefault{props:{//定义prop的名称和类型data:Object},setup(props){letst
vuex持久化处理孟孟_mengmeng 前端 vue.js 前端 javascript
在使用vuex时有一个弊端就是，就是一旦页面刷新，所有之前存储的状态就全部没了，这是因为js代码运行在内存中，代码运行时所有的变量和函数都是保存在内存中的，刷新的时候以前申请的内存将会被释放，并且js脚本会被重新加载，变量重新赋值。所以在我们使用vuex的时候只要一刷新数据就没了。如果我们想要持久化保存数据可以使用localStorage或者sessionStorage存储在本地，保证刷新后数据不
vuex-----Store进行页面数据缓存，页面回退不刷新数据。猪头人的机车暴力美学 Web前端 Vuex vue.js javascript 前端 vue.js
各位可以经常在项目当中遇见一个非常常见的需求，即用户在一页表单中点击某列详情或其他操作，跳转入另一页面，在完成操作后返回前一页，期望前一页的表单页数停留在最后操作的那一页，而不是从新以第一页开始，这样会导致用户操作频繁，系统友好度非常低。在以往的项目经验当中，keep-alive是一个很好的处理方式，但是keep-alive本身也存在一些坑，不小心就会给自己挖了慢满满的坑，在最新的项目当中，有使用
ERROR 2061 (HY000): Authentication plugin ‘caching_sha2_password‘ reported error: Authentication 喝醉酒的小白 MySQL mysql java 数据库
错误信息“ERROR2061(HY000):Authenticationplugin‘caching_sha2_password’reportederror:Authenticationrequiressecureconnection.”表示MySQL数据库配置了caching_sha2_password认证插件，并要求使用安全连接来进行身份验证。该错误通常出现在以下情况下：使用的MySQL客户端
vuex中使用vuex-persistedstate无法进行持久缓存小小怪下士_---_ 缓存前端 javascript vue.js
在vuex的mutations中发送axios请求造成响应数据无法持久缓存最近在开发一个基于vue3的后台管理系统，因为要使用到了动态路由和权限管理，所以需要请求用户所属角色的一个权限信息，并将这些信息通过vuex-persistedstate持久保存到localStorage中。起初我在配置vuex的中mutations中使用axios向服务端请求用户的权限信息，并使用vuex-persiste
代练系统源码小程序如何助力游戏代练行业数字化转型？ mysqlvue.jsphp
在电子竞技日益成为全球性娱乐和文化现象的今天，游戏代练服务作为连接高水平玩家与普通玩家的桥梁，其市场需求迅速增长。为满足这一需求，多客代练系统应运而生，它不仅简化了代练服务的匹配流程，还通过智能化管理提升了服务质量和用户体验。本文将深入探讨多客代练系统的核心优势、用户价值以及它如何塑造游戏竞技行业的未来。源码获取地址！！！！请点击！！！！前端框架主要负责用户界面的展示和交互。多客代练系统采用：un
云原生周刊：基于 KubeSphere LuBan 架构打造DeepSeek 插件云计算
开源项目推荐KubeAIKubeAI是一个K8s上的AI推理操作器，旨在简化在生产环境中部署和管理大型语言模型（LLM）、向量嵌入和语音处理等机器学习模型。它提供与OpenAI兼容的API，支持在CPU和GPU上运行，并具备按需自动扩缩容的能力。KubeAI无需依赖Istio、Knative等其他系统，能够在几乎任何K8s集群中开箱即用。此外，它内置了模型代理，优化了键值缓存利用率，从而显著提升系
Vue+OpenLayers 实现点击查询要素信息小zhi学习 vue+ol vue.js css css3
1、给地图绑定点击事件this.map.on('click',this.mapClick);2、导入axiosnpmiaxiosimportaxiosfrom'axios'3、编写方法mapClick(event){//获取url的getFeatureInfo请求地址varurl=this.layer.getSource().getFeatureInfoUrl(event.coordinate,t
监听F11浏览器全屏状态小旋风01234 js javascript 前端 vue.js
说明全屏和非全屏经常因为，是F11或者控制台按钮按的判断不了，所以综合了下，下面的方法有效，下面是应对所有浏览器的兼容版本页面上代码是vue2的，vue3或者js需要自己改下，都是js核心是一个东西核心代码：data(){return{//全屏状态true全屏false非全屏isFullScreen:false,}},mounted(){//开局判断this.checkFullscreen()//
前端笔试高频算法题及JavaScript实现 GISer_Jinger 前端算法 javascript
以下是前端笔试常见的编程算法题及JavaScript代码现，结合最新面试题整理：一、数组/字符串处理两数之和找出数组中两数之和等于目标值的索引consttwoSum=(nums,target)=>{constmap=newMap();for(leti=0;i{letmap=newMap(),max=0,left=0;for(letright=0;right[...newSet(arr.flat(I
tksheet: 强大的Python Tkinter表格控件柏珂卿
tksheet:强大的PythonTkinter表格控件项目地址:https://gitcode.com/gh_mirrors/tk/tksheet在探索Python的GUI库时，你会发现tksheet是一个引人注目的名字。它不仅仅是一款简单的表格插件；实际上，这是一个功能丰富且优化得当的数据管理工具，尤其适合那些依赖于Tkinter构建界面的应用开发者。项目介绍tksheet是基于Tkinter
unplugin-vue-router 的基本使用 javascript
1.前言在Vue3开发过程中，每次创建新的页面都需要注册路由，需要在src/router.ts中新增页面的路径，并将URL路径映射到组件中，如下所示：import{createMemoryHistory,createRouter}from'vue-router'importHomePageViewfrom'./HomePageView.vue'importDevListViewfrom'./Dev
Vue2+OpenLayers动态绘制两个经纬度并计算距离（提供Gitee源码）黄团团 Vue OpenLayers gitee javascript excel java html 前端
目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化变量3.2、开始/结束绘制3.3、计算两点距离3.4、添加文本标注3.5、添加点3.6、添加线3.7、初始化地图点击事件3.8、加载地图3.9、完整代码四、Gitee源码一、案例截图二、安装OpenLayers库npminstallol三、代码实现页面代码如下：&l
Vue2+OpenLayers实现点位拖拽功能（提供Gitee源码）黄团团 Vue OpenLayers gitee 前端 html javascript 开发语言
目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化变量3.2、创建一个点3.3、将点添加到地图上3.4、实现点位拖拽3.5、完整代码四、Gitee源码一、案例截图可以随意拖拽点位到你想要的位置二、安装OpenLayers库npminstallol三、代码实现3.1、初始化变量关键代码：data(){return{map:null,vectorLayer:null,}},3.2
Vue2+OpenLayers点聚合功能实现（提供Gitee源码）黄团团 Vue OpenLayers vue.js 前端数据库 html
目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化点位3.2、初始化VectorSource3.3、初始化Cluster3.4、初始化VectorLayer3.5、完整代码四、Gitee源码一、案例截图一定距离的点（可配置）系统会自动聚合：二、安装OpenLayers库npminstallol三、代码实现3.1、初始化点位这里返回一个Features集合，也就是点位集合。关键
工程化与框架系列（31）--前端依赖管理实践一进制ᅟᅠ ‌‍‎‏ 前端工程化与框架前端
前端依赖管理实践引言前端依赖管理是现代Web开发中的重要环节。本文将深入探讨前端依赖管理的最佳实践，包括包管理工具、版本控制、依赖分析和优化等方面，帮助开发者更好地管理项目依赖。依赖管理概述前端依赖管理主要包括以下方面：包管理工具：npm、yarn、pnpm等版本控制：语义化版本、锁文件等依赖分析：依赖树、循环依赖等依赖优化：体积优化、重复依赖等安全管理：漏洞检测、更新维护等依赖管理工具实现依赖分
养生鲜知酒世界语意合™ 花间流风琴语言学习编程实战100讲几何学情感分析矩阵
养生鲜知酒世界语意合™介绍世界语意合™：无极养生鲜知酒™低代码爬虫插件生成平台，一切人文美篇都含共同的特点：鲜醇如酒，回味悠长，水不在深有龙则灵，山不在高有仙则灵，吐纳健身，诵致养生，气质达人，和气生财，平易近人，和悦泛函，慧极必伤，情深不寿，阳明心学，温文如玉，谦谦君子，神童晏殊启智音律宝典。琴生生物机械科技工业研究所国医学院医疗力量中心。云藏山鹰社会科学概论报告天下才气共一斗，云藏山鹰独占八分
Flutter中使用image_picker拍照并上传 aiguangyuan Flutter 移动端开发 Flutter
1.安装插件配置image_picker插件。dependencies:flutter:sdk:flutterflutter_localizations:sdk:flutterdate_format:^1.0.6flutter_cupertino_date_picker:^1.0.26+2flutter_swiper:^1.1.6fluttertoast:^7.1.6http:^0.12.2flu
【超全总结】JMeter vs K6 vs Locust，性能测试工具终极对比！软件测试 jmeter 测试工具
引言在现代软件开发中，性能测试是保障系统稳定性和高并发能力的关键环节。然而，面对市面上众多的性能测试工具，我们该如何选择？今天，我们将对JMeter、K6、Locust进行全面对比，帮你找到最适合你的工具！1.工具概览工具语言适用场景优点缺点JMeterJava传统性能测试、WebAPI测试功能强大、插件丰富、支持GUI学习曲线陡峭，资源消耗大K6JavaScript现代DevOps、CI/CD集
Vue.js 3 的设计思路：从声明式UI到高效渲染机制前端贾公子 vue.js ui flutter
目录一、声明式UI与虚拟DOM的灵活性二、渲染器：虚拟DOM到真实DOM的桥梁三、组件的本质与实现四、编译与运行时的协同优化五、性能与可维护性的权衡总结Vue.js3作为新一代前端框架，其设计理念在声明式UI描述、虚拟DOM优化、组件化架构以及编译与运行时协作等方面实现了显著突破。本文将从多个角度深入探讨其设计思路。一、声明式UI与虚拟DOM的灵活性Vue.js3的核心特性之一是声明式UI描述，开
Flutter_学习记录_device_info_plus 插件获取设备信息一人前行 flutter学习 flutter
引入三方库device_info_plus导入头文件import'package:device_info_plus/device_info_plus.dart';获取设备信息的主要代码DeviceInfoPlugindeviceInfoPlugin=DeviceInfoPlugin();BaseDeviceInfodeviceInfo=awaitdeviceInfoPlugin.deviceInf
深入解析：构建高效单页应用（SPA）的最佳实践与示例布兰妮甜 #Vue 单页应用 SPA Vue.js 前端
文章目录前言一、单页应用（SPA）的介绍二、单页应用（SPA）的优势三、构建单页应用（SPA）的基本步骤四、使用Vue.js构建一个简易的单页应用（SPA）：任务管理器结语前言随着互联网技术的发展，用户对于网页应用的交互性和响应速度提出了更高的要求。传统的多页面应用（MPA）在每次用户交互时需要重新加载整个页面，这不仅增加了服务器的负担，也降低了用户体验。而单页应用（SinglePageAppli
vue3 el-form校验报错formRef.value.validate is not a function J总裁的小芒果 vue.js elementui javascript 前端 vue
这是需要校验的表单【每一行都需要校验】保存在保存按钮中打印formRef.value.validate()是有值的，所以我给它们增加了异步constformData=ref([])construles={name:[{required:true,message:'请输入姓名',trigger:['blur','change']}]}constsaveData=async()=>{constvali
Typora 0.11.18最后一个免费版 hishere python java html c++c#
http://pmkiu.woguheihuasheng.cn/3578174开始typora是非常好用的一个md文件编辑器但是最新版是收费的，直到0.11.18版本这已经够用了https://www.aliyundrive.com/s/X6D4LqiUtD5typora的语法typora语法字体Ctrl+1,2,3,4,5,6,对应6个标题,井号与标题直接有空格#标题1##标题2下划线ctrl+
python vuejs聊天室_ws模块指南+Vue在线聊天室无1234 python vuejs聊天室
简介ws模块是Node端的一个WebSocket协议的实现,该协议允许客户端(一般是浏览器)持久化和服务端的连接.这种可以持续连接的特性使得WebScoket特别适合用于适合用于游戏或者聊天室等使用场景.ws模块相较于其他基于WebSocket协议的模块来说非常的纯粹.他只关注基于WebSocket协议的实现,其他例如Socket.io提供了回退手段,当WebSocket无法使用的时候会利用轮询来
前端发布缓存导致白屏解决方案洛祁枫 web 前端前端缓存
解决发布H5后因为本地缓存白屏方案一、核心配置优化（前提是访问网站的请求能抵达服务器）方案一：前端项目设置全局不缓存方案运行逻辑：在H5服务器配置中增加Cache-Control:no-cache或max-age=0响应头，禁用静态资源缓存‌；优点：能在服务器出口处最大可能地解决发布项目缓存问题缺点：用户在不同界面跳转都会重新加载界面信息，影响整个前端加载速度，高并发时容易造成带宽压力方案二：首页
Web 开发的“三件套” zhangpeng455547940 Web开发 react native react.js javascript
HTML：定义内容结构。CSS：控制样式布局。JavaScript：实现动态行为和复杂逻辑。JavaScript应用场景前端开发：操作DOM、处理用户事件、实现动画等。后端开发：通过Node.js构建服务器端应用。跨平台开发：Electron（桌面应用）、ReactNative（移动端）等。
[CRMEB知识付费系统]移动端课程列表一级分类模式实现道法自然|~ CRMEB vue html5 css
写在前面最近在使用crmeb知识付费下系统的时候，发现默认是二级分类模式，但需求需要一级直接展示内容所以只能重构一下了,重构只改动了前端，非必要不去改动后端，会很麻烦.....目录写在前面实施准备代码结构与功能说明1.页面结构2.数据与状态管理3.核心方法解析3.1获取一级分类(getCateList)3.2获取二级分类(getSubject)3.3加载课程列表(getSpecialList)3.
idea中lombok插件的安装与使用我没想到原来他们都是一堆坏人 java 开发语言
idea中lombok插件的安装与使用1.在pom文件中添加lombok依赖org.projectlomboklombokRELEASEprovided2.安装lombok插件依次选择：file->setting->plugins->marketpalce，搜索lombok，然后点击install3.在代码中使用lombok注解常用的lombok注解有@Data、@toString、@NoArgs
从零实现OSS阿里云图片上传：前端采用的vue3+element-plus，后端采用javaspingboot，实现上传图片到云，然后存储数据库链接能够回显的效果绝顶少年阿里云前端数据库
后端（JavaSpringBoot）1.添加依赖在pom.xml中添加必要的依赖，包括阿里云OSSSDK、SpringBootWeb、MyBatis-Plus等：org.springframework.bootspring-boot-starter-webcom.baomidoumybatis-plus-boot-starter3.4.3.4com.aliyun.ossaliyun-sdk-oss
rust的指针作为函数返回值是直接传递，还是先销毁后创建？ wudixiaotie 返回值
这是我自己想到的问题，结果去知呼提问，还没等别人回答，我自己就想到方法实验了。。 fn main() { let mut a = 34; println!("a's addr:{:p}", &a); let p = &mut a; println!("p's addr:{:p}", &a
java编程思想 -- 数据的初始化百合不是茶 java 数据的初始化
1.使用构造器确保数据初始化 /* *在ReckInitDemo类中创建Reck的对象 */ public class ReckInitDemo { public static void main(String[] args) { //创建Reck对象 new Reck(); } }
[航天与宇宙]为什么发射和回收航天器有档期 comsci
地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁... 所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 &
linux下批量替换文件内容商人shang linux 替换
1、网络上现成的资料　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 　　linux sed 批量替换多个文件中的字符串　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 　　例如：替换/home下所有文件中的www.admi
网页在线天气预报 oloz 天气预报
网页在线调用天气预报 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
SpringMVC和Struts2比较杨白白 springMVC
1. 入口 spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。参见：http://blog.csdn.net/zs15932616453/article/details/8832343 2
refuse copy, lazy girl! 小桔子 copy
妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 1.那是我自己觉得写不出的高度 2.如果直接拿来用，很快就能解决问题 3.然后就是抄咩~~ 4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！
apache与php整合 aichenglong php apache web
一 apache web服务器 1 apeche web服务器的安装 1)下载Apache web服务器 2)配置域名(如果需要使用要在DNS上注册) 3)测试安装访问http://localhost/验证是否安装成功 2 apache管理 1)service.msc进行图形化管理 2)命令管理，配
Maven常用内置变量 AILIKES maven
Built-in properties ${basedir} represents the directory containing pom.xml ${version} equivalent to ${project.version} (deprecated: ${pom.version}) Pom/Project properties Al
java的类和对象百合不是茶 JAVA面向对象类对象
java中的类： java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决 java使用 class 类名来创建类，在Java中类名要求和构造方法，Java的文件名是一样的创建一个A类： class A{ } java中的类：将某两个事物有联系的属性包装在一个类中，再通
JS控制页面输入框为只读 bijian1013 JavaScript
在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。
AngularJS与服务器交互 bijian1013 JavaScript AngularJS $http
对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange
[Maven学习笔记八]Maven常用插件应用 bit1129 maven
常用插件及其用法位于：http://maven.apache.org/plugins/ 1. Jetty server plugin 2. Dependency copy plugin 3. Surefire Test plugin 4. Uber jar plugin 1. Jetty Pl
【Hive六】Hive用户自定义函数(UDF) bit1129 自定义函数
1. 什么是Hive UDF Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括：文件格式：Text File，Sequence File 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 用户提供的 map/reduce 脚本：不管什么
杀掉nginx进程后丢失nginx.pid，如何重新启动nginx ronin47 nginx 重启 pid丢失
nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
UI设计中我们为什么需要设计动效 brotherlamp UI ui教程 ui视频 ui资料 ui自学
随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。一、加强体验舒适度嗯，就是让用户更加爽更加爽的用你的产品。
Spring中JdbcDaoSupport的DataSource注入问题 bylijinnan java spring
参考以下两篇文章： http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration Sprin
数据库连接池的工作原理 chicony 数据库连接池
随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
java 关键字 CrazyMizzz java
关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 Java中的关键字按功能主要可以分为以下几类：（1）访问修饰符 public,private,protected p
Hive中的排序语法 daizj 排序 hive order by DISTRIBUTE BY sort by
Hive中的排序语法 2014.06.22 ORDER BY hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
单态设计模式 dcj3sjt126com 设计模式
单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。 <?phpclass Example{ // 保存类实例在此属性中 private static&
svn locked dcj3sjt126com Lock
post-commit hook failed (exit code 1) with output: svn: E155004: Working copy 'D:\xx\xxx' locked svn: E200031: sqlite: attempt to write a readonly database svn: E200031: sqlite: attempt to write a
ARM寄存器学习 e200702084 数据结构 C++c C#F#
无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。 ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 1、不分组寄存器（R0-R7）不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
常用编码资料 gengzg 编码
List<UserInfo> list=GetUserS.GetUserList(11); String json=JSON.toJSONString(list); HashMap<Object,Object> hs=new HashMap<Object, Object>(); for(int i=0;i<10;i++) {
进程 vs. 线程 hongtoushizi 线程 linux 进程
我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。如果用多线程实现
Linux定时Job：crontab -e 与 /etc/crontab 的区别 Josh_Persistence linux crontab
一、linux中的crotab中的指定的时间只有5个部分：* * * * * 分别表示：分钟，小时，日，月，星期，具体说来：第一段代表分钟 0—59 第二段代表小时 0—23 第三段代表日期 1—31 第四段代表月份 1—12 第五段代表星期几，0代表星期日 0—6 如： */1 * * * * 每分钟执行一次。 *
KMP算法详解 hm4123660 数据结构 C++算法字符串 KMP
字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。假设主串s="ababcabcacbab",模式串为t="
枚举类型的单例模式 zhb8015 单例模式
E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
Kafka+Storm+HDFS ssydxa219 storm
cd /myhome/usr/stormbin/storm nimbus &bin/storm supervisor &bin/storm ui &Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
Java获取本地服务器的IP 中华好儿孙 java Web 获取服务器ip地址
System.out.println("getRequestURL:"+request.getRequestURL()); System.out.println("getLocalAddr:"+request.getLocalAddr()); System.out.println("getLocalPort:&quo