前言 目标 1 接口调用方式有哪些 2 如何调用接口 graph TD A[接口调用方式] --> B[xhr] A --> C[jquery] A --> D[axios] A --> E[fetch] A --> F[vue-resource] 一、xhr xhr是一个小巧的JavaScript库，它对原生的XMLHttpRequest进行了封装，使你在浏览器
前言 在开发表格中经常会有这样一个需求，点击单元的文本自动切换为输入框 看起来是个很简单的功能，输入框和文本框切换用用v-show或v-if，自动聚焦用autofocus属性 但是在实际开发后，会发现在文本在第二次切换为输入框后又无法自动聚焦了... 1、autofocus（自动聚焦）属性 autofocus属性是布尔属性。 如果存在，它指定元素应在页面加载时自动获得焦点。 常用于input、
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] 一 vue3带来了什么 从vue2到vue3一个大版本的升级，必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少 使用Proxy代替defineProper
为什么要用组件化编程？ 传统方式编写：依赖关系混乱，不好维护，且代码复用率不高 模块化编写：只关注解决js，复用js，简化js的编写与效率 组件方式编写：好维护、复用率更高、提高运行效率
纯前端）实现对上传的pdf，进行盖章或签名后，并将处理后的pdf下载下来 1 实现pdf上传与预览 2 手动签名，签名与印章的拖拽移动，实现在pdf上盖章与签名的效果 3 将盖章或签名的pdf文件进行绘制与下载 pdfh5 实现pdf文件的在线预览 vue-esign 在画布上面签名，生成签名图片 html2canvas html绘制图片 jspdf 生成下载pdf
前言 目标 1 掌握vue3-seamless-scroll使用方法 2 vue2是否可以使用vue3-seamless-scroll插件 基本使用 前期工作 创建一个vue3项目，在项目中安装第三方组件 1 安装 npm install vue3-seamless-scroll --save 2 引入并注册 import { Vue3SeamlessScroll } from &quo
前言 Vue Router是Vue框架中非常重要的一个功能。 目标 1 单页面应用与多页面应用的区别； 2 vue-router的具体实现方法； 3 路由模式有哪几种，有什么区别； 4 如何进行路由守卫与路由缓存； 一 路由的概念 概念 Vue Router是Vue提供的路由管理器。将组件与路由一一对应起来，这种对应关系就路由。 Vue是一个典型的SPA单页面应用框架。SPA单页面是指网站只
前言 导出方式有很多种，但是若只需要数据导出成.xlsx文件并下载的话，只用xlsx一个插件就行 目标 1 实现数据导出excel 准备工作 1 安装 npm i xlsx -S 2 引入 npm i xlsx -S 二、导出excel AOA方式导出 exportAOAToExcel() { // 表中数据 const list = [
有一个`无缝轮播+滚轮控制`的需求，找了很多的方法发现都没办法完美的实现这种效果。 用原生的js实现不是无缝滚动 用无缝滚动插件实现，发现pc端无法实现滚轮控制
vue中有很多的指令像v-on、v-model、v-bind等是我们开发中常用的 常用指令 v-bind 单向绑定解析表达式 v-model 双向数据绑定 v-for 遍历数组/对象/字符串 v-on 绑定事件监听，可简写为@ v-show 条件渲染（动态控制节点是否存展示） v-if 条件渲染（动态控制节点是否存存在） v-else 条件渲染（动态控制节点是否存存在） 不常用指令
我们在写v-for的时候都会绑定一个key值，这个key在vue中有什么作用呢，不写可以吗？ 目标 1 key有什么作用 2 如何不写key会产生什么影响 3 key使用原理 key的作用 可以看vue2官网上给的解释，“给vue一个提示，以便跟踪每个节点的身份”，这样听着很模棱两可，到底是什么作用呢？ key值其实在页面没有状态变化时，没有任何作用，只是绑定在控件上，但是当我们对页面数据进
class与style绑定 vue学习还是建议多扒扒官方的文档，里面很多是我们敲代码学习一些技巧和用法。 class样式绑定 字符串 常用于类名不确定，要动态获取 <!-- active样式是否存在取决于 isActive 是否为true --> <div v-bind:class="active"></div> data: { act
1 计算属性 计算属性：要用的属性不存在，需要通过已有的属性计算得来 底层原理：底层借助了Object.defineProperty提供的getter和setter方法 优势：与methods相比，有缓存机制，效率更高，更方便 getter data:{ firstName:'张', lastName:'三' },
开端 最近在恶补vue底层和高级用法相关的知识，找的视频跟着老师学习，本篇文章主要是记录在学习过程中都学习到了哪些内容，理清一下自己的思路。 1 mixins混入 混入(mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 类似于<script>中的内
其实JSON.stringify本身就可以将JSON格式化，具体的用法是： JSON.stringify(res, null, 2); //res是要JSON化的对象，2是spacing 如果想要效果更好看，还要加上格式化的代码和样式： js代码: function syntaxHighlight(json) { if (typeof json != 'string') {
在实际的工作中，我常使用vue的用法去实现效果，但是你要是问我为什么这样写，它的原理是啥就答不上来了。对vue的认知一直停留在表面，写这篇文章主要是为了理清并弄透彻vue的原理。 学习目标 1 学会一些基本用法的原理 2 弄懂vue核心设计原理 3 掌握vue高级api的用法 一 vue2 1 el与data的写法、v-bind与v-model 1.1 el与data的两种写法 1.1.1 创
一直在用VueX但是对他的底层逻辑一知半解，因此想写这篇文章理清一下思路。主要了解和解决的问题： 1、VueX到底是干啥用的，解决了什么问题？ 2、VueX在实际开发中怎么用？ 3、VueX源码中到底是如何实现数据响应式的，以及ctions、getters、mutations如何实现数据修改？ 本文章主要梳理的是Vuex底层是如何实现的，理解、读懂vuex的实现机制。本文以VueX4版本为例。 一
前言 在实际的开发中，经常会用到vue-devtools插件去快速的的打开组件的源码，但是对它的实现逻辑不是很清楚。官网给出的定义是：Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。 目前该插件有两个版本，支持Vue3的Beta版本，和支持Vue2的版本。 学习目标： 1 如何调试源
1、深拷贝与浅拷贝 1.1 什么是深拷贝与浅拷贝 在了解深浅拷贝之前我们需要了解一下都有哪些数据类型 js中数据类型主要分为两大类：基本数据类型与引用数据类型 基本数据类型（值类型）：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol 引用数据类型：对象(Object)、数组(Array)、函数(Function)
最新在写项目的时候遇到了一个在a域名设置cookie，b域名要用这个cookie去访问的问题，如何让二级域名共享cookie呢？ 现在有两个二级域名a.jb.com、b.jb.com,都在一级域名：www.jb.com下 在a.jb.com域名下的项目里设置cookie 1、方法一：直接用dom设置 document.cookie='Token'+ "=" + this.t
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
