• 分类:【前端
  • 浏览【29】
  • 评论【0】
  • 更新【2020-8-01 11:32:54】

vue在子组件中直接修改父组件传递下来的数据会报错: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "json" 原因是vue子组件不能直接修改父组件的数据,可以使用this.$emit发送通知,让父组件来修改。 示例代码: 子组件

阅读全文
  • 分类:【前端
  • 浏览【28】
  • 评论【0】
  • 更新【2020-7-29 11:45:04】

不依赖jquery也可以实现图片预览功能: <!--图片放大后的div 开始 这块粘贴在你的html中最后body前 --> <div id="outerdiv" style="text-align: center;position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(28,28,28,0.9);"> <img id="bigimg" style="max-he

阅读全文
  • 分类:【Golang
  • 浏览【32】
  • 评论【0】
  • 更新【2020-7-27 21:09:20】

乱码的情况目前有两种可能: 常规乱码,网页非utf-8。 非常规乱码,代码导致的乱码。 关于常规乱码可参考issue获取中文网页有乱码的问题 #185 非常规乱码就像我遇到的一样,最开始以为是网页问题,使用了github.com/djimenez/iconv-go转换还是乱码,使用了golang.org/x/text/encoding/simplifiedchinese还是乱码。 试试英文网页,还是乱码。最终一点点调试发现是由header引起的。 req.Header.Add("Accept-Encoding", "gzip, deflate")

阅读全文
  • 分类:【随笔
  • 浏览【33】
  • 评论【0】
  • 更新【2020-7-26 22:56:34】

最近侄子放暑假来我家玩,顺便带来了暑假作业,写作业的时候他问:“我国四大名著是什么?” 我当时一愣,心想这种问题还需要问吗?但是没有这么问他,而是问:“你们课本上没有教过吗?” 他说:“没有!” 我问:“那老师有没有说过?” 他说:“没有” 我心想:“可能是二年级还没有到应该知道的年龄!” 就问:“那你知道《西游记》吗?” 他说:“不知道。” 我问:“那《三国演义》,《红楼梦》,《水浒传》你更不知道了吧?” 他说:“不知道。” 当时我就有点气了,我气的不是他什么都不知道,而是气他到底看些什么动画。 于是我问:“《西游记》动画片你都没看过,那你平时都看什么动画?” 他说:“奥特曼,小猪佩奇,海绵

阅读全文
  • 分类:【随笔
  • 浏览【42】
  • 评论【0】
  • 更新【2020-7-19 08:29:03】

最近在更新网站源码的时候想到一个很现实的问题,当初出于学习和兴趣的目的花了很大的力气建立这个博客,也陆陆续续更新了一百多篇文章,到现在更新博客还是出于兴趣。但是有一个不得不面对的问题,就是维护成本。 回想一下这个博客也是经历过几次迁移,最开始是部署在百度云上,那时是2014年,百度云也算建立初期为了吸引用户和内测,提供了BAE服务,费用很低,每天只需2毛钱,一个月也就6块钱并且免费提供了数据库服务,基本算是白嫖。不过这种便宜的午餐持续到2018年结束了,正好遇到阿里云活动,3年270元,果断下单。然后就是域名备案,数据迁移等。 由此可知,自己维护一个博客(网站)还是很费心神的,很多个人博客都逐

阅读全文
  • 分类:【系统架构
  • 浏览【46】
  • 评论【0】
  • 更新【2020-7-17 19:49:05】

前后端分离 近几年比较流行的web项目开发架构是前后端分离,前后端分离架构在系统稳定性方面非常有优势,其中一点优势主要体现在用户感知上,即使服务端发生错误也不会展现在视图层,一般情况下用户是可以继续浏览网页,不会很突兀的显示这样的信息: 502 bad gateway 在接口发生错误时虽然可能会获取不到一些数据,但是在用户体验上比直接显示502错误要好。 部署也相对安全和方便。 前后端分离架构虽好,但不是”银弹”,不是所有网站都能使用前后端分离架构来做。 服务端渲染 至于分不分离都有诸多的优缺点,可根据实际场景选择,本文要说的是不分离情况下文章开始所提到的问题——难看的502,500错误。

阅读全文
  • 分类:【MongoDd
  • 浏览【95】
  • 评论【0】
  • 更新【2020-6-19 15:57:09】

在go mongo中查询是使用的是bson.M类型的条件,但是直接使用时无法动态添加条件,只能初始化赋值,bson.M其实就是map类型,只能使用someMap["someKey"]="someValue" 的形式添加,这样的话只能是用if判断字段的值来决定是否添加map key/value,写起来比较繁琐。还有一种是利用结构体转换为bson.M来实现。 //构造一个查询结构体 search := User{ ID: id, Name: name, Age: age, } //构造一个条件变量 condition := bson.M{}

阅读全文
  • 分类:【疑难杂症
  • 浏览【176】
  • 评论【0】
  • 更新【2020-6-15 12:36:50】

(node:9828) UnhandledPromiseRejectionWarning: TypeError: text is not iterable at Keyboard.type (D:\workspace\auto-ui\node_modules\puppeteer-core\lib\Input.js:160:24) at Keyboard. (D:\workspace\auto-ui\node_modules\puppeteer-core\lib\helper.js:112:23) at openBrowser (D:\workspace\auto-ui\

阅读全文
  • 分类:【系统架构
  • 浏览【397】
  • 评论【0】
  • 更新【2020-5-10 11:44:34】

前言 接上篇《说道说道前后端分离》今天再次对前端现状作一次分析(吐槽)。 再次引用一句《穷查理宝典》中的理论: 在手里拿着锤子的人看来,所有的东西都会是钉子。 因为有锤子的关系,遇到任何问题,都会先想如何用锤子解决。久而久之,陷入了一种思维定式。任何工具带来便利的同时,也带来了局限性。而这往往是用锤子的人很难看到的。 事出有因 这种现状在开发圈内决不少见,不仅限于前端。本文只说说前端的现状,原因是笔者最近在工作中遇到一个棘手的问题:性能优化。 最近接手了多个现有的前端项目,是公司比较核心的移动端官网,作为门户网站访问量和用户量都比较大,但是随着项目的迭代出现了性能问题,页面加载速度在W

阅读全文
  • 分类:【工具使用
  • 浏览【222】
  • 评论【0】
  • 更新【2020-4-15 19:36:56】

为什么需要UI自动化? 说起自动化,听着很厉害,可是也没见识过到底多厉害,基本是属于传说,没见过实战。但不能否认其价值,作者本人作为一个开发者也是偶然的机会接触到UI自动化,感受到了自动化的魅力,才不惜花时间来学习并使用在实际工作中。下面就来说一下为什么要做自动化。 自动化有很多种,单元测试,接口测试,UI测试。所有测试过程可以形成这样一个金字塔: (图片来自网络) (图片来自网络) 从图中看出底层测试简单快速,每个单元相对独立,测试成本也较低。而最顶层的UI层聚合了底层的很多接口服务,一个测试流程相对更长更复杂,也就导致了速度慢,成本高的问题。如果由人工来完成,一个完整的测试流程往往需要

阅读全文