工作随笔
文章平均质量分 94
小白阿斯兰
这个作者很懒,什么都没留下…
展开
-
小程序架构和工作原理
小程序上线以来,一向被称为“便携版”的APP,关于两者之间的区别,无外乎小程序相对轻便、开发成本低,下面让我们来看一下小程序的“庐山真面目”!一、app的分类大致可以分为这3种:native app(原生app)、web app、hybrid app(混合app),关系如下图:二、什么是小程序小程序是介于web网页应用和原生应用的一种产物;小程序的特点:三、小程序架构 视图层和逻辑层分离,通过数据驱动,事件交互,不直接操作DOM 视图层负责渲染页面转载 2022-01-19 11:57:30 · 4053 阅读 · 0 评论 -
Vue 项目如何做单元测试?
一直对单测很感兴趣,但对单测覆盖率、测试报告等关键词懵懵懂懂,最近几个月一直在摸索如何在Vue业务系统中落地单元测试,看到慢慢增长的覆盖率,慢慢清晰的模块,对单元测试的理解也比以前更加深入,也有一些心得和收获。1. 定义单元测试定义:单元测试是指对软件中的最小可测试单元进行检查和验证。单元在质量保证中是非常重要的环节,根据测试金字塔原理,越往上层的测试,所需的测试投入比例越大,效果也越差,而单元测试的成本要小的多,也更容易发现问题。也有不同的测试分层策略(冰淇淋模型、冠军模型)。2.转载 2021-09-17 12:53:07 · 5487 阅读 · 0 评论 -
[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版本了,vue版本太低了 ...原创 2020-07-20 19:21:32 · 3366 阅读 · 0 评论 -
element-ui低版本升级高版本(1.37升级到2.1.0),并解决升级后引发的问题
最近单位代码重构,记录一下升级element-ui升级过程及升级之后引发的问题升级步骤1、第一步:先卸载之前的版本 npm uninstall element-ui2、第二步:安装最新版(想要安装的版本) npm install element-ui @2.1.0-S(注:没装最新版,怕有什么问题)3、第三步:最重要的一步在main.js中修改新增的 theme-chalk 主题:将import 'element-ui/lib/theme-default/index.c...原创 2020-07-16 16:17:09 · 2514 阅读 · 1 评论 -
Jquery将form表单序列化成JSON对象
废话不多说,直接上代码 <form class="form-horizontal" id="userEditForm" role="form" > <div class="form-group"> <label class="col-sm-2 contr...原创 2020-04-14 17:47:50 · 430 阅读 · 0 评论 -
VUE项目中使用this.$forceUpdate();解决页面改变data数据不重新渲染问题
今天遇到一个问题,给数组添加了一个新的参数,但是也页面始终没有重新渲染。最后找了半天资料发现,原来是循环嵌套太深导致页面无法重新rander; 解决方案如下: 添加this.$forceUpdate();进行强制渲染,效果实现; ...原创 2019-04-27 12:54:05 · 3665 阅读 · 0 评论 -
object对象keys(), values() entries()
1、 Object.keys()ES5 引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键名。var obj = { foo: "bar", baz: 42 };Object.keys(obj)// ["foo", "baz"]2 、Object.values()Object.values方法返回一个...原创 2019-05-23 09:59:28 · 756 阅读 · 0 评论 -
微信小程序使用canvas绘制圆角矩形在Android:变形、锯齿
这两天用小程序实现分享生成海报,那我的手机测的一直没问题,结果后来用同事的小米测发现:画的图形缺个角,锯齿形的,根据小程序社区回复:使用ctx.arc + ctx.lineTo就能避免Android错误,Android只使用ctx.arcTo不兼容!!! /** * 绘制圆角矩形 * @param {Object} ctx - canvas组件的绘图上下文 ...原创 2019-05-29 13:38:17 · 1360 阅读 · 0 评论 -
HTTP协议中Cookie彻底解读
Cookie简介: Cookie总是保存在客户端中,按在客户端中的存储位置,可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护,保存在内存中,浏览器关闭后就消失了,其存在时间是短暂的。硬盘Cookie保存在硬盘里,有一个过期时间,除非用户手工清理或到了过期时间,硬盘Cookie不会被删除,其存在时间是长期的。所以,按存在时间,可分为非持久Cookie和持久Cook...原创 2019-07-04 16:06:48 · 432 阅读 · 0 评论