czr

菇凉别跑啊，我不是坏仁

wxminiprogram + proxy + global synchronized

背景 由于小程序每个页面是由独立的webview来承载，所以当a页面数据更新，b页面无法自动同步到数据，只能手动到b页面重新去拉取，基于这个痛点，利用app.js的全局对象getApp()来做全局信息的订阅和发布，加上对page和component进行proxy，给指定钩子添加上事件监听和解...

Posted by czr on November 9, 2021

react+hook

背景 自从使用react hook后，基本上数据都封在了hook内部，或者是通过props来进行传递，无独有偶，在我做看板可视化的时候，我把看板设计成了两层tab的结构，意味着两层路由的情况，数据的内容有交叉，也无法通过props来传递，同使时每次路由切换意味着数据的重新加载，这时候就想到组...

Posted by czr on April 28, 2020

docker+jenkins+GitLab

背景 由于开发环境和测试环境的分离，代码需要同时部署到两台服务器上，人工部署有工作量和风险，所以想使用jenkins来做自动化部署，刚好服务器上也有docker环境 环境 1.linux 2.docker 3.jenkins镜像：jenkins/jenkins:lts...

Posted by czr on January 18, 2020

download图片

首先祝所有的女同胞节日快乐！ 背景 项目中有一个下载图片的需求，大概就是浓缩一个右键另存为的功能吧。。。 问题 网上一堆使用a标签同时设置download属性，先不说有没有用，先上兼容图 首先不兼容ie,所以这个方案不通过 (ps:亲测a标签加上download, 假...

Posted by czr on March 8, 2019

通过git找回丢失的代码

由来 git checkout 切换引发的两个血案 问题 问题1 切换新的分支跟踪代码问题 问题1是由于疏忽引起的，主要是在切换代码新分支的时候没有跟踪主分支 git checkout -b feature#test 上面的命令没有使用 -t 来追踪指定的分支，默认是以当前分支代...

Posted by czr on May 30, 2018

axios又掉坑

由来 之前做了一个vue-koa的前后台脚手架，想着里面大多数的库都更新了想着来个大更新，抛弃了vue-resource,假装潮流的用上了axios,结果又掉坑里面了，想着上次是直接掉坑弃axios,用上了fetch,这次一定要弄清楚 问题 后台接收不到request.body,且con...

Posted by czr on November 8, 2017

关于proxy踩坑

目的 实现api跨域请求和服务器文件路径代理 前端为localhost: 8080 后端为localhost: 3333 在开发阶段使用webpack的devserver模拟服务端环境，因为使用前后端分离架构，前后端口不一样，所以需要跨域请求，方便开发更新，同时设置publicPath公共...

Posted by czr on November 6, 2017

vue响应数据绑定原理

核心 Object.defineProperty 使用Object.defineProperty来重写对象的getter和setter数据访问方法，使用对象setter方法来设置监控对象更新，getter方法设置监控对象订阅。 发布订阅的设计模式 使用主题设置对vue对象的data属性进行数据...

Posted by czr on June 19, 2017