写法vue2 vue js
vue2实现饼图Pie组件封装
实现如下效果： 如果不会请移步到官网的栗子，请点击查看 直接给大家上代码： 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; height:300px;"></div> 3 </template> 4 <script> 5 /* ......
js实现录屏功能
原文连接：https://blog.csdn.net/weiguang102/article/details/123083770?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168258601016800213082578%2522 ......
Vue3 实现印章徽章组件
Vue3 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 组件代码文件结构： src/components/StampBadge/src/StampBadge.vue 文件代码： <template> <div class="first-r ......
js复制文本内容并粘贴到短信模板时参数缺失
基本知识 知识点1：复制文本内容 vue中提供了vue-clipboard2是前端能够调用剪切板的一个插件。 知识点2：移动端拉起本地短信功能，并填充内容 安卓 sms:?body=内容 苹果 sms:&body=内容 问题： 针对苹果系统： 当内容中携带链接时，而链接需要携带多个参数时，我们正常的 ......
JS中原型、原型链的理解
1.构造函数 构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别。构造函数就是一个普通的函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写。 另外就是调用方式的不同，普通函数是直接调用，而构 ......
Vue 根据父组件的不同动态显示子组件
一、问题描述 两个同级组件公用一个子组件，需要根据不同的组件，动态显示子组件的内容，比如A需要这么多的Radio,但是B不需要 二、解决思路 父组件向子组件传值，子组件根据传入的内容进行判断 三、代码 // 父组件引入子组件 通过自定义名称传入父组件的值 <statusChange :isShowR ......
Day 28 28.1 JS进阶之三元运算符
JS工具之三元运算符 【1】格式 三元运算符: 条件表达式?语句1:语句2; let a = 10; let b = 20; let d = a > b? a: b console.log(d); 注释： 条件运算符在执行时，首先对条件表达式进行求值， 如果该值为true，则执行语句1，并返回执行结 ......
Day 28 28.2 JS进阶之eval和hook函数
JS进阶之eval函数和hook函数 【一】eval eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行。 如果参数是一个表达式，eval() 函数将执行表达式。 如果参数是Javascript语句，eval()将执行 Javascript 语句。 eval(string ......
Day 28 28.3 JS-Function对象之call和apply方法
JS-Function对象之call和apply方法 call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的， 因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。 既然 ......
WIN7下安装VUE3.0
1、准备工作（你可以检查，清楚的话可以不用管） 1.1、检查nodejs版本：node -v 1.2、检车npm版本:npm -v 1.3、查看VUE脚手架版本:vue --version或vue -V（大写的V） 1.4、卸载VUE2版本命令：npm uninstall vue-cli -g 1. ......
Day 27 27.2 JS进阶之window对象
JS-Function对象之window对象 window 是客户端浏览器对象模型的基类， window 对象是客户端 JavaScript 的全局对象。 一个 window 对象实际上就是一个独立的窗口，对于框架页面来说，浏览器窗口每个框架都包含一个 window 对象。 （1）全局作用域 在客户 ......
Day 27 27.1 JS进阶-Function对象之prototype对象
JS-Function对象之prorotype原型对象 案例1: // 创建方式1 var foo = new Function("console.log('hello world!')") foo() // 创建方式2 function Person() { console.log("hello ......
Day 27 27.3 JS进阶之ES6新语法
JS进阶之ES6新语法 1. var、let以及const ES6 中引入了关键字 let 和 const 作为 var 的替代。 它们非常有用，如今几乎每个 JavaScript 开发人员都在使用它们。 与关键字 var 不同，这两个关键字具有块作用域。 这意味着当你在块中声明它们时，它们只能在该 ......
Day 27 27.3 JS进阶之ES6新语法
JS工具之三元运算符 【1】格式 三元运算符: 条件表达式?语句1:语句2; let a = 10; let b = 20; let d = a > b? a: b console.log(d); 注释： 条件运算符在执行时，首先对条件表达式进行求值， 如果该值为true，则执行语句1，并返回执行结 ......
js实现H5网页飘窗
1.<div style="z-index: 1000; position: absolute; filter: Alpha(opacity = 90); width: 100px;padding: 10px; border: 1px solid #333" id="img" align="cent ......
打开Vue文件报错解决方法
错误截图： 解决办法： npm i eslint-plugin-import 参考： https://juejin.cn/post/7033416976064053278 ......
前端vue使用exceljs、file-saver导出表格文件添加水印
创建createWsSheet.js 安装及引入 exceljs、file-saver /** * * 导出 excel（带水印） 公共方法 * @param header v 为头，k 为对应 data 数据的 name * 例: const header = [ { k: 'region', v ......
JS 数组方法
一、创建数组 1、使用数组字面量表示法 var arr = []; //创建一个空数组 var arr1 = [1]; //创建一个包含1项数据为1的数组 var arr2 = ['a','b','c']; //创建一个包含3个字符串的数组 2、使用 Array 构造函数 var arr1 new ......
vue2 input防抖功能
1. 在el-input绑定@input事件 2. 在data中定义timer为null 3.在methods中定义@input绑定的方法 4. 在setTimeout中调用对应处理的方法 <el-input style="width: 140px;color:#FF8900" size="smal ......
Vue项目的网络请求代理到封装详细步骤
1.创建vue项目 vue create demo demo是项目名称 2.安装axios 进入demo里面打开终端(黑窗口)，执行 npm install axios 3.进行config.js配置 devServer: { host: "0.0.0.0", // 是否可以被覆盖 port: 80 ......
ant-design-vue 表格嵌套子表格实现单次仅展开一项数据
嵌套表格要实现单次只能展开一行数据的原因在于，子表格的数据源跟父表格的数据存在对应关系，而代码中子表格的数据源只定义了一个 contracts ，所以每次点开新的行，都需要重新渲染页面 如果允许多行同时展开，那么先前展开所呈现的数据都会被覆盖，导致每个展开的子表格的数据一模一样。 实现： table ......
JS通过axios提交application/x-www-form-urlencoded类型的数据
使用axios提交类型为application/x-www-form-urlencoded数据的正确姿势： let formData = new URLSearchParams() formData.append('param1', param1) formData.append('param2', ......
pinia vue3 ts 切换到其他页面后再切回来数据不见了
pinia vue3 ts 切换到其他页面后再切回来数据不见了 刷新有数据，但是切换到其他页面后再切回来数据不见了，我需要切回来后数据还有。 因为我的数据是刷新的话就会watch监视数据有没有改变，但是切换其他页面不会触发 我应该把得到的数据存储到store里面 这样切换其他页面也不会消失 ......
js 获取对象的key value，放到数组对象中
let arr = []; if (res.data && res.data.havePowerComCodes) { for (const [key, value] of Object.entries(res.data.havePowerComCodes)) { const obj = { lab ......
vue3 ts 写搜索联系人功能逻辑
vue3 ts 写搜索联系人功能 vue <input type="text" v-model="search" placeholder="Search contacts"> <template v-for="(item, index) in filteredData" :key="index"> ......
html文件中使用vue3+element-plus开发模版
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
== vs === in js
== vs in js In JavaScript, == and are comparison operators that are used to compare two values. However, they have different behaviors and are used in ......
JS中的promise返回的resolve()和reject()的理解附代码展示
在JavaScript中，Promise是一种处理异步操作的方式。Promise对象有两个重要的方法：resolve()和reject()。 resolve()方法用于将Promise对象的状态从“未完成”变为“成功”，并将成功的结果作为参数传递给then()方法。例如： let promise = ......