前端工具
文章平均质量分 82
IT博客技术分享
没有做不到的,只有想不到的!
展开
-
纯js实现录屏并保存视频到本地的尝试
js实现录屏并保存视频到本地原创 2023-11-29 11:18:58 · 2197 阅读 · 1 评论 -
尝试实现了国外大佬用Web做出来跨窗口渲染动画效果
由于storage里得存多个窗口的圆心位置信息,所以得给不同窗口定义不同key值,规范来说应该弄个方法获取浏览器唯一标识,但是没有现成好用api,就暂时弄成自增index序号机制。// 获取其它窗口的storage keys// 自增最大的key序号,定义自己窗口storage key// 获取圆颜色// 窗口关闭时删除自己窗口storagei++) {!,然后运行两个窗口。效果如下图,可以看到两个窗口都有自己的唯一key,storage里也存了对应position信息。原创 2023-11-28 11:16:52 · 355 阅读 · 0 评论 -
前端线上部署,如何通知用户有新版本
是一个轻量级的JavaScript库,它可以实时检测web应用的index.html文件内容是否有变化。当服务端发布新版本后,前端会自动弹出更新提示,让用户刷新页面,以加载最新的资源和功能。这样可以提高用户体验和数据准确性。原创 2023-10-30 10:15:59 · 708 阅读 · 1 评论 -
2023最受开发者欢迎的五大前端与后端技术
2023 年,开发者中最受欢迎的前端技术是 React、Angular 和 Vue.js。React 是用于创建 UI 的 JavaScript 库,允许开发者创建出可重用的组件,大大提高后续开发的效率。Vue.js 具有很强的适应性,且能轻松同其他技术相集成,使其成为前端开发服务中的热门选项。开发行业总在不断变化,因此前端和后端开发者们必须随时把握动态并适应变化,持续交付高质量的产品和服务。总而言之,谁能及时让最新的前 / 后端工具和成果为自己服务,谁就能带来更出色的用户体验。原创 2023-08-25 15:52:52 · 778 阅读 · 0 评论 -
Web前端可视化绘图软件编辑器-汇总
前言: 随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。智能时代是工业 4.0 时代,我国工业领域正努力从“制造”迈向“智造”的新跨越。正文:1.mxgraph:介绍:开源免费,但是需要解决的问题很多,国内学习参考资料少。但是,可视化组态的实现基本都是借助于这个框架来实现的。演示demo:https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.h...转载 2020-10-28 15:58:59 · 14699 阅读 · 2 评论 -
google浏览器安装vuejs-devtools插件2022年安装记录
Vue.js devtools 背景简介我们chrome插件网之前介绍过Vue.js devtools,是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试。本文重点介绍Vue.js devtools使原创 2022-06-30 11:36:46 · 1314 阅读 · 0 评论 -
cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
从报错来看明显是没有装 cnpm检查本地是否安装了cnpm包管理工具命令:npmlist --depth=0 -global查看一下电脑是否安装了cnpm如果已经安装了,那么会有如下图所示的内容:从以上来看确实是没有装则需要安装镜像,执行命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org安装过程可能要持续好几分钟哦~~~~安装成功后会有如下类似内容:cnpm -v命令检查检查成...原创 2021-05-26 14:17:37 · 4258 阅读 · 0 评论 -
VSCode配置ESLint自动格式代码
安装步骤1.找到扩展的地方搜索:eslint-安装2. 安装后,点击【文件】-【首选项】-【设置】搜索 eslint如下图:3.此时已经装上了,然后全局配置一下:// 自动修复"editor.codeActionsOnSave": { "source.fixAll.eslint": true,},// 配置 ESLint 检查的文件类型"eslint.validate": ["javascript","vue","html"]搜一下:eslint.va..原创 2020-06-18 17:58:45 · 2136 阅读 · 5 评论 -
web大前端必备的VSCode插件,常用的(15个)
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱。就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用、有趣的插件与大家分享。1.Open-In-Browser由于 VSCode 没有提供直接在浏览...原创 2019-11-20 15:42:50 · 28952 阅读 · 6 评论 -
前端工具sublime工具汉化步骤
不用补丁,sublime text 3 本身 设置中文方法官网下载,http://www.sublimetext.com/1.并安装好, 刚安装好的是没有Package Control选项2.找到Tools->Install Package Control选项,即可调出Package Control3.不能直接找到Install Package ...原创 2019-12-11 14:19:03 · 210 阅读 · 0 评论