刷新
前端实现 HTML 网页转 PDF 并导出

博主头像 有个新需求,当点击【下载】按钮时,直接将当前 html页面下载为 PDF。通过 html2canvas + jsPDF 可实现PDF单页下载,甚至是多页下载,记录分享一下~ 最后有样式源码,可自取 ...

js实现拖动调节宽高的iframe

博主头像 需求 我有一个用vue3项目实现的ai聊天功能。使用js文件的形式来引入其它项目,具体的表现显示是一个机器人icon,点开就是iframe。但是定死iframe的宽高,就显得不够灵活。所以我打算做一下类似windows窗体那样的拖拽调整宽高。具体代码也借助了chat AI,如果完全自己实现还是很耗时 ...

CSS设计模式

博主头像 OOCSS OO(“Object Oriented”):面向对象。 OOCSS:Object Oriented css(面向对象css)的缩写,是一种用最简单的方式编写的CSS代码,从而使代码 重用性,可维护性和可扩展性更好的书写方法。 OOCSS 解决的问题 很多开发者在编写 CSS 时,经常会遇 ...

记录---JS 的蝴蝶效应 —— 事件流

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前言 在 JavaScript 的世界里,事件流就像一只永不停歇的蝴蝶,每一个动作、每一个点击、每一个滚动,都会触发一连串的蝴蝶效应。作为一名开发者,掌握事件流的艺术,不仅能让你的网页更加生动、更加交互,也能让用户体验到前所未有的舒适。那么,事 ...

写一个支持折叠、有缩进、代码高亮、离线的,方便部署的、易用的、优雅的json格式化查看工具(附html完整代码)

博主头像 缘由 网上的在线json格式化有很多,但我是个有追求的人。在线的很难同时支持折叠、有缩进线、代码高亮、离线的,方便部署的、易用的、不请求后端(为了安全)的json格式化工具。 去Github上找项目,华而不实的东西占半个屏幕,格式化json要点好几下,一个json格式化工具npm安装之后几百个文件。 ...

ThreeJs-12使用着色器加工材质

博主头像 一.three框架材质原理与应用 其实three里面所有的材质不管是基础还是点等等之类最终都会编译为shader然后执行,所以如果拿到一个材质我想对某个地方小改一下,那么也是可以用shader来进行修改的 这里用基础材质创建一个平面 通过材质的这个回调就可以拿到他的shader并且里面也有顶点着色器 ...

CSS层叠计算

博主头像 层叠 声明冲突:同一个样式,多次应用到同一个元素 层叠:解决声明冲突的过程,浏览器自动处理(权重计算) 1. 比较重要性 重要性从高到底: 作者样式表:开发者书写的样式 1) 作者样式表中的!important样式 作者样式表中的普通样式 浏览器默认样式表中的样式 2. 比较特殊性 看选择器 总体规 ...

JavaScript 实现支持过期时间的数据缓存功能

博主头像 JavaScript 实现支持过期时间的数据缓存功能 要在 JavaScript 中实现数据缓存功能并支持设置过期时间,可以使用 localStorage、sessionStorage 或内存对象(如 Map 或普通对象)来存储数据,并为每个缓存项设置一个过期时间。以下是一个简单的实现示例: Jav ...

刚学完Vue收集的库或项目分享

博主头像 最近刚看完一个Vue3的视频教程,还不错,整理最近收集与Vue相关的库或项目。 awesome-vue:与 Vue.js 相关的精彩内容精选清单。https://github.com/vuejs/awesome-vue 组件或库 vueuse:是基于组合式API的实用函数集合,从 v12.0 开始, ...

HTML Select Drop Down List Data Source From Web API

博主头像 前端,html还是mvc页面,我们想实现一个下拉选单,写<select>指定id或者name,稍后在js代码能获取到它。 #7~#9行,没有参数条件可传,保留为空。#19 Web API地址。#21为异步方法,看下, #37,是为了不让代码写在一块,Insus.NET已经重构成另一个function ...

使用Vue3实现Ollama WebUI

博主头像 开始 大家好呀,最近我在研究LLM,但是是本地大语言模型。其中我主要使用的软件是Ollama。 Ollama可以方便的下载及运行LLM Ollama提供了一套REST Api,并且已经有了ollama-js这个库,可以方便的调用接口,所以我们可以自己写一套WebUI。 那么为什么不用别人写好的呢?我 ...

react学习之antd

博主头像 antd为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。它最初是基于 React 的组件库,但随着技术的发展,现在也提供了基于 Vue.js 的版本——Antd Vue。无论你是 React 还是 Vue 的开发者,都可以利用 Antd 来丰富你的 Web... ...

React中的 ref 及原理浅析

博主头像 我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 前言 对于 ref 的理解,我们一部人还停留在用 ref 获取真实 dom 元素和获取组件层面上,但实际 ref 除了这两项功能之外,在使用上还有很多小技巧。本章我们就 ...

ThreeJs-11精通着色器编程(重难点)

博主头像 着色器语言编程比较重要,后面的几个章节都会围绕这个来做特效 一.初识着色器语言 首先什么叫做着色器,他是一种语言,首先需要设置为着色器材质,然后在材质里面书写一些语言,可以告诉他顶点,然后去自定义一些东西,比如我想要这一面为红色等等 比如用一个基础材质做了一个平面 现在改为着色器材质 着色器里面一个 ...

<1···151617···50>