three vue js
在线直播系统源码，js循环数组的方法合集
在线直播系统源码，js循环数组的方法合集 一、forEach循环 注：没有 return 返回值，且不能用break跳出循环。 let arrlist = ['123','456','789'];arrlist.forEach(function (value, index) { //value是每一 ......
vue-pdf的使用
package.json { "name": "CmsWap", "version": "1.0.0", "description": "", "main": "main.js", "dependencies": { "vue-pdf": "^4.3.0" }, "devDependencies": ......
快速掌握Vue3：速成Vue3前端开发看这篇就够啦
vue3引入了Composition API，使开发者能够更灵活组织和重用组件逻辑。采用了基于Proxy的响应式系统，对虚拟DOM进行了优化等，提升了开发体验、性能 ......
Vue学习 2.0 版本笔记
# Vue学习 # 一、前端知识体系 - HTML（结构）：超文本标记语言（Hyper Text Markup Language），决定网页的结构和内容 - CSS（表现）：层叠样式表（Cascading Style Sheets），设定网页的表现样式 - JavaScript（行为）：是一种弱类型 ......
Django使用本地css/js文件
在网上看了很多说Django如何使用本地css/js的文章, 但都不能用 今天终于找到一个可以用的, 记录下 在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 我的文件夹层级 然后很简单，只需在settings.py中进行设置就行, 在末 ......
js的一些写法
1. 用void 0代替undefined 不直接用undefined，因为undefined不是关键字，在函数中可以被变量占用，从而值发生变化，使用void(0)或void 0，还好写一些 2. 用Number.isNaN代替isNaN isNaN很坑，判断不准，如下 isNaN(undefine ......
JS设计模式
### 创建型设计模式 #### 单例模式 ```js class Person { constructor(name, age) { if (!Person.instance) { this.name = name this.age = age Person.instance = this } r ......
使用php或js生成条形码、二维码
最近要开发一个打印物品铭牌标签的页面，从DB里面调出信息，打印出带n个条形码（水平和竖直方向都有）的12*10cm的标签，这种应用以前接触的少，特意研究记录下。 要打印非标准纸张，首先需要在目标打印机上新建纸张类型，规格设置为12*10cm，步骤如下： 设置-设备-打印机和扫描仪-打印服务器属性-创 ......
59.vue3+element-plus制作二维码生成器
1 <template> 2 <div> 3 <el-card style="height:80px;font-size: 30px;">二维码生成器</el-card> 4 <div style="display: flex;"> 5 <el-card style="width: 250px;ba ......
vue--day--51----消息订阅实现组件通讯
1. 安装组件。npm i pubsub-js 2.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提 ......
vue常用指令
v-bind（缩写为 :）：用于绑定元素的属性到 Vue 实例的数据。 v-model：用于实现双向数据绑定，将表单元素和 Vue 实例的数据进行关联。 v-on（缩写为 @）：用于绑定事件监听器，执行相应的方法。 v-if：根据条件判断是否渲染元素到 DOM。 v-for：用于循环渲染一组元素。 ......
vue--day51----todolist 中App.vue 和 MyItem.vue 类似 父亲和子通信 通过全局事件总线实现通信
1.mainjs /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 Vue.config.productionTi ......
vue创建项目步骤
安装指定版本Vue cli一、降低版本如果是已经安装了4.0以上的版本，卸载重装即可npm uninstall -g @vue/cli npm install -g @vue/cli@3.11.0 // 后面为版本号二、其他安装3.0以下：npm install -g vue-cli npm ins ......
vue概念
并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面 两大核心概念： 声明式渲染： 声明式渲染是一种描述界面应该呈现的方式，而不需要显式地操作DOM。在Vue中，你可以使用Vue的模板语法来声明界面的结构和数据绑定关系，Vue会根据数据的变化自动更新DOM。这样，你只需要关注数据和模板， ......
怎么用js去除一组数据中重复的元素？
## 怎么去除一组数据中重复的元素？ ```js function removeDuplicates(array) { var temp={} var result =[] for (let i = 0; i < array.length; i++) { if (!temp[array[i]]) { ......
Vue第二季
[TOC] # **016-Vue CLI 本地存储 自定义事件** ## 3.8. WebStorage（js 本地存储） 存储内容大小一般支持 5MB 左右（不同浏览器可能还不一样） 浏览器端通过**Window.sessionStorage**和**Window.localStorage**属 ......
vue之jsx
# 一. vue中的jsx 用接近模板的语法代替render函数 不仅能自由地渲染dom,同时语法上也和template相似 例如： - "标签 h+ 变量"可以生成不同类型的级别的标题 - 使用html字符串渲染 Message.alert({ messge: 确定要删除xxx的笔记?, type ......
vue + canvas 实现涂鸦面板
我们基于 canvas 实现了一款简单的涂鸦面板，用于在网页上进行绘图和创作。此篇文章用于记录柏成从零开发一个canvas涂鸦面板的历程。 ......
Vue 中如何进行权限控制？
随着前端技术的不断发展，越来越多的前端框架被使用在 Web 应用程序中，其中尤为出色的一个就是 Vue。Vue 是一个易于理解并且使用方便的框架，它被广泛地应用于 Web 应用程序的开发中。在大多数 Web 应用程序中，权限控制是至关重要的一部分，如何在 Vue 中进行权限控制就成为了一个十分关键的 ......
js方法保持同步promiseAll
### 单个请求保持同步-方法执行完再执行后面的语句 ```js delItem(item) { if (item.row.status == '2'){ this.$message.warning("需求在开发中，无法删除"); return; } if (item.row.status == ' ......
在vue中使用Electron开发C/S架构中的C（客户端界面）
Electron简介：Electron是利用web前端技术进行桌面应用开发的一套框架。 我是用的nodejs版本（16.18.1）和npm版本（8.19.2）： 创建vue-electron项目，鄙人测试了两种方式创建vue-electron项目，如下所示：1、vue-cli-plugin-elec ......
vue 动态绑定style class
## 绑定style ```html 基本使用 123 123 123 data () { return:{ styleArr: [ { fontSize: '30px', color: '#ff0000' }, { fontStyle: 'italic' } ], astyle: { color: ......
创建一个VUE项目
下载并安装nvm nvm可以帮助更换node版本 1、在官网下载setup.zip 2、setup.zip版本无需配置环境 3、在vscode中使用终端打开powershell 3.1 执行 get-ExecutionPolicy查看当前的脚本执行策略。 3.2 执行set-ExecutionPol ......
three.js学习2-性能监测工具stats.js
1.安装 npm i stats.js 2.组件引入 import * as Stats from 'stats.js' 3.使用，requestAnimationFrame循环调用的函数中调用方法update()，来刷新时间 //创建性能检测 let stats = new Stats() sta ......
前端项目时因chunk-vendors过大导致首屏加载太慢，Vue Build时chunk-vendors的优化方案
1、compression-webpack-plugin插件打包.gz文件 安装插件 也可以指定版本 我这里下载的是1.1.2版本的，试过更高的版本会有ES6语法的报错，因为我node使用的是v12，如果node版本更高可以尝试更高版本 npm install --save-dev compress ......
.eslintrc.js 文件内容配置
以vue项目为例，主要两个文件，1是.eslintrc.js文件（配置），2是.eslintignore（忽略不需要匹配的文件） .eslintrc.js 1 // ESlint 检查配置 2 module.exports = { 3 root: true, 4 parserOptions: { 5 ......
js 计算加减乘除导致精度丢失
(function() { var ROOT = this; var DECIMAL_SEPARATOR = '.'; // Decimal var Decimal = function(num) { if(this.constructor != Decimal) { return new Deci ......
关于js toFixed 失真的问题
不精准原因： 下面我们来说一下浮点数运算产生误差的原因：（拿0.1+0.2=0.30000000000000004进行举例） 首先，我们要站在计算机的角度思考 0.1 + 0.2 这个看似小儿科的问题。我们知道，能被计算机读懂的是二进制，而不是十进制，所以我们先把 0.1 和 0.2 转换成二进制看 ......