three vue js
vue项目成功引入element组件的具体步骤
1、首先要确保vue项目能够成功在浏览器访问 2、一般使用的是vue3 那么,需要注意的是,element组件在vue3里面,需要使用的是element-plus 命令: npm install element-plus --save --legacy-peer-deps 下载完成之后,需要在mai ......
【JS】数组扁平化
递归和非递归版本 const arr = [ 123, 2, [ 2,3,4 ,[ 345, 34, [ 34,34,34 ] ] ] ] const flatten = (arr) => { return arr.reduce((acc, val) => Array.isArray(val) ? ......
【JS】手写Promise基本功能
https://github.com/zjy4fun/notes/tree/main/demos/js-promise 三个状态,两个回调队列,then 的时候针对不同状态进行处理 class MyPromise{ constructor(executor) { this.state = 'pend ......
运行vue项目一直报错的问题的解决
问题描述 (上图为网图,自己的没来得及截图) 问题解决 第一个原因:vue版本过低; 使用下面的语句进行版本升级: npm i vue@3.2.3 但是我试了没啥用; 第二个原因:node版本过低; 使用下面的语句进行版本升级: --若是已经有更高级的版本,可以直接更换: nvm list nvm ......
UniApp是一款基于Vue.js开发框架的多端应用开发工具
UniApp是一款基于Vue.js开发框架的多端应用开发工具,它的目标是使开发者能在一次编写的代码基础上同时在多个平台上运行,包括iOS、Android、H5、小程序等。UniApp的出现极大地提升了开发效率和用户体验,下面通过一个具体的案例来介绍UniApp的强大功能。 以某家锁具品牌“”为例,月 ......
【JS】实现 instanceOf
https://github.com/zjy4fun/notes/tree/main/demos/js-instanceof 原型就是一个对象,instanceof 就是检查构造函数的原型是否在对象的原型链上 function myInstanceOf(obj, constructorFn) { c ......
【JS】实现new操作符
https://github.com/zjy4fun/notes/tree/main/demos/js-new const myNew = (constructorFn, ...args) => { const obj = Object.create(constructorFn.prototype) ......
js详细讲解放大镜的实现
实现放大镜的整体思路 1.当鼠标放在图片上的时候,出现蒙层。 2.出现蒙层,让鼠标在蒙层中心 3.限制蒙层移动的范围 4.放大镜移动 最终实现的效果 鼠标放上去的时候,出现一个蒙层。 蒙层的移动范围只能在图片里,不能超出范围。 移动蒙层时,右侧会出现图片的放大部分。 移除图片的范围,放大镜消失。 鼠 ......
js脚本加载失败重试
背景 当我们在运行某一个项目时,它的某些JavaScript脚本可能加载不出来,报错。 像现在单页界面应用基本上都是通过js来构建,一旦加载不出,这个项目就不能运行了,那怎么办?我们如何解决这个问题? 解决方案 这里采用的方案是,重新加载JavaScript脚本。那么什么时候去重新加载js,如何重新 ......
pixi.js 的头像制作功能【函数】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="htt ......
Node.js+Express+Koa2开发接口学习笔记(二)
搭建开发环境 从0开始搭建,不适用任何框架 使用nodemon监测文件变化,自动重启node 使用cross-env设置环境变量,兼容max linux和windows 创建项目文件夹blog-1,在终端输入命令 npm init -y 在根目录下创建bin => www.js文件,将初次运行的文件 ......
鉴于vue2使用element组件不太方便,换成vue3的具体步骤
1、卸载原有的vue2 npm uninstall vue-cli -g 卸载完成! 2、按照最新的下载vue3命令下载vue3 npm install -g @vue-cli 下载完成!(等了大概快10分钟) ......
Vue学习一:vue2的基本指令
Vue是一个构建用户界面的渐进式框架。官网:https://cn.vuejs.org/。 Vue可以用网上的CDN,也可以下载到本地(下载的话就是进入官网打开学习文档,点击基础里面的安装,点击里面的开发版本这几个字,建议下载开发版本,里面包含完整的警告和调试模式) 1、创建Vue2实例 首先将下载的 ......
Vue.js 官方脚手架 create-vue 是怎么实现的?
Vue.js 官方脚手架 create-vue 是怎么实现的? 摘要 本文共分为四个部分,系统解析了vue.js 官方脚手架 create-vue 的实现细节。 第一部分主要是一些准备工作,如源码下载、项目组织结构分析、依赖分析、功能点分析等; 第二部分分析了 create-vue 脚手架是如何执行 ......
vue3探索——5分钟快速上手大菠萝pinia
温馨提示:本文以vue3+vite+ts举例,vite配置和ts语法侧重较少,比较适合有vuex或者vue基础的小伙伴们儿查阅。 安装pinia yarn yarn add pinia npm npm install pinia pnpm pnpm add pinia 1-开始 方式一:在main. ......
vue3 如何获取格式为 proxy 值的原始值
vue3中变量多使用 ref, reactive 来声明。如下: const firstName = ref('Tom') const lastName = ref('Jerry') const form = reactive({ name: '', sex: '', age: '', area: ......
理解vue中的 slot-scope=scope
slot是插槽,slot-scope=“scope“语义更加明确,相当于一行的数据,在实际开发中会碰到如下的场景, 页面上的头衔列是变化的,而我们就可以通过后端返回的具体值来判断这里应该显示什么样的内容,具体代码如下 <template> <div class="login-container"> ......
=_=_=js复习
// 数组 浅拷贝 let arr = [7, 2, 3] let cparr = []; arr.forEach((v, index) => { cparr[index] = v }) cparr[1] = 12 console.log(cparr, arr); let cparr2 = arr. ......
export ‘Vue‘ (imported as ‘Vue‘) was not found in ‘vue‘
export 'Vue' (imported as 'Vue') was not found in 'vue' (possible exports: $computed, $fromRefs, $raw, $ref, BaseTransition, Comment, EffectScope, Fra ......
【JS】并发请求调度器实现演示
控制多个请求的并发度,演示请求的过程和用时结果 demo: https://scheduler-smoky.vercel.app/ github: https://github.com/zjy4fun/scheduler <script setup lang="ts"> import { ref } ......
Node.js+Express+Koa2开发接口学习笔记(一)
http请求概述 浏览器输入一个地址后,进行DNS解析(通过域名查找对应的IP地址),与server建立TCP连接(进行三次握手),发送http请求 server接收到http请求,处理,并返回 客户端(这里指浏览器)接收到返回数据,处理数据(如渲染页面,执行js) 客户端与服务器的三次握手大致可以 ......
记录--Vue的缓存组件 | 详解KeepAlive
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 一. keep-alive 的作用 二. keep-alive 的原理 三. keep-alive 的应用 四. keep-alive 的刷新 五. keep-alive 页面缓存思路 一. keep-alive 的作用 首先引用官 ......
从零开始使用vue2+element搭建后台管理系统(前期准备)
准备开始 1. 安装node (node -v查询版本号) (下载地址:https://nodejs.org/en/download/) 2. 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3. 安装 we ......
js json用法 转json字符串 json对象( 重点看最后)
js json:JSON.parse() //转为json对象。JSON.stringify() //转为JSON字符串。 举例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js json举例</title> </head ......
vue3 配置 less
下载依赖包 yarn add -D less less-loader 安装完之后就可以在代码中使用 less 编码了 <style lang="less" scoped> .about { min-height: 100vh; .header { color: red; font-size: 3re ......
【js】【统计次数】静态页面访问次数 js页面请求次数统计
效果: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>静态页面访问量统计</title> </head> <body> <script type="text/javascript"> var pg ......
vue.js:响应式布局(vue@3.3.4)
一,代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 ......
新创建一个vue项目
1、配置好相关的环境--node.js、npm和webpack 2、在idea里面新建一个vue项目 3、设置好vue的编译环境 npm init 一路回车: 选择yes即可: 然后在上面的项目中就出现了package.json文件: 4、配置运行环境 vue init webpack myvue0 ......
vue3 跳转小程序
兼容微信内跳转 和 h5跳转 第一步 在index.html 里面引入 SKD <!-- 公众号 JSSDK --> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <!-- 云开发 Web SDK --> ......