
Web前端
文章平均质量分 62
ejinxian
这个作者很懒,什么都没留下…
展开
-
WEBPACK和ROLLUP构建前端工具库
• @rollup/plugin-node-resolve(rollup 插件,它使用节点解析算法定位模块,用于在节点模块中使用第三方 node_modules 包)• @rollup/plugin-typescript(rollup 插件,对 typescript 的支持,将 typescript 进行 tsc 转为 js)• @rollup/plugin-babel(rollup 插件,rollup 的 babel 插件,ES6 转 ES5)原创 2023-05-04 22:45:33 · 787 阅读 · 0 评论 -
WebGL three.js 3D 场景
它是一种可以对图形硬件设备特性进行访问的软件库,OpenGL被设计为一个现代化的、硬件无关的接口,因此我们可以在不考虑计算机操作系统或窗口系统的前提下,在多种不同的图形硬件系统上,完全通过软件的方式实现OpenGL的接口。OpenGL ES 2003-2004年被首次提出来,其中两次重要升级分别在2007年(OpenGL ES 2.0)和2012年(OpenGL ES 3.0),WebGL就是基于OpenGL ES 2.0的。ThingJS 之前,需要先了解JavaScript,我们假设您已经掌握JS。原创 2022-11-13 16:17:05 · 617 阅读 · 0 评论 -
Visual Studio扩展插件
Wesley Smits 在文中以 JSON 版本为例建议:可以通过命令面板(⇧ ⌘P)打开全局 Visual Studio 代码设置的 settings.json。Visual Studio Code 有一个广泛的扩展市场,可以增加你的便利度。随着时间的推移,包含改进和功能的每月发布更新,越来越多的 Visual Studio Code 扩展将不再需要。这些扩展中有许多是原生存在于 Visual Studio Code 中,所以可以通过设置菜单启用 / 禁用或进行控制。VS Code 有一个称为。原创 2022-10-16 22:43:53 · 3256 阅读 · 0 评论 -
JS前端接口加密/解密
CryptoJS (crypto.js) 为 JavaScript 提供加密和解密算法。目前已支持的算法包括。HMAC-sha1 、HMAC-sha256、HMAC-md5等,用法如下。CryptoJS是一个纯javascript写的加密类库, 页面引用。原创 2022-10-14 22:16:24 · 895 阅读 · 0 评论 -
JavaScript 开发的历程
既然我们都同意组件是核心原语(core primitive),其他的内容都要基于它来构建,那么标准化应用的其他组成部分,如路由器、构建系统、文件结构等,这些元框架(meta-framework)开始构建与第一代框架类似的开箱即用的一站式解决方案,也就是从各自的生态系统中挑选最佳模式,并随着它们的成熟而将其纳入。这一代的框架正在试图进入一个未知的领域。最新的这个框架时代,深入到了 Ember 渲染层的内部,试图清理那些作为第一代框架所具有的上述技术债务,所有的这些第三代框架都是围绕上一代的视图层框架建立的。原创 2022-09-30 12:54:13 · 762 阅读 · 0 评论 -
Excalidraw在线白板手绘
是一个白板工具,绘制具有手绘感觉,适合架构设计图、用户交互图快速设计,可多人在线协作和分享。原创 2022-08-13 08:09:34 · 508 阅读 · 0 评论 -
Web 3D VS Native 3D是未来元宇宙
这些都是元宇宙的概念,3D 世界、虚拟社交、虚拟购物、沉浸,通过 AR/VR 以及其他互联网技术,把现实世界的楼房街道、天气温度、人际关系等投射到虚拟世界,构建 “元宇宙”。3D应用在电影场景里很多,如 《失控玩家》、R 星引擎的游戏《荒野大镖客》,3D 渲染技术的迭代路线分成了两种技术方案:Native 和 Web Native,是电脑、手机等硬件设备,通过安装应用程序,在本地运行,直接通过图形 API 和相关驱动调用显卡的计算和渲染能力,完成真实物体的 3D 渲染数字化的过程。原创 2022-07-10 07:59:33 · 741 阅读 · 0 评论 -
ECMAScript 2022 正式发布
ECMAScript 2022 现已获得 ECMA International的批准。ECMAScript 是标准化的 JavaScript 语言,于 1997 年发布了第一版,现已发展成为世界上使用最广泛的通用编程语言之一。本 Ecma 标准定义了 ECMAScript 2022 Language,是 ECMAScript 语言规范的第 13 版。 ECMAScript 2022 主要包含内容有:参考:..................原创 2022-07-08 23:33:06 · 2066 阅读 · 0 评论 -
Meta Jest JS 测试框架转移到 OpenJS 基金会
Meta Open Source宣布正式将其开源Jest JS 测试框架转移到OpenJS基金会,作为一个 Impact ProjectJest 作为一个开源项目的成熟,将 Jest 的所有权转移给社区,并将其转移到一个专注于支持 JavaScript 生态系统的基金会相信社区主导的发展,并不断加强我们的社区,加入 OpenJS 基金会将帮助我们加强和扩大我们的社区。我认为这是一个非常积极的变化,也是 Jest 社区蓬勃发展的一种方式....原创 2022-05-15 17:33:44 · 213 阅读 · 0 评论 -
WebXR 元宇宙或将基于 Web
在元宇宙理论领域里,一些其他的大型科技公司也表现出了对这一领域的兴趣,Meta、微软就是其中之一。Babylon.js 是一个建立在 WebGL 和 WebGPU 之上的免费开源 3D 引擎,Babylon.js 不仅是开源的,它还是为了支持 Web 版的元宇宙而建立的。这也是其与 Meta 的区别之处,目前 Meta 还没有透露过他们对元宇宙的设想是否会与 Web 兼容。Babylon.js 旨在为 Web提供原生环境,与Unity...原创 2022-05-08 07:24:16 · 777 阅读 · 0 评论 -
FIDO标准 无密码身份认证登录
苹果、谷歌和微软今天宣布计划扩大对由FIDO联盟和万维网联盟创建的通用无密码登录标准的支持。新功能将允许网站和应用程序为跨设备和平台的消费者提供一致、安全、简单的无密码登录。纯密码身份验证是web上最大的安全问题之一,管理如此多的密码对用户来说很麻烦,这常常导致用户跨服务重用相同的密码。这种做法可能导致代价高昂的账户收购、数据泄露,甚至身份被盗。虽然密码管理器和传统的双因素身份验证形式提供了渐进式的改进,但业界已经开展了广泛的协作,以创建更方便、更安全的登录技术关于FIDO联盟...原创 2022-05-08 07:11:21 · 1274 阅读 · 0 评论 -
Web 前端开发框架收集
一、应用场景框架三大框架:Angular、React、Vue其他框架:Ember、Backbone 或 KnockoutWeb Components 标准框架:Svelte、Aurelia与服务器端对应的框架 NestJS、NextJS 或 Nuxt,Svelte 对应的 Sapper非 JavaScript Web 框架:Django、Spring、Laravel、Rails 等框架之上的框架:Quasar、SolidJSWeb 组件框架:Stencil、Mitosis、ska原创 2022-03-27 10:57:00 · 2091 阅读 · 0 评论 -
上传分片切片大文件 XLSX/CSV/TXT
当这个文件数据量也不是很多的时候,有很多前端工具可供选择。例如 SheetJS,就提供了从 Excel、CSV 中解析出用信息的很多方法,当数据量只是几千条的程度的,选择的余地很多,但是一旦数据量级增加,处理就变得复杂。如果 XLSX/CSV 数据量达到了 100w+ 条,Office、WPS 想打开看一下,都会需要很长的时间从本地 Excel、CSV、TXT(或者其他格式的)文件中解析出数据,文件体积可能是 5M、50M、500M 甚至更大、满足以下几项需求大体积文件支持切片上传..原创 2022-03-04 09:13:56 · 751 阅读 · 0 评论 -
表单设计器 k-form-design
项目,基于vue和ant-design-vue实现的表单设计器,样式使用less作为开发语言,主要功能是能通过简单操作来生成配置表单,生成可保存的JSON数据,并能将JSON还原成表单,使表单开发更简单更快速。支持自定义组件、表单联动等高级功能,使用 vue2 + CompositionAPI + ts 实现伪 vue3 应用。基于 vue+ElementUI 的表单设计器。原创 2022-02-26 11:04:48 · 3353 阅读 · 0 评论 -
Underscore js是一个JavaScript实用库
Underscore.js是一个JavaScript实用库,提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象。弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分Underscore提供了100多个函数,包括常用的: map, filter, invoke — 当然还有更多专业的辅助函数,如:函数绑定, JavaScript模板功能,创建快速索引, 强类型相等测试Underscore是DocumentCloud的一个开源组件。..原创 2021-12-30 17:50:16 · 443 阅读 · 0 评论 -
Godot 2D 和 3D 游戏引擎
Godot是一个全新开发的游戏引擎,其功能集类似知名的跨平台游戏引擎Unity,可用于开发PC、主机、移动和Web游戏。开发者引 擎的2D和动画支持要强于Unity,表示在功能和特性上没有其它开源游戏引擎能相媲美。Godot引擎内置了类似Unity的编辑器,GUI工具 包,2D/3D物理支持,支持OpenGL ES 2.0 功能集的3D渲染器,易于学习的语言和API,支持用ASM.js或Google Native Client输出HTML5代码,支持 Linux、Windows和OSX开发平台...原创 2021-12-25 21:26:55 · 2616 阅读 · 0 评论 -
Eva.js 渲染Web页面动画
Eva.js v1.2 已在以下项目中使用:淘宝双11 / 芭芭农场 / 淘宝斗地主 / 薅羊毛赚话费,Evs.js 现已支持淘宝 / 支付宝小程序中互动游戏的开发RaxEva 是一个让开发同学能够在 Rax 技术体系下,利用 Eva.js 的游戏研发能力,开发动画、游戏类场景的框架。它可以让开发同学用熟悉的 JSX 和(仅支持)Hooks 语法编写动画、游戏场景的代码。社区将在 RaxEva API 基础上实现 ReatEva,让更广大的前端开发者能够快速上手 Eva.jsLive2.原创 2021-12-25 21:04:25 · 2733 阅读 · 0 评论 -
Theatre.js 动画JavaScript库
Theatre.js 是一个带有 GUI 的 JavaScript 动画库,为 DOM、WebGL 和任何其他的 JavaScript 变量制作动画。旨在帮助你表达详细的动画,使你能够创造复杂的运动,并传达细微的差别。你可以使用 Theatre.js 来: 为使用 THREE.js 或其他 3D 库制作的 3D 对象制作动画 通过 React 或其他库制作 HTML/SVG 动画 设计微交互 ...原创 2021-10-01 15:34:59 · 871 阅读 · 0 评论 -
Xeogl 基于 WebGL 的 3D 引擎
xeogl是由xeolabs创建的基于数据驱动的基于 WebGL 的引擎,用于在浏览器中进行 3D 可视化,无需使用插件特性3D 引擎: 使用 WebGL 进行渲染 基于组件的场景图 用 ECMAScript 6 编写 没有外部依赖;与库和工具无关 开源 专为 CAD、BIM 和 ArchViz 设计: 加载多个模型 隔离/移动/强调对象 相机导航控件 相机动画(飞行、跟随、路径等) 强调效果(线框、重影、高光、轮廓) 注释 横截面视...原创 2021-09-03 09:53:10 · 1697 阅读 · 0 评论 -
CodeMirror 多功能在线代码编辑器
CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示、功能扩展以及多个主题样式CodeMirror 是一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库CodeMirror的作者是一个十分向往自由的人。但他的CodeMirror绝对不简单,看看下面.原创 2021-08-21 11:12:11 · 572 阅读 · 0 评论 -
顶级的CSS和Javascript动画框架
CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果。可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果1.jQuery Transit该jQuery插件扩展了jQuery的动画功能,增加了许多CSS3特性,如rotata(旋转)、skew(扭曲)、scale(缩放)等。2.Transform.js原创 2021-08-13 22:43:40 · 421 阅读 · 0 评论 -
Sweet Home 3D 是Web三维效果图
Sweet Home 3D 是一个室内装潢设计软件,它能帮你通过二维的家居平面图来设计和布置你的家具,还可以用 3D 的视角预览整个装修布局的全新面貌,快速高质量的传递渲染器,使任何用户都能轻而易举做出专业水准的三维效果图。...原创 2021-07-29 21:12:56 · 508 阅读 · 0 评论 -
CSS 的新特性
CSS2019 新特性CSS2020 新特性CSS伪类选择器CSS 选择发展到今日,可以说是一个庞大的体系选择器权重不同。:where()的优先级总是为0,但是:is()的优先级是由它的选择器列表中优先级最高的选择器决定的...原创 2021-07-12 13:26:48 · 196 阅读 · 0 评论 -
HQChart 股市图表
HQChart是国内第1个基于传统PC股票客户端软件(C++)移植到js/py平台的一个项目, 包含K线图图形库及麦语法(分析家语法)指标执行器.平台支持:js, vue, uniapp, 小程序原创 2021-06-25 22:59:25 · 359 阅读 · 1 评论 -
ECMAScript 2021 特性
ECMAScript 2021现已获得ECMA International的批准。ECMAScript 是标准化的 JavaScript 语言,于 1997 年发布了第一版,现已发展成为世界上使用最广泛的通用编程语言之一。本 Ecma 标准定义了 ECMAScript 2021 Language,是 ECMAScript 语言规范的第 12 版。ECMAScript 2021 主要包含内容:String.prototype.replaceAll此前,如果想要替换所有的 string...原创 2021-06-25 22:42:34 · 642 阅读 · 0 评论 -
KingTable 是表格动态列插件
KingTable 是一个基于输入数据建立的管理表 jQuery 插件。它支持客户端和服务器端的分页;客户端和服务器端的搜索;自定义过滤视图;菜单自动隐藏,自动列排序,支持自定义工具。客户端导出功能:csv, json and xml formats...原创 2021-06-11 22:59:17 · 490 阅读 · 0 评论 -
Mapv 是地理信息可视化开源库
Mapv 是一款地理信息可视化开源库,可以用来展示大量地理信息数据,点、线、面的数据,每种数据也有不同的展示类型,如直接打点、热力图、网格、聚合等方式展示数据。 当前是Mapv 2.0的预发布版本,当前api是不稳定的并有可能随时发生变化。...原创 2021-05-30 08:24:58 · 567 阅读 · 1 评论 -
拖拽动态生成网页-VvvebJs
VvvebJs是一个开源的网页拖拽自动生成的JavaScript库,你可以以简单拖拽的方式生成自己需要的网页样式,内置jquery和Bootstrap,你可以拖拽相关的组件进行网页的构建,非常的方便,而且可以实时修改代码,功能丰富,使用简单,界面友好,特别适合一些专注于展示的网页设计。在线演示:http://www.vvveb.com/vvvebjs/editor.htmlFor a full featured CMS using VvvebJs checkVvveb CMSBuilt w.原创 2021-05-08 22:17:46 · 582 阅读 · 0 评论 -
Blazor 是.NET 生成交互式客户端 Web UI 的框架
Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架:使用 C# 代替 JavaScript 来创建丰富的交互式 UI。 共享使用 .NET 编写的服务器端和客户端应用逻辑。 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。使用 .NET 进行客户端 Web 开发可提供以下优势:使用 C# 代替 JavaScript 来编写代码。 利用现有的 .NET 库生态系统。 在服务器和客户端之间共享应用逻辑。 受益于 .NET 的性能、可靠性和原创 2021-04-17 10:09:07 · 754 阅读 · 0 评论 -
Multiavatar 多元文化头像生成器
Multiavatar 是一个随机头像生成器,在线输入任意字符,即可生成独特的多元文化头像,头像的灵感来自多个种族、多种文化、多个年龄段、多样世界观以及各行各业的人。每个头像由 6 个部分组成:环境 衣服 嘴巴 眼睛 头 头顶装饰(包括但不限于头发)适合做个性化自定义,如服装印刷用户自定义图地址:https://multiavatar.com/...原创 2021-01-28 09:16:21 · 950 阅读 · 0 评论 -
Web 实时通信 WebRTC
2021年1月26日,W3C(万维网联盟)和 IETF (互联网工程任务组)同时宣布WebRTC(Web Real-Time Communications,Web 实时通信)现发布为正式标准,将音视频通信带到 Web 上任何地方W3C WebRTC 工作组已经开始研究WebRTC Next Version Use Cases,规划 WebRTC 的未来,特别是:在服务器介导的视频会议中的端到端加密 即时处理音视频材料,包括通过机器学习 物联网(例如 IoT 传感器维持长期连接并寻求最小功..原创 2021-01-28 09:06:05 · 191 阅读 · 0 评论 -
HTML5 Canvas 和 SVG
Canvas是使用JavaScript程序绘图(动态生成),SVG是使用XML文档描述来绘图Canvas适用场景Canvas提供的功能更原始,适合像素处理,动态渲染和大数据量绘制SVG适用场景SVG功能更完善,适合静态图片展示,高保真文档查看和打印的应用场景Canvas 辅助技术fabric.jszRender 这些库在canvas上构建一层mvc层...原创 2021-01-27 16:51:09 · 196 阅读 · 0 评论 -
Deskreen 将 Web 浏览器变为第二屏幕
Deskreen 是一个基于 Electron.js 的开源应用程序,用于将电脑桌面的实时流通过无线网络传输到任何设备上的 Web 浏览器中,可以使任何能打开 Web 浏览器的设备成为计算机的第二屏幕。Website: https://www.deskreen.comhttps://gitee.com/testmaxclass/Deskreen...原创 2021-01-22 15:17:17 · 2761 阅读 · 0 评论 -
JS SDK的标准创建原则
SDK全称是“Software Development Kit”,直译就是软件开发工具集。说的再通俗点就是一个面向开发者,针对特定领域的软件包。比如Java SDK(JDK)一、设计原则 最小可用性原则,即用最少的代码,如无必要勿增实体。 最少依赖原则,即最低限度的外部依赖,如无必要勿增依赖 1 满足功能需求SDK一般都是偏于面向某个领域,所以,同时在设计和实现的时候明确职责和边界很重要,同时还应该足够精简,专注领域内的业务。2 足够稳定 绝不能导致宿主应用崩溃..原创 2020-11-04 22:07:11 · 504 阅读 · 0 评论 -
XSpreadsheet-在线表格插件
XSpreadsheet-在线表格插件原创 2020-11-03 21:25:20 · 5160 阅读 · 0 评论 -
Web 开发的svg 图标大集合
icons-font-customization提供了超33,000个开箱即用的免费 svg图标集合和生成自己图标字体的工具。所有图标都适合于私人或商业项目点击项目主页icons-font-customization的 "Download ZIP" 并解压到本地合适的文件夹,所有图标集列表- ant-design-iconsSource:visit, License:MIT- Bootstrap IconsSource:visit, License:MIT- BoxIcon...原创 2020-10-31 21:15:40 · 1150 阅读 · 0 评论 -
Go语言优秀Web框架
一、框架Beego: 一个Go语言下开源的,高性能Web框架* https://github.com/astaxie/beego* https://beego.meBuffalo: 一个Go语言下快速Web开发框架* https://github.com/gobuffalo/buffalo* https://gobuffalo.ioEcho: 一个高性能,极简的Web框架* https://github.com/labstack/echo* https://echo.labstack原创 2020-10-31 08:35:05 · 1531 阅读 · 0 评论 -
大前端页面布局插件收藏
1、弹出层次提示框:layer2、轻度进度条:nanobar、nprogress3、页面关键字高亮显示:highlight4、页面切分布局:jqxsplitter5、页面拖动:jqxDragDrop6、页面树型展示:jstree原创 2020-10-31 08:12:39 · 561 阅读 · 0 评论 -
Puppeteer -headless Chrome 的 Node.js API
Puppeteer 是一个控制 headless Chrome 的 Node.js API 。它是一个 Node.js 库,通过DevTools 协议提供了一个高级的 API来控制headlessChrome。它还可以配置为使用完整的(非 headless)ChromePuppeteer的例子: 生成屏幕截图和 PDF 页面 检索 SPA 并生成预渲染内容(即“SSR”) 从网站上爬取内容 自动提交表单,UI测试,键盘输入等 创建一个最新的自动测试环...原创 2020-10-26 22:42:58 · 322 阅读 · 0 评论 -
JAMStack-SSR/SSG 框架
JAMStack(JAM 代表JavaScript,API 和Markup)是一种使用Static Site Generators(SSG) 技术、不依赖 Web Server 的前端架构:Next.js是基于 React 的 SSR/SSG 框架。 Scully是基于 Angular 的 SSG 框架。 VitePress是 Vue 官方推出的 SSG 框架。Ledge(源自 know-ledge,意指承载物)知识平台是基于我们所进行的一系列 DevOps 实践、敏捷实践、精益...原创 2020-10-20 21:28:35 · 847 阅读 · 0 评论