three vue js

js的作用域是链式的,当for循环函数内部的子块有引用的时候是不会销毁的。这里运用了闭包,外层 function(i)保持着对i的引用,因此每次 i的值得以保留,每次调用定时函数内层function都有自己的私有变量值。

执行以下程序,下列选项中,输出结果正确的是() for(var i = 0;i<2;i++){ setTimeout(function(){console.log(i)},0) ....① } for(var i = 0;i<2;i++){ (function(i){ setTimeout(func ......
闭包 函数 function 量值 内层

【vue2】swiper插件自动循环失效(loop失效)

可能是因为数据是动态渲染的,在请求到数据之前,就已经完成了swiper的初始化,因此解决方案有: 1.swiper组件添加v-if:(如以下代码中的v-if="banner.length") <!-- 轮播图 --> <div :class="$style.newsBanner"> <div :cl ......
插件 swiper vue2 loop vue

网页调试(css,html,js)获取资源链接等

进入调试模式 F12或者右键检查 在元素栏点击相应的组件可以查看html源码,图片视频音频链接等, 或者点击组件右键检查还可以查看组件css布局变化 html 元素源码可以看到class类名,触发事件以及style样式 在css上的改变是实时的,刷新页面会失效 html的改变需要双击,同样刷新页面失 ......
链接 网页 资源 html css

js中判断obj中是否含有某个属性的方法

一般而言,比较常用的有in,hasOwnProperty, 比较undefined。 首先我们先定义一个对象 let obj = { a: 1, b: 2, d: undefined } hasOwnProperty()表明它查看对象自身的属性 console.log(obj.hasOwnPrope ......
属性 方法 obj

vue-cookie的原理与使用

cookie及session的原理: cookie工作原理: 由于HTTP是一种无状态的协议,服务器单从网络连接上无从知道客户身份。用户A购买了一件商品放入购物车内,当再次购买商品时服务器已经无法判断该购买行为是属于用户A的会话还是用户B的会话了。怎么办呢?就给客户端们颁发一个通行证吧,每人一个,无 ......
vue-cookie 原理 cookie vue

【Node.js】Node.js中path.resolve与path.join的区别与作用详解

前言: path 模块:用于处理文件和目录的路径的实用工具,使用前需先引入模块; path.join():用于链接路径,并且会自动转换当前系统路径的分隔符"/"或"\",Unix系统是"/",Windows系统是"\" path.resolve():也是用于链接路径,但却和path.join()方法 ......
Node path 作用 resolve js

若依vue启动报Error: error:0308010C:digital envelope routines::unsupported

解决:若依vue启动报Error: error:0308010C:digital envelope routines::unsupported 1.描述: 问题产生原因是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可 ......

git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖

git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......
前端 怎么办 install 项目 vue2

Vue中Pinia简介

Pinia是一个进行vue状态管理的组件,他会创建一个带有state、actions、getters的option对象 const useCounterStore = defineStore('counter', { state: () => ({ count: 0 }), getters: { d ......
简介 Pinia Vue

vue项目中读取外部静态文件改变标题以及图标

默认情况下,由vuecli创建的项目,其/public下会存在index.html这一入口文件(若是vite的话会存在根目录和src同级),public下的文件不参与打包过程,因此我们就在这里创建静态配置文件即可。 这个则是config内的配置。配置好后,可以在剩下vue组件中通过window.gl ......
静态 图标 标题 文件 项目

一些Js常用小方法总结

1.js找出字符串中,出现最多次数的字母 <script type="text/javascript">function test(){var str ="adadfdfseffserfefsefseeffffftsdg";var maxLength = 0; //命名一个变量放置字母出现的最高次数 ......
常用 方法

Node JS 多进程

在 Node.js 中,可以使用多个进程来处理文件,并发执行任务以提高性能和效率。多进程可以提高应用程序的性能和可靠性,但同时也会带来一些额外的开销和复杂性问题 优点 可以高效利用多核 CPU ,将许多并发请求分配到不同的进程中处理,来提高应用程序性能。 提高可靠性,多进程互相隔离,当一个进程崩溃或 ......
进程 Node JS

第十六天:JS-Ajax&前端逻辑&购物&登录&上传

1、JS 前端验证-文件上传 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 表单数据经常需要使用 JavaScript 来验证其正确性: 验证表单数据是否为空? 验证输入是否是一个正确的email地址? 验证日期是否输入正确? 验证表单输入内容是否为数 ......
amp 前端 逻辑 JS-Ajax Ajax

在js中,定义了两个同名函数后, 后面的函数会覆盖前面定义的函数。

运行以下程序 <script> var m= 1, j = k = 0; function add(n) { return n = n+1; } y = add(m); function add(n) { return n = n + 3; } z = add(m); </script> A 2,4 ......
函数 两个

setTimeout 是浏览器环境提供的,JS 标准没有规定。不是JavaScript的全局函数,是浏览器(宿主环境)提供的

下列哪些函数是JavaScript的全局函数? A encodeURI B parseFloat C setTimeout D eval 正确答案:ABD 答案:A、B、D 个人记忆方法:6(编码相关)+ 2(数据处理)+ 4(数字相关)+ 1(特殊) 编码相关: escape()、unescape ......
浏览器 环境 宿主 全局 setTimeout

JS判断点是否在线段上

本文利用向量的点积和叉积来判断点是否在线段上。 基础知识补充 从零开始的高中数学——向量、向量的点积、带你一次搞懂点积(内积)、叉积(外积)、Unity游戏开发——向量运算(点乘和叉乘 说明 点积可以用来判断两个向量的夹角,如果这个夹角是0或者180度,说明这个点在直线上; 叉积可以用来判断一个点到 ......
线段

vue中el-upload结合vuedraggable实现图片的上传、排序、删除以及预览等功能_element upload

<template> <div> <ul class="el-upload-list el-upload-list--picture-card" style="display:flex;"> <div> <!-- start:拖拽开始 end:拖拽结束 imageLists:需要展示图片的数组--> ......
upload vuedraggable el-upload element 功能

js逆向webpack基础

1.webpack是什么? Webpack是一个用于构建现代 Web 应用程序的静态模块打包工具。它是一个高度可配置的工具,通过将应用程序的所有资源(例如JavaScript、CSS、图片等)视为模块,并使用依赖关系来管理它们之间的引用,将它们打包成一个或多个最终的静态资源文件 2.webpack逆 ......
webpack 基础

【Vue】组件传值的六种方法

Vue 组件之间的通信大概归类为: 父子组件通信: props;ref;$attrs / $listeners;$parent / $children 兄弟组件通信: eventBus;vuex 跨级通信: eventBus;Vuex;$attrs / $listeners 一、props/$emi ......
组件 方法 Vue

vue 实现文件切片上传

在实际开发项目过程中有时候需要上传比较大的文件,然后呢,上传的时候相对来说就会慢一些,so,后台可能会要求前端进行文件切片上传,很简单哈,就是把比如说1个G的文件流切割成若干个小的文件流,然后分别请求接口传递这个小的文件流。 流程简说实现文件切片导入,首先我们使用 elementUI 也好,原生的 ......
文件 vue

vue2项目打包后index空白路径报错

我目前是vue2版本5.0.8,记录自己遇到打包后的路径问题 使用的环境是nodejs,vue2@cli脚手架 因为打包默认配置是/绝对路径,这时候需要修改配置为./相对路径 在项目根路径打开vue.config.js 原先可能内容是 const { defineConfig } = require ......
路径 空白 项目 index vue2

vscode编写js canvas无代码提示的解决方法

解决方法: 如果是2d上下文,则在获取上下文的前一句加上/** @type {CanvasRenderingContext2D} */ 如果是3d上下文,则加上/** @type {WebGLRenderingContext} */ let drawing = document.querySelec ......
代码 方法 vscode canvas

js 对象深拷贝

function deepObj(obj){ var dest={}; for(var key in obj){ if(typeof obj[key] 'object'){ dest[key]=obj[key].constructor Array?[]:{}; deepObj(dest[key],o ......
拷贝 对象 js

vue3 父组件传值给子组件 子组件修改后回传给父组件

父组件 <jdy-goods-attr v-model:goods_sn="goods.goods_sn"></jdy-goods-attr> //尤总 在vue3的时候给我们提供了一个新的思路:v-model来实现父传子,并且子也可以修改父组件传递过来的数据。 子组件 const props = ......
组件 vue3 vue

JS一维码生成如ISBN书号

参考https://www.jb51.net/article/279371.htm https://www.python100.com/html/104235.html https://github.com/lindell/JsBarcode/wiki/EAN 下载引用 的JS库 https://c ......
书号 ISBN

JS中的作用域Scope、范围链Scope Chain以及范围链和调用栈的区别

作用域Scope 范围链Scope Chain 范围链和调用栈的区别 ......
范围 Scope 作用 Chain

第二十二篇 - Vue3中el-table篇

今天主要是来介绍vue3中的el-table控件使用。 一、检测开发环境是否OK 1. 在cmd窗口创建一个vue3项目【vue create demo1】 2. cmd窗口运行项目【npm run serve】 3. 浏览器访问项目【http://localhost:8080/】 4. 访问成功界 ......
el-table table Vue3 Vue el

js按位运算符(按位或,按位与,按位异或)

1. 按位操作的概念: 按位操作为, 将数据转化为二进制八位展示/十六位展示后根据条件进行计算的操作 2. 按位运算符分类: &: 按位与 |: 按位或 ^: 按位异或 ~: 按位非 <<: 左移运算符 >>: 右移运算符 >>>: 无符号右移 3. 具体讲解: &: 按位与 将数据变为二进制后每一 ......
运算符

vue3 子组件修改父组件的两种方法

<jdy-goods-attr :goods_sn="goods.goods_sn" @goods_sn="(msg) => goods.goods_sn = msg" v-model:goods_num="goods.goods_num" ></jdy-goods-attr> const emit ......
组件 方法 vue3 vue

vue-大文件分片及断点上传

最近开发过程中,有一个大文件分片上传的功能,借鉴于网上的思路,结合自己后端的逻辑,完成了这个功能,在此记录如下: 界面展示: 一、将大文件分片上传写为一个组件,可以全局注册该组件,也可以在使用的页面注册该组件,使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传,所以我是在App.v ......
断点 文件 vue