前端html css
threejs中渲染html
背景 最近中看threejs的时候发现一个好玩的事情，可以在threejs中渲染普通的html。threejs本身可以做各种炫酷的界面，但是与用户交互的时候写起来没有用dom实现方便，但是如果可以将已有的dom渲染到threejs中，那么就可以实现非常炫酷的界面，也能提高用户的体验。 依赖介绍 这里 ......
史上最简 冰橙GPT前端开源 单页面 免编译 chatGPT3 对话页
下载地址 ：https://gitee.com/zyhd/bingChengGPT 预览效果 冰橙GPT前端开源 单页面 免编译 chatGPT3 对话页 对接冰橙GPT的API 免安装 本地可直接运行index.html即可 已经将所有需要JS及CSS都采用公有CDN 使用说明 项目只有单个文件： ......
前端加密
https://blog.csdn.net/weixin_45821809/article/details/125207196 npm install jsencrypt --dev import JSEncrypt from 'jsencrypt/bin/jsencrypt.min' // 密钥对 ......
微信小程序开发：前端中的"Redis"
wx.setStorageSync('key', 'value') wx.getStorageSync("key") 参考链接 https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html ......
系统化学习前端之JavaScript（ES5）
系统梳理了 ES5 扩展的相关知识点，包括严格模式，this 关键字，数据属性，访问器属性以及如何保护对象等等。 ......
HTML元素截图(html2canvas)
html2canvas 官网 ：http://html2canvas.hertzen.com/ 开源地址：https://github.com/niklasvh/html2canvas <body> <div id="div"> <span>内容</span> <div style="height: ......
认识 HTML、CSS、JS
这篇文章介绍HTML、CSS、JS，以及他们之间的关联 总的来讲： HTML标签：是页面的核心内容，定义了页面有什么内容。 CSS：控制HTML元素的排版布局和展示方式，是美化页面文档的。 JavaScript：让用户与页面进行交互，或在网页背后默默操控网页，以便让显示的内容与效果有所改变。对网页来 ......
css实现 头像内容过渡效果
当鼠标滑动上去后 <img src="@/assets/img/avatar.png" alt=""> css代码 //计算外边框缩小 （s*f -s）/2 /f img{ --s: 200px; --c1: rgb(0, 0, 0, 1); --c2: rgba(170, 170, 170, 1) ......
Media Query 在 CSS 中使用的一个具体例子
在 CSS 中，Media Query 是一种用于指定不同屏幕尺寸和设备类型的样式表的技术。如下图所示： all and (max-width:360px) 是一个 Media Query 表达式，它指定了一个条件，只有在满足条件时，Media Query 中的样式才会生效。 具体来说，all 表示 ......
适合练习CSS选择器的一些小工具
CSS 选择器游戏 https://frontend30.com/css-selectors-cheatsheet/ CSS 晚餐游戏 https://flukeout.github.io/ Try CSS Selector https://www.w3schools.com/cssref/trys ......
HTML5
什么是HTML HTML Hyper Text Markup Language（超文本标记语言） W3C标准 W3C World Wide Web Consortium(万维网联盟) 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机 构 http://www.w3.org/ h ......
前端
前端课程介绍 第一篇：前端基础代码之HTML 第二篇：前端基础代码之CSS 第三篇：前端基础之JavaS 第四篇：前端之BOM与DOM 第五篇：前端之JQuery 第六篇：前端之Bootstrap框架 第七篇：Vue ......
html下载图片
<a href="./static/img.png" download="自定义名称.png"> <img src="./static/img.png" alt="000"> </a> 切记不可用其他网站的地址 使用其他网站的图片地址是无法下载的 ......
01-第一章 HTML语言
其余web文章参考：web学习目录 表单 从web1.0网页主要像用户展示信息，到web2.0需要用户向服务器提交数据 本节主要介绍html页面常用的代码，后续用到来这里检索即可 表单的应用场景 先上传源代码，一般建议复制到vscode里面看 <html> <head> <title>提交表单</t ......
js 使用 htmldiff 使用 html文档对比
话不多说先贴js /** * 文本差异化比对工具，用于比对两段文本之间所存在的差异； * 对HTML文本的比对中，会完全忽略标签内的差异，将<...> * 中的内容当做一个整体的单词； * 注1：现有版本还未对执行效率进行优化； * 注2：原始算法来自于网络:http://www.rohland.c ......
Django使用mark_safe()和format_html()函数
django从view向template传递HTML字符串的时候，django默认不渲染此HTML，原因是为了防止这段字符串里面有恶意攻击的代码。 如果需要渲染这段字符串，需要在view里这样写： from django.utils.safestring import mark_safe def v ......
前端设计模式——依赖注入模式
依赖注入模式（Dependency Injection Pattern）:允许我们通过将对象的依赖关系从代码中分离出来，从而使代码更加模块化和可重用。 在传统的编程模式中，一个对象可能会直接创建或者获取它需要的其他对象，这样会造成对象之间的紧耦合关系，难以维护和扩展。而使用依赖注入模式，则可以将对象 ......
01-第一章 HTML语言
表单 从web1.0网页主要像用户展示信息，到web2.0需要用户向服务器提交数据 表单的应用场景 先上传源代码，一般建议复制到vscode里面看 <html> <head> <title>提交表单</title> <meta charset="utf-8" /> </head> <body> <h ......
[CSS 3] lv* dv* sv*
Refer to https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4 he lvh, svh, and dvh units in CSS are used to specify heights relative to the vie ......
CSS之渐变
一.渐变 推荐使用的网址：Grabient 这个网站上有很多关于渐变的源代码可以供我们使用 background-color: #4158D0; background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); 效果 ......
记录--开局一张图，构建神奇的 CSS 效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 假设，我们有这样一张 Gif 图： 利用 CSS，我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障艺术，我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。 像是这样： 假 ......
前端图片大小随浏览器大小自适应
为了让前端图片能够随着浏览器大小的改变而自适应，可以使用CSS来设置图片的宽度和高度。具体而言，可以使用以下的CSS样式： img { max-width: 100%; height: auto; } 这个样式将图片的最大宽度设置为100%，这样图片将会根据其容器的宽度进行缩放。同时，将高度设置为自 ......
Iris框架配置前端静态文件目录
在较新版本的Iris框架中，iris.Application结构体已经不再具有StaticWeb方法。取而代之的是iris.Party结构体，您可以使用其HandleDir方法来处理静态文件。 以下是一个使用HTML文件的示例，使用iris.Party来处理静态文件： package main im ......
HTML+CSS+JavaScript作业篇
一、作业题大全 1.1、HTML5表单验证 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
前端css 打印
打印元素的页面布局有几个原则 打印元素不能脱离文档流 打印元素内直接嵌套内容，避免出现三层嵌套 // 打印相关 @page { size: auto; margin: 10mm 0; } @media print { .printDom{ margin: 0; display: block; wid ......
http-server 本地运行前端项目
1.安装http-server 1 npm install -g http-server 2.启动： http-server ......
关于js动态加载html元素，html中绑定的click事件不生效的解决办法
转： 关于js动态加载html元素，html中绑定的click事件不生效的解决办法 ......
前端领域驱动设计的一些思考
小结：1 因为前端框架其实本质上是高策略层级的，每个前端框架的一般都是来解决以下问题： 定义状态 （data、state） 状态变化检测 （Object.defineProperty、Proxy、React reconcilliation） 对状态更改做出反应 （Observable、hooks、单 ......
后端返回文件流前端下载PDF
getDownloadApi(value).then(res=>{ let blob=new Blob([res],{type:'application/pdf;chartset=UTF-8'}) const url = window.URL.createObjectURL(blob); const ......