three vue js
vue+element项目部署到线上，所有icon图标不显示，解决方案
build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......
js基本语法规范
1.在js中，双引号引起来的，就是字符串。 2.JavaScript中的变量 变量可以由任意顺序的大小美元符号$组成，但不能以数字开头，，不能是JavaScript中的保留关键字 合法标识符举例：indentifier、username、user_name、_userName、$username 非 ......
推荐一个Node.js多版本管理的可视化工具
关于Node.js的开发者来说，在开发机器上管理多个不同版本的Node.js是一个常见痛点。之前在开发者安全大全专栏中，提到过解决方法：使用nvm，如果对于nvm还不了解的话，可以前往了解。 对于TJ来说，因为习惯敲命令了，所以nvm其实已经够用了。但是，有的小伙伴还是更喜欢可视化的管理工具。所以， ......
Vue轻量级富文本编辑器-Vue-Quill-Editor
先看效果图：女神镇楼 1.下载Vue-Quill-Editor npm install vue-quill-editor --save 2.下载quill（Vue-Quill-Editor需要依赖） npm install quill --save 3.代码 <template> <div clas ......
Vue 2.x脱坑记-查漏补缺
Q: 组件的通讯有哪几种啊! 基本最常用的是这三种; 父传子: props 子传父: emit 兄弟通讯: event bus: 就是找一个中间组件来作为信息传递中介 vuex: 信息树 传送门: 基本通讯 Vuex Q: 为什么我的 npm 或者 yarn 安装依赖会生成 lock文件,有什么用! ......
win7系统安装Node.js 14（及更高）的办法
win7系统支持的最后Node版本是v12 win7系统安装更高版本 1、下载需要的版本，如：v17.5.0，注意需要下载zip包 2、关闭所有命令行，最好注销或重启电脑后在继续下面步骤 3、解压包，替换node路径 C:\Program Files\nodejs\，全部覆盖。或者解压后放到nvm目 ......
[Vue warn]: <transition-group> children must be keyed: <ElTag>
记录今天遇到的bug 解决方法，一个网友说的是 我试了，不行，然后在他的评论里面看到一个人回复的 这个是可以的，我用了很多v-if和v-else，所以加了key就解决了问题，下面是我加的 ......
vue实现文件的分片上传
const CHUNK_SIZE = 100 * 1024; // 100KBfunction sliceFile(file) { const totalChunks = Math.ceil(file.size / CHUNK_SIZE); const chunks = []; for (let i ......
js是一门基于对象的语言，js不是面向对象的语言,但是可以模拟面向对象的思想，具体说面向对象的三大特征中:封装、继承、多态。JS少了多态。
下列关于 JavaScript 的说法中正确的是（） A 所有变量在使用之前必须做声明 B JavaScript是面向对象的程序设计语言 C JavaScript是解释性语言 D JavaScript前身是Oak语言 正确答案：C 选C。 解释性语言是相对于编译型语言存在的，源代码不是直接翻译成机器 ......
Vue实验记录
webpack安装 首先下载node.js https://nodejs.org/en 下载完成后进行安装，直接下一步就可以 安装完成后，在cmd中查看是否安装成功 然后安装webpack 安装脚手架 创建项目 选择第二个 创建完成后的效果 进入项目并运行 在学习通中下载源码，把源码按照项目格式放到 ......
vue中文件上传方法
1.单文件上传 <template> <div> <label for="fileInput"> <i aria-hidden="true" class="cursor">上传文件</i> </label> <input v-show="false" type="file" id="fileInpu ......
建简单的静态文件服务器：使用Node.js和HTTP模块
创建简单的静态文件服务器：使用Node.js和HTTP模块 在Web开发中，经常需要搭建一个能够提供静态文件访问的服务器。无论是用于本地开发调试，还是用于部署网站，这都是一个常见的需求。本篇文章将介绍如何使用Node.js和其内置的HTTP模块来创建一个简单的静态文件服务器。 准备工作 首先，确保你 ......
js分片上传大文件，前端代码
首先导入jQuery.form.js文件，下面src是相对于改js文件位置， <script type="text/JavaScript" src="jquery/jquery-form.js"></script> <script type="text/javascript">var BYTES_P ......
Vue-cli 用自定义的组件有遇到过哪些问题？
在 components 目录新建你的组件文件（indexPage.vue）, script 一定要 export default {} 在需要用的页面（组件）中导入：import indexPage from '@/components/indexPage.vue' 注入到 vue 的子组件的co ......
哪一个更好？Spring boot还是Node.js
前言 本篇文章有些与众不同，由于我自己手头有些关于这个主题的个人经验，受其启发写出此文。虽然SpringBoot和Node.js服务于很不一样的场景，但是这两个框架共性惊人。其实每种语言都有不计其数的框架，但仅仅一部分是真正卓越的。如果咱们想，你和我也能创造我们自己的框架，并面向公众发布。然而，它们 ......
Vue3+Element plus 实现表格可编辑
<template> <div> <el-button type="primary" @click="handleAdd"> 新增 </el-button> </div> <div> <el-table :data="tableData" style="width: 100%" border @ce ......
前端学习-JavaScrip学习-js基础04
学习教程：黑马程序员视频链接 函数 练习-函数参数、返回值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia ......
vue3 与 vue2 的区别
布尔型 Attribute 布尔型 attribute 依据 true / false 值来决定 attribute 是否应该存在于该元素上。disabled 就是最常见的例子之一。 v-bind 在这种场景下的行为略有不同： <button :disabled="isButtonDisabled ......
Vue3使用wangEditor文本
1、安装wangEditor npm install @wangeditor/editor --savenpm install @wangeditor/editor-for-vue@next --save 2、代码 <template> <el-dialog v-model="state.dialo ......
Vue_MQTT项目搭建记录
新建vue3项目 # 新建 vite + vue3的项目 npm init vue@latest yarn 安装依赖包 yarn add mqtt 初探 - 连接阿里云物联网平台 代码： <template> <div> <h1>LED - IOT</h1> <button @click="conn ......
JS前端验证
验证上传文件的是否符合要求既可以通过前端js代码验证，也可以通过后端PHP代码验证 他们的区别如下： 前端的任何代码都可以被检查网页源代码检测出来 后端的任何代码在没有拿到源码之前都无法被识别出来 通过禁用JS代码可以绕过js的前端验证 判断前端验证是否为JS代码： 1.直接查看网页源代码 2.通过 ......
vue3源码学习api-vue-sfc文件编译
vue 最有代表性质的就是.VUE 的文件，每一个vue文件都是一个组件，那么vue 组件的编译过程是什么样的呢 Vue 单文件组件 (SFC)和指令 ast 语法树 一个 Vue 单文件组件 (SFC)，通常使用 *.vue 作为文件扩展名，它是一种使用了类似 HTML 语法的自定义文件格式，用于 ......
vue脚手架的data与props
1.共同之处： data与props都是数据，都可以存储，并且动态渲染 2.不同之处： data是组件本身的数据，支持自身修改，然而props是外部数据(由父组件传递而来的数据),不支持自身修改，如果想要修改需要this.$emit('父组件监视函数名'，希望修改的的值的结果) ......
js处理前端页面复选框多页复选同时生效的问题
虽然是后端开发，但在实际的工作中难免会碰到一些前端相关的任务需要自己处理，下面就是本人开发工作中处理的前端相关分页复选的问题。总结一下，以备日后重复遇到：<script type="text/javascript"> //初始化数据 $(function () { $('#queryButton') ......
Vue 组件里的定时器要怎么销毁？
如果页面上有很多定时器，可以在 data 选项中创建一个对象 timer，给每个定时器取个名字一一映射在对象 timer 中， 在 beforeDestroy 构造函数中清除， beforeDestroy(){ for(let k in this.timer){ clearInterval(k) } ......
记录--Vue2屎山之 Table 屎山
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 Vue2 将在 2023 年年底停止维护了，但是 Vue2 的代码却不会在 2023 年消失，还会越来越多；难以想象几十万行或者几百万行的 Vue2 代码迁移到 Vue3，这是不可能办到的； 老一点的前端程序员肯定经历过把大型项目从 ......
js 大文件分割/分片上传
<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>uploadFile</title> <style></style> </head ......
vue3 甘特图（四）：甘特图进度条拆分
vue3 甘特图（四）：甘特图进度条拆分 目前项目采取有两种拆分进度条的方式。单个进度条展示多维度数据，一个总任务条下有多个子进程展示。 1.1 单个进度条展示多维度数据（不关联时间），如图 此方法是通过设置单个进度条上内容，以一个进度条为容器，修改内容（即task_text内容）展示多维度的数据， ......
vue 甘特图（附件）：甘特图附件
甘特图样式： .gantt_container { border-color: transparent !important; .gantt_right { top: 0% !important; display: flex !important; } .gantt_side_content { o ......