logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

小程序架构和工作原理

小程序上线以来,一向被称为“便携版”的APP,关于两者之间的区别,无外乎小程序相对轻便、开发成本低,下面让我们来看一下小程序的“庐山真面目”!一、app的分类大致可以分为这3种:native app(原生app)、web app、hybrid app(混合app),关系如下图:二、什么是小程序小程序是介于web网页应用和原生应用的一种产物;小程序的特点:三、小程序架构视图层和逻辑层分离,通过数据驱

文章图片
#前端#小程序
vue+element-ui项目开发按钮重复提交问题解决

       最近工作中遇到一个坑,突然有一天测试给后台提了个bug报“系统异常”。可怜的后台的小伙找了半天问题跟我说:“这个问题咱俩都有原因”,究其原因就是前台没做限制导致客户在网速不好的情况下重复提交数据,后天也没做校验。好吧,项目进程太紧了这些问题也渐渐暴露出来了,废话不多说了直接上正题。       1、全局提交方法+loading      起初我的想法是在全局封装的axios(...

#html
[Vue warn]: You may have an infinite update loop in a component render function出现场景和解决方案

出现场景最近在重构公司的代码,把element-ui从1.34升级到2.10。升级后发现只要使用el-table循环数据就会报:[Vue warn]: You may have an infinite update loop in a component render function解决方案试了好多方法,各种改代码。总结出一条规律来:如果你是某个组件出现这个警告那就是那块的代码有问题了。但是如果

#vue.js#javascript#前端
VUE项目中使用this.$forceUpdate();解决页面改变data数据不重新渲染问题

今天遇到一个问题,给数组添加了一个新的参数,但是也页面始终没有重新渲染。最后找了半天资料发现,原来是循环嵌套太深导致页面无法重新rander;解决方案如下:添加this.$forceUpdate();进行强制渲染,效果实现;...

给element-ui的steps加@click.native事件

       今天有个需求需要给element-ui的steps添加点击跳转,看了看steps的API没有这个属性。就给它添加一个@click事件吧,添加之后发现不好使,找了一番资料发现得这样写就可以了@click.native      这个native是什么作用呢?      查了一番资料大概就是vue封装@click这些方法时阻止了原生的DOM事件,而native就是释放DOM原生事...

Vue 项目如何做单元测试?

一直对单测很感兴趣,但对单测覆盖率、测试报告等关键词懵懵懂懂,最近几个月一直在摸索如何在Vue业务系统中落地单元测试,看到慢慢增长的覆盖率,慢慢清晰的模块,对单元测试的理解也比以前更加深入,也有一些心得和收获。1. 定义单元测试定义:单元测试是指对软件中的最小可测试单元进行检查和验证。单元在质量保证中是非常重要的环节,根据测试金字塔原理,越往上层的测试,所需的测试投入比例越大,效果也越差,而单元测

文章图片
#单元测试
vue监听浏览器原生返回按钮,进行路由转跳

今天测试给我报了个bug说点击浏览器返回页数据显示的不对,我查了半天原因:需要监听浏览器的回退按钮,并阻止其默认事件。具体操作方法如下:1、挂载完成后,判断浏览器是否支持popstatemounted(){if (window.history && window.history.pushState) {history.pus...

vue+element-ui项目开发按钮重复提交问题解决

       最近工作中遇到一个坑,突然有一天测试给后台提了个bug报“系统异常”。可怜的后台的小伙找了半天问题跟我说:“这个问题咱俩都有原因”,究其原因就是前台没做限制导致客户在网速不好的情况下重复提交数据,后天也没做校验。好吧,项目进程太紧了这些问题也渐渐暴露出来了,废话不多说了直接上正题。       1、全局提交方法+loading      起初我的想法是在全局封装的axios(...

#html
深入了解vuex,vuex的五个核心属性

vuex是什么?专门为vue设计的状态管理架构,统一管理和维护vue的可变状态。vuex的五个核心属性?五个核心概念:state、getters、actions、mutations、modulesstatestate是vuex的基本数据由于vuex状态存储是响应式的,所以vue组件从store中获取状态最简单的方法就是写在计算属性中...

vue-color 取色器的用法研究

github:https://github.com/xiaokaike/vue-color今天项目中引用了一下vue-color,大概步骤如下1、安装vue-color$ npm install vue-color2、安装所需依赖npm install3、引入项目import { Photoshop } from 'vue-color'//有6中风格,用哪种直接...

    共 13 条
  • 1
  • 2
  • 请选择