2024-04-19Javascript hljs复制代码const TerserPlugin = require('terser-webpack-plugin'); module.exports = { chainWebpack: config => { // 压缩大于1MB的图片 config.module .rule('images') .test(/\.(png|jpe?g|gif|svg)(\?.?$/) .use('image-webpack-loader') .loader('image-webpa

https://www.qianduange.cn//article/5216.html 分类：前端知识

2024-04-18Javascript hljs复制代码import * as THREE from 'three'; import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'; // 创建场景 const scene = new THREE.Scene(); // 创建相机 const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); camera.position

https://www.qianduange.cn//article/5205.html 分类：前端知识

2024-04-18要使用JS和Three.js加载名为a.glb的文件，可以按照以下步骤： 引入Three.js库文件到你的HTML页面中： html hljs language-xml复制代码 创建一个新的Three.js场景和渲染器： Javascript hljs复制代码var scene = new THREE.Scene(); var renderer = new THREE.WebGLRenderer(); renderer.setSize(w

https://www.qianduange.cn//article/5204.html 分类：前端知识

2024-04-18本摘要介绍了一项Web开发中的图片放大镜效果制作技术，主要依赖jQuery实现变焦镜头图片放大功能。该效果通过前端HTML结构搭建、Javascript逻辑控制以及images资源的应用，为用户提供了直观且交互性强的图片查看体验。此技术不仅运行效果展示良好，而且易于集成到原生前端代码中，为开发者提供了一种高效、便捷的图片放大解决方案。无论是电商网站的产品展示，还是个人博客的图片欣赏，此技术都能显著提升用户的浏览体验。

https://www.qianduange.cn//article/5184.html 分类：前端知识

2024-04-18在 FastAdmin 中使用 ECharts 可以通过引入 ECharts 官网提供的官方 js 文件，然后在 FastAdmin 后台添加一个自定义页面，编写 Javascript（ECharts）脚本，在页面中引入这些 js 文件，使用 ECharts 提供的 API 来绘制柱形图。具体方法可以参考 FastAdmin 的文档：https://doc.fastadmin.net/docs/tutorial/echarts.html。保存并预览页面，即可看到使用 ECharts 绘制的柱形图。_fastadmin echarts

https://www.qianduange.cn//article/5179.html 分类：前端知识

2024-04-17俄罗斯方块是一款经典的电子游戏，它不仅考验玩家的反应速度，还能锻炼逻辑思维能力。本文将指导你如何使用HTML5、CSS3和Javascript来创建一个简单的俄罗斯方块游戏。我们将从游戏的基本结构开始，逐步构建游戏逻辑，并在最后提供一个完整的代码示例。_html5游戏代码

https://www.qianduange.cn//article/5094.html 分类：前端知识

2024-04-17Javascript split()方法一、定义和用法二、语法三、参数值四、返回值五、更多实例5.1 省略分割参数5.2 使用limit参数5.3 使用一个字符作为分割符_js split

https://www.qianduange.cn//article/5087.html 分类：前端知识

2024-04-17可以通过dispatchAction方法来控制echarts实例中tooltip的显示与隐藏。具步骤如下： 获取echarts实例对象： Javascript hljs复制代码var myChart = echarts.init(document.getElementById('main')); 调用dispatchAction触发tooltip的显示或隐藏： Javascript hljs复制代码// 显示tooltip myChart.dispatchAction({ type: 'showTip', seriesIndex: 0,

https://www.qianduange.cn//article/5082.html 分类：前端知识

2024-04-17要使用Vue3框架实现打印ECharts图表的功能，首先需要安装ECharts库，并在项目中引入ECharts组件。然后，在Vue组件中使用ECharts图表的方式创建图表最后在组件上添加打印功能。 以下是一个简单的示例代码: 安装ECharts库： bash hljs复制代码npm install echarts 在中引入ECharts组： Javascript hljs复制代码import { ref, on } from 'vue'; import * as echarts 'echarts'; export default { setup

https://www.qianduange.cn//article/5081.html 分类：前端知识

2024-04-16CSS 框架包含多个可供开发人员和网页设计人员使用的现成 CSS 库。样式表是为网页设计中的日常任务而准备的，例如导航栏、字体、颜色和布局设置。它们简化了前端开发人员的工作，为他们提供了创建UI界面的工具，而不是从头开始每个项目。样式表受到 Javascript 等其他脚本技术的支持和扩展。使用 CSS 框架时，用户必须使用正确的类、结构和 ID 编写 HTML 代码才能创建网页，因为 CSS 样式表是完整的。_前端开发新框架有哪些

https://www.qianduange.cn//article/5067.html 分类：前端知识