three vue js

在平时如果用到vue2 但是打开ie测试的时候发现代码没起到预期的效果(作用)的话。就要用到polyfill和browser来对你的vue代码转成es5语法啦。 具体用法是： 先下载polyfill和browser的js文件 然后 引入polyfill和browser的js文件 1 <script ......

参考视频链接：https://www.bilibili.com/video/BV1ay4y1A78j/?p=5&spm_id_from=pageDriver&vd_source=5fed6e8a7e3ad9f10860bf7a4540ba71 ......

问题：使用query进行路由跳转传参时，传的是布尔值、数字等，在页面上route.query里面得到的却全是字符串。 // push跳转代码： this.$router.push({ path: './childPage', query: { userId: 666,isTest:false } } ......

情况一：Vue无法检测实例被创建时不存在于data中的变量 原因：由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化，所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 例如： 1 2 3 4 5 new Vue({ data:{}, t ......

目的： 在vue中路由模式有history和hash模式两种模式：他们的目的是为了在SPA单页面情况下，切换页面不会向后端服务器发送请求； hash模式： 为以#作为分隔符， 原理：通过window.location.hash获取 hash值；监听hash中的hashchange事件，当URL的ha ......

简单记录下，方便以后复制 <el-input v-model="form.name" placeholder="使用人的姓名" :maxlength="20" :formatter="(value)=>value.replace(/[^\u4E00-\u9FA5]/g, '')" /> ......

一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装，安装好了之后，在环境变量中会自动配置Node的地址，可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 （1）在 ......

先看逻辑 如何切片？如何获取文件唯一hash？与后端交互获取文件上传的状态，用于判断情况，是秒传还是续传？上传切片文件，判断失败文件重新执行？全部上传完成通知后端？ 1、先上全部代码，后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......

组件的定义：实现应用中局部功能代码和资源的集合。 ......

本文简介 点赞 + 关注 + 收藏 = 学会了 这几天在整理书柜时看到这套书，看到梵高，想起他的点彩画。 想到点彩画派，不得不提的一个画家叫乔治·皮埃尔·秀拉。据说梵高也模仿过他的画作。 我引用一下维基百科对点彩画派的解析： 点彩画派（又称点描派；英文：Pointillism）是一种用很粗的彩点堆砌 ......

分页函数 file:[pager.ts] /** * 分页 * * @param list 数组 * @param currPage 当前页 * @param pageSize 一页数量 * @returns */ export function paginate(list: Ref<any[]>, ......

工具函数 防抖函数和节流函数的区别，可以查看这篇文章，写得比较好：面试官：什么是防抖和节流？有什么区别？如何实现？ 防抖（debounce） 通过定时器实现。1 秒内触发了 10 次防抖，定时器是 500ms 执行一次，那么，这防抖函数里面的回调函数只会在 1.5s 之后执行，因为点击的这 10 次 ......

class Picker { DEFAULT_DURATION = 200; MIN_DISTANCE = 10; DEMO_DATA = []; // demo数据 // 惯性滑动思路: // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_LIMIT_TIME` 且 ......

1、防抖：当进行连续操作时，只执行最后一次的操作。 //防抖的概念是 当进行连续操作时，只执行最后一次的操作。 function debounce(fn, delayTime) { let timeout = null; return function () { if (timeout) { cle ......

随着移动应用开发框架数量的增加，2018年Vue Native的引入让开发者有能力使用Vue.js代码来创建React Native移动应用。 因为 Vue Native 围绕 React Native 包装了 Vue.js 语法，所以框架非常相似。例如，两者都是跨平台框架，这意味着相同的代码库可以 ......

ES6如下描述： 字符串 静态字符串一律使用单引号或反引号，不使用双引号。动态字符串使用反引号。 // bad const a = "foobar"; const b = 'foo' + a + 'bar'; // acceptable const c = `foobar`; // good con ......

1. 虚拟dom 的渲染过程 2. vue3中 nexttick 的作用 1.虚拟dom 的渲染机制 我们在template中写的 div 和 其他的标签。不会被vue 当作是最终 渲染的dom, vue会将我们写入的标签 转化为 对象，通过diff算法，将其构造成一个虚拟树 每个树 都有一个 对应 ......

如何使用spawn()，exec()，execFile()和fork() 对于单进程而言，Node.js的单线程和非阻塞特性表现地非常好。然而，对于处理功能越来越复杂的应用程序而言，一个单进程的CPU是远远无法满足需要的。 无论你的服务器有多强大，单线程都是远远不够用的。 事实上，Node.js的单 ......

前言实现大文件分片上传的断点续传以及上传进度条是一个在前端开发中常见且具有挑战性的问题。本篇博客将介绍如何使用Vue框架来实现这个功能，并给出代码示例。 概述大文件分片上传指的是将一个大文件切割成多个小文件（或称为分片），然后依次上传这些小文件，最后在服务器端将这些小文件合并为原始的大文件。断点续传 ......

1.for 循环 for (循环变量初始化表达式; 循环条件表达式; 更新循环变量表达式) {循环体} /* 凑钱1,2,5凑20元钱有多少种可能 */ for(var one=0;one<=20;one++){ for(var two=0;two<=10;two++){ for(var five= ......

1. 图片转base64格式方法 （主要的代码）（其实用的还是FileReader） handleRemove(file, fileList) { console.log(file); var reader = new FileReader(); reader.readAsDataURL(file. ......

1 Vue 1.2 第一个Vue实例（Hello Vue） 1.3 插值表达式 { 作用： 利用表达式进行插值，渲染到页面中 表达式：是可以被求值的代码，JS引擎会讲其计算出一个结果 以下的情况都是表达式： money + 100 money - 100 money * 10 money / 10 ......

每当一个网站崩溃，在座的各位都有一定的责任。 当一个爬虫教程不火的时候还好，火起来了，就到了考验网站服务器的时候了，上一次茶杯狐就是这样，还好人家顽强… 好了话不多说，直接开始。 首先就是必备的软件和模块 环境使用 Python 3.8 Pycharm 模块使用 requests --> pip i ......

一、中等文件上传解决方案-nginx放行在我们工作中，上传功能最常见的就是excel的上传功能，一般来说，一个excel的大小在10MB以内吧，如果有好几十MB的excel，就勉强算是中等文件吧，此时，我们需要设置nginx的client_max_body_size值，将其放开，只不过一次上传一个几 ......

Concurrency + Channel (CSP): Concurrency is a way to run operation in isolated thread, a way to better utilize the CPU resources and handle multi simu ......

解决方案 安装 node、npm 查看 npm 全局安装位置 npm root -g 正确位置 /usr/local/lib/node_modules 修改位置 npm config set prefix /usr/local 重新安装脚手架 sudo npm install -g @vue/cli ......

使用场景：比如一个展现pdf文档列表的网页内需要允许客户自己勾选(可多选)需要打包下载的内容，最终以zip文件的形式在浏览器下载 此功能也可在服务端实现，但是在web端实现可以降低服务器负载，提升客户体验。 下面是代码 <!DOCTYPE html><html><head lang="en"> <m ......

DreamTexture.js 基于 Three.js 和稳定扩散(stable diffusion) AI 模型开发，用于实现 3D 模型的自动纹理化。 ......

在JavaScript中，== 和 是用于比较值的两个不同的操作符，它们具有不同的行为： ==（等于）：它是相等操作符，用于比较两个值是否在类型转换后相等。如果两个值的内容相等，它返回true，否则返回false。类型转换是自动的，因此在比较之前，JavaScript会尝试将两个值转换为相同的类型， ......

1. 虚拟DOM中key的作用: key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM] 随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较，比较规则如下: 2. 对比规则: (1).旧虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟D ......