KoalaShane-优快云博客

原创 Web 3D设计[Three.js]关于右键点击Canvas旋转模型，在其他元素上触发右键菜单问题

3D项目中使用Three.js设计模型，功能设计为右键旋转模型，所以直接禁用了右键菜单。在3D场景上面，定位了些toolbar工具界面.现在出现的问题是，在3D场景中，右键按下旋转模型，鼠标旋转时如果在工具界面，或者任务栏，松开右键，会直接触发右键菜单。在任务栏会触发任务栏设置，任务栏管理器等菜单。

2025-12-26 16:36:54 290 1

原创 El-slider 增加鼠标滚动滑块事件

上，是因为 el-slider 的实际 DOM 结构比较复杂，且有时鼠标悬停在轨道边缘（Label 附近）时用户也期望能滚动。加在父容器上能增大“热区”，体验更流畅。监听滚轮事件 (wheel)：在包裹滑块的容器上监听该事件。下面是修改后的完整代码。我使用了 Vue 的事件修饰符。，这样当你在滑块上滚动时，页面不会跟着滚动，体验会更好。计算新数值：根据滚动的方向（向上或向下）以及设定的。（步长）来增加或减少数值，同时确保不超出。的范围，并处理好精度 (

2025-12-26 16:03:41 223

原创关于Elmessage 无反应 ElMessage is not defined 问题记录

本文解决了Vue项目中使用Element Plus的ElMessage组件时遇到的ESLint报错和样式重复加载问题。通过移除手动导入的ElMessage和样式文件，配置unplugin-auto-import插件生成.eslintrc-auto-import.json文件，并修改ESLint配置使其识别自动导入的全局变量。最终实现了既能正确使用自动导入功能，又避免了ESLint报错和样式重复加载的问题。解决方案适用于Vite项目，同时提供了针对不同ESLint配置文件格式的配置方法。

2025-12-25 14:50:25 234

原创 vue-i18n 插件打包解析失效问题记录

vue-i18n@12.x 是alpha 版本，API 变动大，与许多Vue 3 插件、Vite 插件、以及社区用法不兼容。建议使用稳定版本的vue-i18n。尝试在vite.config.js配置文件中增加runtimeOnly: false属性，无效。开发环境中没有问题的，但打包发布之后就不行了，显示的就是模板字符串。真棒，又是努力的一天。和max讨论一番发现。

2025-06-30 11:56:51 523 3

原创 Vue.js 权威指南学习笔记 — 计算属性、表单

计算属性1、计算属性就是当其依赖属所以，如果不用缓存的话，可以用方法（methods）代替。性的值发生变化时，这个属性的值会自动更新，与它相关的DEMO部分也会同步自动更新。2、计算属性是基于它们的依赖进行缓存的，书中关于关闭缓存cache:false 属性在Vu2中被移除。3、计算属性只有在它的相关依赖发生改变时才会重新求值。4、v-repeat 在Vue2中移除。总结：在需要做大量的计算，处理...

2018-04-15 21:56:33 988

原创 Vue.js 权威指南学习笔记 — 第3章指令 ( 附带 demo 示例代码 )

Vue.js 特性Vue.js 是一个构建数据驱动的Web界面的库，通过API提供数据绑定和组件系统。1、轻量。体积小，不依赖其他基础库。2、数据绑定。3、指令。内置（v-*）指令，可自定义指令。4、插件化。官方API地址 https://cn.vuejs.org/v2/guide/index.htmlVue 是一个典型的MVVM框架。关于MVX模式MVC：Model(模型）- View(视图)...

2018-04-07 12:24:36 1474

原创关于ionic ion-nav-back-button 标题隐藏及修改

关于ionic ion-nav-back-button 标题隐藏及修改最近在做ionic APP开发，遇到一些问题，其中就是关于ion-nav-back-button文字的隐藏修改，做个记录，方便以后查阅。ion-nav-back-button在一个 ionNavBar中创建一个按钮。当用户在当前导航堆栈能够后退时，将显示后退按钮。用法默认用法<ion-nav-bar>

2017-05-03 12:14:51 3545

原创返回头部滑动动画

返回顶部滑动动画jQuery.fn.scrollTo = function(speed){ var targetOffset = $(this).offset().top; $('html,body').stop().animate({scrollTop: targetOffset},speed); return this;}//use$("#box").click(fun

2017-01-06 17:42:30 863

原创 jQuery中AJAX，$.post()与$.get()的区别

`$.post()`与`$.get()`方法的结构和使用方式上基本相同，不过它们之间仍然有区别的。1、`GET`请求会将参数跟在`URL`后进行传递，而`POST`请求则是作为`HTTP`消息的实体内容发送给`WEB`服务器。在`AJAX`请求中，这种区别对用户是不可见的。

2017-01-03 10:48:13 2267

转载 CSS3实现开关按钮效果

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>CSS3自定义Checkbox特效DEMO演示</title></head><style type="text/css">.tgl{display:none}.tgl,.tgl *,.tgl :after,.tgl :before,.tgl+.tgl-btn,.tg

2016-12-20 14:12:20 2599

原创 Js学习笔记－事件冒泡、事件捕获、阻止默认行为

事件冒泡事件冒泡是指，触发内层的事件之后，事件会按照DOM的层次结构像水泡一样不断的向上直至顶端．例如：<script type="text/javascript">$(function(){ // 为span元素绑定click事件 $('span').bind("click",function(){ var txt = $('#msg').html() + "<p

2016-12-10 11:54:56 2305

原创微信小程序数据存储与取值

在小程序开发的过程，经常要需要这个页面输入的数据，在下一个页面中进行取值赋值。比如：在A页面input输入框，输入电话号码，点击添加。需要在B页面电话区域中，显示刚刚输入的电话号码。

2016-12-09 16:11:39 33926 3

原创关于在bootstrap 弹出框上再弹出模态框的BUG？

最近遇到一个问题，需要在弹出框上再弹出一个模态框来。因为之前没有遇到过，所以第一反应是去百度上查一查相关资料，可惜，没有想要的答案，也没有看到有效的解决办法。

2016-12-08 11:52:42 9525

原创原生JavaScript封装insertAfter方法

在网站开发的应该都遇到过这个问题，在指定位置后面，添加我们需要的节点，但是HTML提供的方法，只有insertBefore()，在指定的已有子节点之前插入新的子节点。

2016-12-08 10:05:20 2901

原创微信小程序设置头像

最近在开发微信小程序，今天就记录下关于微信小程序怎么换头像的。首先，小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。整个系统分为两块视图层（View）和逻辑层（App Service）。简单的来说，就是不能使用html 、div 、p等等这些标签。另外，小

2016-12-05 16:52:13 41877 2

原创使用原生JavaScript实现弹出层登录拖拽功能

在WEB开发过程中，总会遇到一些我们从未接触过的需求，总是想尽一切办法去研究，最终实现效果，在实现效果的那一刻成就感爆棚，有木有？留言墙、弹出框等一些常见地方都有拖拽功能，方便用户体验嘛。实现拖拽功能，三个事件 mousemove , mouseup ,mousedown, 偏移量(offsetLeft, offsetTop , offsetWidth ,offsetHeight)，窗口坐标位置

2016-12-05 16:01:45 720

KoalaShane