在开发基于vue.js的在线视频教育平台的时候，我们会注意一个小问题，就是如果用户在观看播放视频的同时，也会往下拖动窗口浏览一些评论，这样视频就会被滚动条覆盖，导致用户无法在浏览评论的同时观看视频，同理，如果想边刷微博边追剧怎么办？想边聊微信边看球赛怎么办？     目前我们可以用h5的技术来解决这个问题，支持HTML5 <video>播放时候Picture-in-Picture，也就是俗称的画中画技术，也就是很多视频......

    钉钉作为阿里旗下的一款免费移动通讯软件，受众群体越来越多，这里我们使用Django来集成一下钉钉的三方账号登录，首先注册钉钉开发平台：https://open-dev.dingtalk.com/     在移动应用中选择登录          创建一个网站应用，其中有用的信息是appid,appsecret，还有回调网址  &......

    之前写了几篇关于FastDfs分布式存储的文章:python3.7.3操作FastDfs来进行文件操作,其实市面上关于云存储的第三方服务比比皆是，最著名的无疑就是七牛云存储，本次我们将演示用tornado配合七牛云来进行文件的云存储操作。     在做七牛云的文件上传时，很多人有一个误区，就是以为是前端先上传到后台服务器，然后后台服务器再将文件上传到七牛云，这个逻辑本身没有问题，但是会遇到一个问题，如果是后台对接七牛，出一个接口，......

    喜欢二次元的朋友一定对大名鼎鼎的live2d技术并不陌生，live2D是一种应用于电子游戏的绘图渲染技术，技术由日本Cybernoids公司开发，通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像。     可以看到本站右下角出现了一只可爱的小喵          可以看到这只猫会跟着你的鼠标运动，有着伪3D的感觉......

    之前写了几篇关于微信小程序的开发实践，总的来说没啥难度，感兴趣的请移步：使用Mpvue配合Weui开发面试题题库微信小程序，并且发布到正式环境,这一次我们来尝试开发一下微信公众号，那么公众号和小程序到底有什么区别呢？     首先定位不同     公众号服务于营销与信息传递，小程序面向产品与服务。公众号主要用于信息的传递实现人与信息的连接，借助H5 能够实现简单的交互，主要以营销和信息传递为主简单的......

    就在不久之前，我们目前这个毕业班的班长那日同学和我说，他正在公司开发Chrome扩展，看起来很高大上的技术，实际开发却非常简单，这引起了我非常浓厚的兴趣，正所谓技不压身，检验自身技术的手段之一就是拥抱新事物，这一次我们尝试在半小时内开发一款Chrome扩展，因为之前我们做了一个微信小程序的在线面试题题库的项目，所以正好利用这个题库将面试题平移到Chrome扩展上面。     Chrome插件其实和一个普通web......

    我们知道openid是微信用户验证的重要标识，支付功能严重依赖这个东西，之前我们做微信支付的时候是通过在微信客户端直接调用官方接口，通过传code参数来调用，下面这样： getOpenId(){ //获取用户的openid let _this=this; wx.login({ success(res) { if (res.code) { ......

    手机抓包是一名测试工程师常备的技能，比如我想查看一个接口请求的参数、返回值，还有移动设备上的http请求、https请求，这一次的背景是我们想要在app端和小程序端抓取一些视频，这里用腾讯视频作为例子，使用mac系统的Charles软件（有点类似win系统中的fiddler，使用方式上大同小异）来进行视频接口与地址的抓包和嗅探。     同时抓包工具也有利于线上生产环境问题的分析，前几天有个做服务端的同学跟我说他不用抓包工具，遇到......

    最近同学出去面试经常会被问到一个问题。     面试官：你说你们公司使用nginx反向代理tornado，部署了多少多少台机器，好像很牛逼的样子，但是我问你，如果主机也就是部署了nginx那台机器并发过大导致宕机了怎么办？     答曰：不考虑带宽峰值的话，比较新的 CPU 跑 nginx 单核每秒能接近 2 万请求，而且nginx如果纯做 HTTP 转发的话......

    之前的一篇文章详细阐述了微信小程序开发的准备和入门以及环境搭建，这一次我们介绍如何将微信小程序如何上线，同时配合weui美化界面。     本次做的微信小程序项目是一个类似在线题库的功能，面试者可以通过小程序来检索笔试题，同时用户输入关键词时同步监听输入行为，不需要点击就可以获取知识要点，后台采用tornado+mongodb+mortor的组合实现异步非阻塞的接口。     首先weui是腾讯团队......

    大家都知道，Celery是一个简单、灵活且可靠的,处理大量消息的分布式系统，在之前的一篇文章中：python3.7+Tornado5.1.1+Celery3.1+Rabbitmq3.7.16实现异步队列任务 详细阐述了如何进行安装部署和使用，但是过程太繁琐了，先得安装Erlang，再安装rabbitmq，然后各种配置，最后由于async关键字问题还得去修改三方库的源码，其实我们可以通过docker来将celery服务封装成镜像，如此一来，以后再使用ce......

    究竟什么是暗黑模式？这个概念起初来源于macOS系统，该系统的mojave版本为用户提供两个主题皮肤，即浅色和深色的皮肤。自从有了这个概念之后，很多网站和系统都会用户提供了相应的两套肤色，便于用户根据自己的习惯或爱好进行切换          从科学的角度讲，低对比度的暗色可以降低屏幕对视网膜的刺激，同时还可以让电子设备更加省电。     在过往......

    我们知道在程序在执行 IO 密集型任务的时候，程序会因为等待 IO 而阻塞，而协程作为一种用户态的轻量级线程，可以帮我们解决这个问题。协程拥有自己的寄存器上下文和栈。协程调度切换时，将寄存器上下文和栈保存，在调度回来的时候，恢复先前保存的寄存器上下文和栈。因此协程能保留上一次调用时的状态，即所有局部状态的一个特定组合     说人话：说白了就是，当协程遇到io操作而阻塞时，立即切换到别的任务，如果操作完成则进行回调返回执行结果，提......

    其实微信支付有很多种形式，刷脸，扫码，APP支付，小程序支付等，这边只说明小程序支付的实现，不过原理上都大同小异。     首先，需要注册微信公众号平台https://mp.weixin.qq.com，并且开通微信支付功能，随后将你的小程序关联一个微信商户：pay.weixin.qq.com，这一系列申请下来之后，你手中需要有微信小程序appid，微信小程序秘钥，商户号，以及商户秘钥，这四个关键的支付配置变量。......

    如果使用Python做大型海量数据批量任务时，并且backend用mongodb做数据储存时，常常面临大量读写数据库的情况。尤其是大量更新任务，由于不能批量操作，我们知道pymongo是同步任务机制，相当耗时。     如果采用多线程、多进程的方案确实有效，但编写麻烦、消耗系统资源大（pymongo还不允许fork线程中共用连接）。这里主要瓶颈在于IO，使用单线程异步操作就会效果很好。     M......

    我们知道，Redis的集群方案大致有三种：1）redis cluster集群方案；2）master/slave主从方案；3）哨兵模式来进行主从替换以及故障恢复。     sentinel系统可以监视一个或者多个redis master服务，以及这些master服务的所有从服务；当某个master服务下线时，自动将该master下的某个从服务升级为master服务替代已下线的master服务继续处理请求。 ......

    我们知道，写习惯了前端的人，一般切图后布局页面的话，上手最习惯的是基于盒子模型的浮动布局，依赖 display 属性 + position属性 + float属性，但是浮动布局有一些致命的小问题，比如垂直居中比较费劲，比如著名的float坍塌问题，另外有些极端情况下，还得使用模型+clear:both来手动清除浮动，比较麻烦。     于是，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局......

    众所周知，一个大型的Docker容器组成的微服务应用中，容器的数量是非常巨大的，如果依赖传统的人工配置方式进行维护，对于开发和运维来说简直就是噩梦。docker-compose的出现正是为了解决这个问题。     docker-compose是一个用于定义和运行多容器Docker应用的工具，只需要一个Compose的配置文件和一个简单的命令就可以创建并运行应用所需的所有容器。在配置文件中，所......

    我们知道Tornado 优秀的大并发处理能力得益于它的 web server 从底层开始就自己实现了一整套基于 epoll 的单线程异步架构，其他 web 框架比如Django或者Flask的自带 server 基本是基于 wsgi 写的简单服务器，并没有自己实现底层结构。而tornado.ioloop 就是 tornado web server 最底层的实现。     ioloop 的实现基于 epoll ，......

    上一篇介绍了一款高性能全文检索引擎Redisearch，它不仅性能强劲，部署也方便，这里介绍一下如何用python客户端和它进行交互。使用redisearch-python:https://github.com/RediSearch/redisearch-py     首先，安装      pip3 install redisearch    ......