three vue js
JS 小数取整的几种方式
1、Math.ceil()方法：向上取整，不管小数部分是多少，整数部分值都+1 Math.ceil(3/2) 输出：22、Math.floor()方法：向下取整，不管小数部分是多少，整数部分值都不变，只取整数部分 Math.floor(3/2) 输出：13、Math.round()方法：四舍五入取整 ......
Vue
Vue 一套前端框架，免除原生JavaScript中的DOM操作，简化书写 基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程的关注点放在数据上 框架：是一个半成品软件，是一套可重用的、通用的、软件基础代码模型。基于框架进行开发，更加快捷，更加高效。 <head ......
three.js 物体要使用光线投射技术，计算是否点击位置与物体有交叉
原生 DOM 还用原生的 DOM 点击事件，要注意开启 pointerEvents CSS3DRenderer 是一个新的渲染器，需要在渲染循环调用并适配 labelRenderer.domElement.style.pointerEvents = 'none' // 让标签触发鼠标交互事件 thr ......
Visual Studio code中运行JS代码
第一步： 安装插件： 下面output可以看到输出 2、visual studio code中如何创建项目; 参考地址：https://blog.csdn.net/weixin_45991687/article/details/123859403?ops_request_misc=%257B%252 ......
js替换模版中${}的内容
【转】https://blog.csdn.net/xiangzaixiansheng/article/details/132501772 要在js中想要替换替换模板中的${}，可以使用字符串的replace()方法结合正则表达式或者函数来实现替换操作。 以下是两种常见的替换方式： 使用正则表达式： ......
js 简体字转繁体字
// 简体字const zh_s = '关系肮袄碍爱皑蔼碍爱翱袄奥坝罢摆败颁办绊帮绑镑谤剥饱宝报鲍辈贝钡狈备惫绷笔毕毙闭边编贬变辩辫鳖瘪濒滨宾摈饼拨钵铂驳卜补参蚕残惭惨灿苍舱仓沧厕侧册测层诧搀掺蝉馋谗缠铲产阐颤场尝长偿肠厂畅钞车彻尘陈衬撑称惩诚骋痴迟驰耻齿炽冲虫宠畴踌筹绸丑橱厨锄雏础储触处传疮闯创锤 ......
记录--vue3实现excel文件预览和打印
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在前端开发中，有时候一些业务场景中，我们有需求要去实现excel的预览和打印功能，本文在vue3中如何实现Excel文件的预览和打印。 预览excel 关于实现excel文档在线预览的做法，一种方式是通过讲文档里的数据处理成html ......
js 实现双指缩放
前言随着智能手机、平板电脑等触控设备的普及，交互方式也发生了改变。相对于使用鼠标和键盘进行交互的电脑，触控设备可以直接使用手指进行交互，而且基本上都支持多点触控。多点触控最常见的操作莫过于双指缩放了。比如双指缩放网页大小、朋友圈双指缩放图片进行查看。那么如此常见的手势操作，你有没有想过它是如何实现的 ......
JS反调试绕过&JS代码混淆&JSFUCK编码
# JS反调试绕过&JS代码混淆&JSFUCK编码 如果目标网站的JS代码中有比较机密的东西，会启用反调试，代码混淆这些功能防止泄露机密数据。下面说说几种绕过目标网站JS反调试功能的方法。 **-禁用断点** 点击下图那个禁用断点的按钮即可 禁止断点过后，大多数情况下可以绕过对方的反调试，**但是自 ......
多个vue项目共用组件
本文主要介绍引入本地的自己写的组件。 1.准备3个vue2项目 demo-common文件夹里是组件在demo1和demo2中都需要使用 2.在demo-common文件夹里新建index.js文件，跟package.json同级。在index.js文件里导出在其他项目里需要用到的组件 3.分别在d ......
js将数组变量json格式化
在js中，js变量和JSON是两个不同数据格式，两者的储存方式自然不相同。JSON格式是一种数据交换的规则，js变量则是javascript在程序需求场景中的数据表示。在js与不同语言的服务端进行数据交换过程中，js能够有内置的方法将其变量转化为JSON格式。 JSON.parse(data);// ......
vue + element ui 树形半选传父级id给后台，回显实现
1. vue2 ： 需要关联父子级： Html部分 check-strictly="false" <el-tree :data="dataTree" highlight-current show-checkbox :check-strictly="false" node-key="id" :prop ......
Vue中使用vue-count-to（数字滚动插件）
效果图 1. 简单介绍 npm官网：vue-count-to vue-count-to 就是一个组件插件，咱们引入进来，可以去打印一下，它就是一个组件实例，使用components注册一下，就可以在模板中使用了，具体方式如下： 2. 安装 npm install vue-count-to 3. 引入 ......
three.js 深度不完全解读
three.js 深度不完全解读 一、深度值的获取 1、方法1: FBO的深度附件 深度信息通过渲染管线中的深度缓冲区（depth buffer）来计算和存储。缓冲区用于存储每个像素点的深度值。 在渲染过程中，渲染器会根据每个像素点的深度值来确定最终像素的可见性和着色。 const target = ......
js实现在报表参数界面获取body中控件的值
在报表参数界面，使用JavaScript和DOM可以获取body中控件的值。通过获取控件元素、监听事件以及处理表单提交，可以实时获取用户输入的值，并执行相应的操作。不同控件类型有不同的获取方式。 ......
vue中activated
vue 组件在开了，关了，再开，created，mounted不会触发，activated会解决这个问题，给力。。。 在Vue中，activated是组件生命周期函数之一，它会在组件被激活时调用。 具体来说，当一个组件被插入到DOM中并且处于活动状态（例如，它是父组件的子组件），activated函 ......
js实现关闭子窗口时刷新父窗口
当我们在子窗口中关闭窗口时，可以使用JavaScript来刷新父窗口。下面是一个详细的介绍： 1. 获取父窗口对象： - 在子窗口中，可以使用`window.parent`属性获取父窗口的全局对象。 - 通过`window.parent`，我们可以访问父窗口的各种属性和方法。 2. 关闭子窗口： - ......
vue移动鼠标在canvas上画不规则图形（整合别人的，增加了一些功能）
1、draw_shape.js 1 /** 2 * 绘制不规则多边形 3 */ 4 5 import { Message } from 'element-ui' 6 7 export function draw_test(cav, list) { 8 // 画布初始化 9 let ctx = cav ......
vue运行中，常出错，是因为版本不一样，造成的
这个是版本冲突造成的 在package.json中添加 set NODE_OPTIONS openssl-legacy-provider ......
vue实现用Element Table 展现数据T图
vue实现用Element Table 展现数据T图，废话不多少，直接上干货 <template> <div> <el-table :data="resultTable" style="width: 100%"> <el-table-column prop="id" label="日期" width ......
[Vue]监视属性watch
1. 当被监视的属性变化时，回调函数自动调用，进行相关操作 2. 监视的属性必须存在，才能进行监视！！（但不会报错） 3. 监视的两种写法: (1). new Vue时传入watch配置 (2). 通过vm.$watch监视 4. 只有handler的时候，可以简写 new Vue传入watch配置 ......
vue3 watch 多个值
1 watch([() => baTable.form.items!.userType, () => baTable.form.items!.totalUsage, () => baTable.form.items!.payCurr], (newValue, oldValue) => { 2 // ......
Vue2 项目使用 nuxt.js 重构 - 一、基本用法及部分依赖注意事项
我自己的网站 https://aijianli.site/ 是使用vue写的，为了能够让用户可以搜索到。对项目进行了 nuxt.js 重构。在重构过程中遇到了 N 多坑。一下记录了填坑经历 一、新建 nuxt 项目 查看官网 https://www.nuxtjs.cn/guide/installat ......
vue中使用echarts详细步骤（柱状图、饼图、折线图、堆叠折线图）
1.安装 npm install echarts -S2.准备好有宽高的dom节点 <div class="my-charts"> <div id="my_bar_chart"></div> </div> .my-charts { > div { width: 250px; height: 200p ......
React技术栈支援Vue项目，你需要提前了解的
写在前面 react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，而vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听， 当属性变化的时候，响应式的更新对应的虚拟dom react的思路通过js来生成html， 所以设计了jsx，还有通过js来 ......
vue-element-admin 项目中，获取当前左侧菜单栏的Id
找到 store/modules/permission.js(需要后端在返回的菜单中，添加Id)： const permission = { state: { routes: [], addRoutes: [] }, mutations: { SET_ROUTES: (state, routes) ......
vue3 和 element-plus 实现指定单元格编辑
思路 1.获取到指定单元格的位置 2.通过状态来判断 是否展示编辑 步骤 1.定义变量去确定行和列 let tableRowEditId = ref(null), // 控制可编辑的每一行 let tableColumnEditIndex = ref(null), //控制可编辑的每一列 2.在el ......
JS根据属性删除数组中的对象
JS根据属性删除数组中的对象 // 示例let arry = [{id:1, name:'xxx'}, {id:2, name:'yyy'}]arry = arry.filter(item => item.id !== 1)// 这里根据数组内对象的id属性进行过滤,把id为1的对象过滤掉了,并 ......
node.js 命令必须加 npx 才能执行
问题描述 在 Windows 上搭建 Hexo 环境，已经从官网下载安装 node-v18.18.2-x64.msi，并且通过 npm 命令成功安装 hexo。 PowerShell 中，直接执行 hexo 命令报错： hexo : 无法加载文件 C:\Users\zijia\AppData\Roa ......