王小右的博客

pdf 多文件页面全部显示最早发布于博客园参考链接https://github.com/FranckFreiburger/vue-pdf#createloadingtasksrc单个文件安装npm install --save vue-pdf单个pdf文件显示全部，我是直接复制的参考链接<template> <div> <pdf v-for="i in numPages" :key="i" :src="src" :page="i"

Vue项目使用WebPack配置准确的说是vue-cli中使用webpack配置参考链接Vue-cli webpack 相关 https://cli.vuejs.org/zh/guide/webpack.htmlVue-cli4 生成项目的时候，会自动生成很多配置文件，自带babel语法转换，初始化webpack配置等操作。Vue ui 创建项目失败时参考链接 https://github.com/vuejs/vue-cli/issues/889vue --version // 查

WebPack使用核心概念参考文档webpack v4.44.1中文文档 https://www.webpackjs.com/concepts/webpack v5.0.0-beta.24 https://webpack.js.org/concepts/四个核心组成入口 Entry输出 Output加载解释 Loaders插件 Plugins加上- 模式 Mode- 浏览器兼容性Browser Compatibility示例目录结构src |- index.js

webpack入门一 使用webpack打包用于编译javascript模块的工具，命令知道会用就行。官方文档 https://webpack.js.org/guides/getting-started/入门体验// 创建一个demo文件夹mkdir webpack-demo// 进入文件夹cd webpack-demo// 初始化npm init -y// 安装webpack依赖npm install webpack webpack-cli --save-dev在webpac

webstorm 2018.2 EsLint报错 TypeError: this.CliEngine is not a constructor报错结果原因因为webstorm 2018.2版本对 高版本对EsLint不兼容解决办法降低EsLint 版本npm i eslint@5.6.0 -D降低版本后，头部对警告就消失了...

Vant Toast显示加载点击提交按钮时，触发请求，请求过程中显示加载弹窗，并且弹窗会遮挡整个页面的事件，不可点击。官网 https://youzan.github.io/vant/#/zh-CN/toast自己做个笔记，感觉加载的用法和element ui有点区别以下使用的CDN方式引入使用，和脚手架使用区别不大。效果图以下是CDN方式引入使用，axios也没有封装。Toast加载的时候，发送验证码等按钮点击事件会被阻止。methods: { // 提交表单 onSubmit(val

Vant 图片上传压缩还是接着上一篇文章，表单图片压缩，然后上传。图片压缩js压缩，就是用canvas对象重新在画一张图。关于js canvas压缩的代码有很多，我这里就不赘述了。van-uploader 上传压缩首先先看官网 https://youzan.github.io/vant/#/zh-CN/uploader部分代码<van-uploader accept="image/gif, image/jpeg ,image/png" :after-r

VantUI 表单验证

Vue组件强制刷新这篇文章是接上篇文章，自己实现markdown编辑器时，碰到的问题https://www.charmcode.cn/article/2020-08-02_vue_editor我左边输入了内容，右边markdown组件实施更新强制刷新组件Vue官网 key的描述可以查看Vue官网，关于key的描述以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key attribute：Vue中的虚拟dom树也是根据key的变化，来判断是否刷新组件，

Vue 中使用防抖函数这篇文章也是衔接我之前文章，输入内容延迟显示。一般防抖函数，一般都是自己写，或者直接搜的类似这种function debounce(fn,wait){ var timer = null; return function(){ if(timer !== null){ clearTimeout(timer); } timer = setTimeout(fn,wait); }}Vue官

Vue 封装Toast消息提示学习Vue的道路上,封装一些自定义的组件不可避免，今天就来封装一个Toast消息提示。后面还有dialog对话框，原理差不多。首先先看看效果图现在才知道用qq录制gif图是真方便。(非广告,后面会多用gif图)1 正常组件调用2 全局注册对象调用(不知道是不是叫这个名字)一 首先，我们先封装一个正常组件看看效果。1 首先创建一个最普通的组件/toast/Toast.vue 看看效果.<template> <div cla

Nginx线上部署多个Vue项目(路径区分)nginx 多静态文件部署。我个人博客项目占用了nginx根路径，而我只有一个域名，也不准备用二级域名了， 所以就直接用路径区分开。一个域名，只部署一个静态文件服务，那很简单，只用把打包后文件放上去就行。多个Vue项目主要就是路径问题，静态js文件以及自定义的路由。原文请访问 我个人博客地址博客地址: https://www.charmcode.cn/article/2020-06-30_nginx_vue环境vue 2.6.11vue-r

js 请求库简单封装前言以前一直用JQuery的 ajax 请求，感觉哪玩意真不好用，后面发现有fetch这个http请求库，于是自己尝试封装看看。参考 https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch封装代码可以先建一个 requests.js (Tip: Python requests )// 请求前缀urlconst baseUrl = "https://www.charmcode.cn

最基础的Vue 请求渲染数据，包括下拉加载更多，换分类。首先声明一点我写这个只是个人业余写的只为自己练习技术，页面是抓的二十次幂这个站点 https://www.ershicimi.com/首先我之前没有学过Vue 只是了解一些html和js的知识，然后自己写了一些接口，想学一下啊用Vue实现下请求渲染数据.我只用了两天时间实现的以下效果，感觉还行，我都是按照自己想法写的，可能不正规。说一...

其实很早就把这几个demo代码写完了(可参照github提交时间)，现在想着把对应操作的博客给补起来, 代码全部托管在 github : https://github.com/wgPython/vue_study_demo首先看实现效果...

基础知识点快速过一遍