随笔分类 - vue知识分享
分享vue在开发中碰到的问题及一些操作流程
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在当下前后端分离的主流环境下，前端部分的优化变得越来越重要。为了提升前端的性能和用户体验，我觉得可能需要从三个维度采集数据进行分析。 前端埋点。通过埋点收集和统计网页的UV/PV、设备型号、浏览器等数据进行分析，比如可以有针对性对使
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 测试环境好好地功能，上了生产，莫名其妙报错，开始以为是没有设置Js安全接口域名，结果让相应人员一查，已经设置了相应的域名，再看下公众号内的接口权限部分，相关js权限也都是已授权，没办法，只能按照微信文档上的常见错误及解决方法，设置debu
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近在做安卓内嵌入H5活动页拉新活动，遇到的棘手问题记录下， 一是为了日后遇到同样问题好回顾，二是希望能帮到有同样问题的兄弟。 废话不多说，先从最棘手的问题直接开始： 一、Invalid Signature 1.因为项目内是Vue中的ha
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 微信调用jssdk全流程详解 系统框架使用的是前后端分离，前端使用vant，后端是springboot 一、网页授权的时序图 二、公众号配置 1. 绑定域名 登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。也就
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 短视频已经无数不在了，但是主体还是使用 app 来承载的。本文讲述 H5 如何实现 app 的视频滑动体验。 无声胜有声，一图顶百辩，且看下图： 网址链接（需在微信或者手Q中浏览） 从上图可以看到，我们主要实现的功能也是本文要讲解的有：
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前段时间，对部门的个别项目进行Vue3.0+ts框架的迁移，刚开始研究的时候也是踩坑特别多，尤其我们的项目还有些特殊的webpack配置，所以，研究vue.config.js的配置的时候也是查阅了各种资料文档，最终，完成了项目webpac
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 不想看繁琐步骤的，可以直接去github下载项目，如果可以顺便来个star哈哈 本项目使用vue-cli创建，但不影响使用，主要绘制都已封装成类 1、使用geoJson绘制3d地图 1.1 创建场景相关 // 创建webGL渲染器 thi
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言： 该篇文章用到的主要技术：vue3、three.js 我们先看看成品效果： 高清大图预览（会有些慢）： 座机小图预览： 废话不多说，直接进入正题 Three.js的基础知识 想象一下，在一个虚拟的3D世界中都需要什么？首先，要有一个
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 去年做的小程序有一个选择克数的功能，本想着随便搞个数字输入框就完事了，结果产品搞来个app，人家是滑动尺子选的，没辙了，只能硬着头皮做了。 思路 搞一个横着排的div，然后里面塞很多很多小div，当做格子，格子弄一个左边框当做格子线
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 vm.$forceUpdate （1）作用 迫使Vue.js实例重新渲染。注意它仅仅影响实例本身以及插入插槽内容的子组件，而不是所有子组件。 （2）实现 只需要执行watcher的update方法，就可以让实例重新渲染。 Vue.js的每
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require 有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require， 我倒着都能背
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、概述 在我们开发中，经常要用到Vue.extend创建出Vue的子类来构造函数，通过new 得到子类的实例，然后通过$mount挂载到节点，如代码： <div id="mount-point"></div> <!-- 创建构造器 --
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。 但是对项目里的webpack封装和配置了解
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 Vue 自定义指令有全局注册和局部注册两种方式。先来
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 环境搭建 Vue Web-Extension - A Web-Extension preset for VueJS (vue-web-extension.netlify.app) npm install -g @vue/cli npm i
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 网页实现打印 可以选择性的打印某一部分 的vue组件 1.引入 把print.js 下载到本地,然后放在src 下面添加文件夹里. print.js // 打印类属性、方法定义 /* eslint-disable */ const Pri
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 昨天在看一道笔试题的时候本以为很简单，但是结果不是我想象的那样，直接上笔试题。 const array = new Array(5).map((item) => { return item = { name: '1' } }); c
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 Vue 初始化 模板渲染 组
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 LocalStorage 是HTML5中一个方便使用的 API，它为 Web 开发人员 提供了一个易于使用的5MB的存储空间。使用 LocalStorage API 真的再简单不过了。不信看下： //Save a value to loc
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 第一题：说一下这三个div的布局 <div class="parent"> <div class="child1">child1 content</div> <div class="child2">child2 content</div>
阅读全文