Ricardo 的旅行影像与沿途笔记。以照片记录城市、光线和抵达过的地方。https://ricardolsw.github.io/zh-CNhttps://ricardolsw.github.io/travel/chongqing/https://ricardolsw.github.io/travel/chongqing/清明假期在重庆留下的一组城市影像：骑楼、霓虹、跨江大桥、洪崖洞与穿行山城的轨道交通。Mon, 08 Apr 2024 00:00:00 GMThttps://ricardolsw.github.io/%E5%B7%A5%E5%85%B7/gitflow%E6%B5%81%E7%A8%8B%E7%A4%BA%E4%BE%8B/https://ricardolsw.github.io/%E5%B7%A5%E5%85%B7/gitflow%E6%B5%81%E7%A8%8B%E7%A4%BA%E4%BE%8B/分支管理 分支命名 master 分支 master 分支为主分支，用于部署生产环境，需要确保master分支的稳定性。 此分支属于只读分支，只能从 release 分支合并过来，任何时候都不能在此分支修改代码。 所有向master分支的推Mon, 19 Jul 2021 00:00:00 GMThttps://ricardolsw.github.io/%E5%B7%A5%E5%85%B7/%E7%95%AA%E5%A4%96%E7%AF%87-%E8%87%AA%E5%8A%A8%E9%83%A8%E7%BD%B2-GitHub-Actions/https://ricardolsw.github.io/%E5%B7%A5%E5%85%B7/%E7%95%AA%E5%A4%96%E7%AF%87-%E8%87%AA%E5%8A%A8%E9%83%A8%E7%BD%B2-GitHub-Actions/番外篇：自动部署（GitHub-Actions）Sun, 25 Apr 2021 00:00:00 GMThttps://ricardolsw.github.io/vue/Vue3%E5%89%8D%E4%BC%A0-%E5%88%9B%E5%BB%BA%E5%B7%A5%E7%A8%8B%E6%97%B6%E5%BF%85%E9%A1%BB%E8%A6%81%E5%81%9A%E7%9A%84%E4%BA%8B/https://ricardolsw.github.io/vue/Vue3%E5%89%8D%E4%BC%A0-%E5%88%9B%E5%BB%BA%E5%B7%A5%E7%A8%8B%E6%97%B6%E5%BF%85%E9%A1%BB%E8%A6%81%E5%81%9A%E7%9A%84%E4%BA%8B/前言 Vue3 跟 Vite 正式版发布有很长一段时间了，可我到现在Vue2都还没整明白，学不动了呀，Angular和React也都快忘完了。但该学还是要学，今天再开个专栏，记录下学习Vue3的过程。 言归正传，这篇主要讲怎么搭建一套规范的Sat, 24 Apr 2021 00:00:00 GMThttps://ricardolsw.github.io/%E6%9C%8D%E5%8A%A1%E5%99%A8/Nginx%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1/https://ricardolsw.github.io/%E6%9C%8D%E5%8A%A1%E5%99%A8/Nginx%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1/Nginx负载均衡Wed, 17 Mar 2021 00:00:00 GMThttps://ricardolsw.github.io/%E5%B7%A5%E5%85%B7/%E4%BD%BF%E7%94%A8Charles%E6%8A%93%E5%8C%85%E5%B7%A5%E5%85%B7/https://ricardolsw.github.io/%E5%B7%A5%E5%85%B7/%E4%BD%BF%E7%94%A8Charles%E6%8A%93%E5%8C%85%E5%B7%A5%E5%85%B7/介绍 Charles https://www.charlesproxy.com/ 是Mac下常用的网络封包截取工具，在做移动开发时，我们为了调试与服务器的网络通讯协议，常常需要截取网络封包进行分析。除了在做移动开发中调试端口外，CharleMon, 15 Mar 2021 00:00:00 GMThttps://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%B0%86%E9%A1%B5%E9%9D%A2%E4%BF%9D%E5%AD%98%E6%88%90%E5%9B%BE%E7%89%87/https://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%B0%86%E9%A1%B5%E9%9D%A2%E4%BF%9D%E5%AD%98%E6%88%90%E5%9B%BE%E7%89%87/前言：这玩意是真的坑 开发环境 chameleon框架 https://cml.js.org/docs/ 原型图 代码实现（各种踩坑） 页面具体怎么画的这里就不多说了，具体讲保存图片这个功能，一看到这个功能就觉得似曾相识，我以前好像做过，立Mon, 15 Mar 2021 00:00:00 GMThttps://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/%E8%AE%B0%E4%B8%80%E6%AC%A1%E5%89%8D%E7%AB%AF%E9%A1%B9%E7%9B%AE%E4%BC%98%E5%8C%96%E5%AE%9E%E6%88%98/https://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/%E8%AE%B0%E4%B8%80%E6%AC%A1%E5%89%8D%E7%AB%AF%E9%A1%B9%E7%9B%AE%E4%BC%98%E5%8C%96%E5%AE%9E%E6%88%98/前言 前几天接到某项目的一个前端问题，一个移动端的H5页面，用手机4G网打开加载要十几秒，长达十几秒的白屏让用户接受不了。第二天就跑去现场看了下问题，然后给这个项目做了一些优化，晚上回来就想着把这事给记下来整理成文档，希望能给大家在前端项目Thu, 06 Aug 2020 00:00:00 GMThttps://ricardolsw.github.io/blog/Flutter-WebSocket%E5%B0%81%E8%A3%85-%E5%AE%9E%E7%8E%B0%E5%BF%83%E8%B7%B3-%E9%87%8D%E8%BF%9E%E6%9C%BA%E5%88%B6/https://ricardolsw.github.io/blog/Flutter-WebSocket%E5%B0%81%E8%A3%85-%E5%AE%9E%E7%8E%B0%E5%BF%83%E8%B7%B3-%E9%87%8D%E8%BF%9E%E6%9C%BA%E5%88%B6/前言 1. Flutter简介 Flutter 是 Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App，一套代码同时运行在 iOS 和 Android平台。 Flutter提供了丰Mon, 27 Jul 2020 00:00:00 GMThttps://ricardolsw.github.io/%E5%B7%A5%E5%85%B7/%E4%BD%A0%E5%BF%85%E9%A1%BB%E7%9F%A5%E9%81%93%E7%9A%84Git%E5%88%86%E6%94%AF%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83/https://ricardolsw.github.io/%E5%B7%A5%E5%85%B7/%E4%BD%A0%E5%BF%85%E9%A1%BB%E7%9F%A5%E9%81%93%E7%9A%84Git%E5%88%86%E6%94%AF%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83/分支管理 分支命名 master 分支 master 分支为主分支，用于部署生产环境，需要确保master分支的稳定性。 此分支属于只读分支，只能从 release 分支合并过来，任何时候都不能在此分支修改代码。 所有向master分支的推Thu, 02 Jul 2020 00:00:00 GMThttps://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/%E5%85%B3%E4%BA%8EObject.entries()-%E4%BD%A0%E8%BF%98%E7%9F%A5%E9%81%93Object.fromEntries()%E5%90%97/https://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/%E5%85%B3%E4%BA%8EObject.entries()-%E4%BD%A0%E8%BF%98%E7%9F%A5%E9%81%93Object.fromEntries()%E5%90%97/前言 我们知道要把一个 Object 转换成 Array ，可以使用 Object.entries 。但是如果你想把一个 Array 转换成 Object 怎么办？我们可以使用 Object.fromEntries ，它来自ES10语法。 Wed, 24 Jun 2020 00:00:00 GMThttps://ricardolsw.github.io/%E5%B7%A5%E5%85%B7/%E7%8E%A9%E8%BD%ACGitHub-1-GitHub-Gist/https://ricardolsw.github.io/%E5%B7%A5%E5%85%B7/%E7%8E%A9%E8%BD%ACGitHub-1-GitHub-Gist/前言 我们平时的工作中， GitHub 是必不可少的代码托管平台，但是大多数同学也只是把它做为了托管代码的地方，并没有合理的去运用。 其实 GitHub 里面有非常多好玩或者有趣的地方的。当然，这些技巧也能对你的工作效率有很大的提升。 这里Tue, 23 Jun 2020 00:00:00 GMThttps://ricardolsw.github.io/vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/Vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B-4-%E5%8A%A8%E6%80%81%E8%B7%AF%E7%94%B1%E8%8F%9C%E5%8D%95+%E6%9D%83%E9%99%90%E6%8E%A7%E5%88%B6/https://ricardolsw.github.io/vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/Vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B-4-%E5%8A%A8%E6%80%81%E8%B7%AF%E7%94%B1%E8%8F%9C%E5%8D%95+%E6%9D%83%E9%99%90%E6%8E%A7%E5%88%B6/前言 上一篇讲到了如何通过路由创建页面以及Mock的使用，然而在实际项目中，大部分中后台前端项目对于菜单都有一个权限控制，像某某角色只能看到这些菜单页面，某某角色只能看到另一些菜单页面，还有一些角色他们能看到同一个页面，但是其中一个只能查看Fri, 19 Jun 2020 00:00:00 GMThttps://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/%E5%B0%86%E9%A1%B5%E9%9D%A2%E5%85%83%E7%B4%A0%E8%BD%AC%E4%B8%BAcanvas%E5%B9%B6%E5%AF%BC%E5%87%BA%E4%B8%BAPDF%E6%96%87%E4%BB%B6/https://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/%E5%B0%86%E9%A1%B5%E9%9D%A2%E5%85%83%E7%B4%A0%E8%BD%AC%E4%B8%BAcanvas%E5%B9%B6%E5%AF%BC%E5%87%BA%E4%B8%BAPDF%E6%96%87%E4%BB%B6/前言 这几天在做一个电子收据系统的项目，涉及到收据开具、审核、收款、打印这些功能，说道收款，就想起来前两天测试扫码付款导致我血亏7分钱巨款~诶~不提了，今天这篇主要说一下收据打印功能，收据收款完成后，需要导出PDF用于打印盖章。 原型图 代Wed, 10 Jun 2020 00:00:00 GMThttps://ricardolsw.github.io/vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/Vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B-3-%E5%88%9B%E5%BB%BA%E9%A1%B5%E9%9D%A2+%E6%B7%BB%E5%8A%A0%E8%B7%AF%E7%94%B1+Mock%E6%A8%A1%E6%8B%9F%E6%95%B0%E6%8D%AE/https://ricardolsw.github.io/vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/Vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B-3-%E5%88%9B%E5%BB%BA%E9%A1%B5%E9%9D%A2+%E6%B7%BB%E5%8A%A0%E8%B7%AF%E7%94%B1+Mock%E6%A8%A1%E6%8B%9F%E6%95%B0%E6%8D%AE/前言 本来这篇想讲讲怎么打包项目的，但是刚好最近在做一个后台维护的前端项目，然后想想打包这部分可以往后放一放，可以先通过这个项目讲一讲怎么创建页面、添加路由然后如何使用Mock模拟数据。 上一篇大家对于Vue CLI搭建脚手架有了一些了解，Thu, 30 Apr 2020 00:00:00 GMThttps://ricardolsw.github.io/vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/Vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B-1-%E5%89%8D%E7%AB%AF%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/https://ricardolsw.github.io/vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/Vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B-1-%E5%89%8D%E7%AB%AF%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/前言 Vue https://cn.vuejs.org/ 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当Tue, 28 Apr 2020 00:00:00 GMThttps://ricardolsw.github.io/vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/Vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B-2-%E4%BD%BF%E7%94%A8Vue-CLI%E5%BF%AB%E9%80%9F%E7%94%9F%E6%88%90%E9%A1%B9%E7%9B%AE%E8%84%9A%E6%89%8B%E6%9E%B6/https://ricardolsw.github.io/vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/Vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B-2-%E4%BD%BF%E7%94%A8Vue-CLI%E5%BF%AB%E9%80%9F%E7%94%9F%E6%88%90%E9%A1%B9%E7%9B%AE%E8%84%9A%E6%89%8B%E6%9E%B6/前言 上一篇 https://ricardolsw.github.io/vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/Vue%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B 1 %ETue, 28 Apr 2020 00:00:00 GMThttps://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/Vue%E4%BD%BF%E7%94%A8ESlint+Prettier%E6%A0%BC%E5%BC%8F%E5%8C%96%E4%BB%A3%E7%A0%81/https://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/Vue%E4%BD%BF%E7%94%A8ESlint+Prettier%E6%A0%BC%E5%BC%8F%E5%8C%96%E4%BB%A3%E7%A0%81/前言 代码规范是程序员的根本，入门第一步，从规范代码开始，而ESLint就是一款检查JavaScript代码风格/错误的工具，其他类似的还有TSLint、stylelint。 ESLint包含三个功能： 检查语法 发现错误 格式化代码 而下Thu, 23 Apr 2020 00:00:00 GMThttps://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/webpack%E5%9F%BA%E7%A1%80/https://ricardolsw.github.io/%E5%89%8D%E7%AB%AF/webpack%E5%9F%BA%E7%A1%80/前言 webpack是一款非常流行的前端用于构建自动化开发的工具，与之前的gulp和grunt功能非常相似，它们都是一款通过JavaScript来构建Web网站的自动化工具！ 本质上，webpack是一个现代JavaScript应用程序的静Fri, 17 Apr 2020 00:00:00 GMThttps://ricardolsw.github.io/%E7%A7%BB%E5%8A%A8%E7%AB%AF/iOS%E7%AB%AFUI%E6%8E%A7%E4%BB%B6-%E5%BE%AA%E7%8E%AF%E6%BB%9A%E5%8A%A8%E8%A1%A8%E6%A0%BC/https://ricardolsw.github.io/%E7%A7%BB%E5%8A%A8%E7%AB%AF/iOS%E7%AB%AFUI%E6%8E%A7%E4%BB%B6-%E5%BE%AA%E7%8E%AF%E6%BB%9A%E5%8A%A8%E8%A1%A8%E6%A0%BC/前言 学习iOS开发一个多月了，最近做项目的时候碰到一个这样的需求：一个展示数据的面板，里面有一个表格，表格的数据循环滚动。类似下图： 我这个人又比较懒，一开始直接上Google看看有没有现成的控件使用，翻了半天也没找到一些能用的东西，基本Thu, 16 Apr 2020 00:00:00 GMT