2020 年的第 40 篇日记

2020-02-09 · 周日开心多云

下午也参加了一部分的工作任务,主要把后端新增的接口接入了前端,但输出内容方面仍然需要进行优化。

接着继续修改了自己的小窝后台,把昨天的想法“给汉堡菜单增加添加操作接口”成功实现了,日记编辑界面“保存、删除、载入草稿”这三个金刚挤在“提交”后面的情况也将不复存在,它们将收纳在菜单里面,整体布局更加简洁舒服!

与此同时,我也给小窝后台增加了 manifest.json 文件,它可以将网页模拟成一个 APP 的样子,只是没有 ServiceWorker,这玩意还是只能联网使用。

晚饭前,我已经感受到了自己技术上的不足,需要提升自己了。于是去找了下 PHP 框架的相关教程,想了想还是看看 Laravel 吧!看了之后才发现,自己的小窝架构比较混乱。框架大多数采用 MVC 模式(我的理解是模型负责数据,视图负责渲染页面,控制器来负责处理用户的输入)

而我小窝则是将这些全部写在了一起,一个类代表了一个功能,里面有不同的函数分别承包了这三者的任务。从代码可读性和维护角度上来说,MVC 肯定是更占优势的。通过教程,得知了一个基本 Laravel 项目的构建,只需要用 PHP 的包管理器 Composer 就可以搞定,接着就是去熟悉框架的目录结构。


笔记

  1. app:应用程序核心目录,几乎项目所有的类都在这里。
  2. bootstrap:包含框架启动文件 app.php,和启动时为了优化性能而生成的文件。
  3. config:包含所有配置文件。最好是读一遍这些文件,了解你可以轻松配置哪些内容。
  4. database:包含数据库填充、迁移、模型工厂文件。可以用作 SQLite 数据库存放目录。
  5. public:静态资源目录,并包含了首页文件 index.php
  6. resource:包含了未编译的源文件(模板、语言、资源)。
  7. routes:包含了所有的路由定义。
  8. storage:包含了编译好的模板文件,session 文件,缓存文件,日志等文件。
  9. tests:包含了自动测试文件。运行测试命令 php vendor/bin/phpunit
  10. vendor:包含了所有 composer 依赖。


晚上吃完饭,群友 @谢毅 告诉我他写了一个蛮有意思的项目。之前 BootCDN 不是出过问题导致一大堆站点爆炸嘛,他设计的这个小项目会在加载 JS 代码的同时,检测是否成功连接该资源。如果默认的链接无法连接,它就会自动切换其他 CDN 源,重新引入该库的代码。

我分析了下源码,基本原理其实就是给页面后期添加 script 标签,使用 onload 事件检测其连接状态。正当我看得津津有味,突然发现了一个很让我感到意外的地方!他这个项目的函数里面的参数,使用了类似 PHP 的默认参数写法(如 function (type = 1) 这种)!写了两三年的 JS,却不知道 JS 也能这样!

@Mather:“这个是 ES6 的特性,没有编译器的帮助下不敢直接跑在浏览器”
也难怪,那时候入门 JS 的时候看的都是 ES5 标准,涨姿势了!这种写法并没有定义全局变量,是仅限在函数内的。

继续学习 Laravel,也跟着去实践去敲了敲路由,感觉框架的路由系统着实非常方便,相对于 NodeJS 的 Express,它没有异步的困扰,感觉相对更容易掌握。今晚就学到这里,明天再继续吧!

昨天修改日记编辑界面的另一个想法“在提交按钮旁增加上次提交的时间”仍未实现,但我对它又有了一个新的扩展:取消原有“提交中、提交成功”的弹窗,将其状态直接显示在按钮上面,只在报错的情况下弹窗提示,用户体验又提升了一步!

02.09-汉堡菜单.jpg02.09-JS-的函数默认参数.jpg
Journey To Absolution (Electro Orchestral Mix)

Journey To Absolution (Electro Orchestral Mix)

Paradox Interactive
Paul

Paul

特立独行的一只前端菜狗。这篇日记编写大概耗时了 0 分钟,内容均为个人原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!如本站内容对你有所帮助的话,不妨 捐助支持 一下?

近期评论

鲍小螺: 前辈多多指教!ahu: 后生可畏寻梦xunm: 真不错,板子很好看。timochan: 太惨了( ,更新暴毙,如果恢复没成功,数据也 dump 不出来鲍小螺: 在这部分对话中,广树和保罗继续讨论生活的不同方面。保罗提到了技术更新和国内的优秀 IT 技术。广树解释了在国内积累的经验如何在日本产生穿越的感觉,并表达了对于日本生活节奏的喜爱。他还提到了医疗水平的差异和对于生活方式的感受。保罗表示,通过动漫和现实的对比,艺术来源于现实,日本生活的确有着独特之处。他们讨论了国内的生活节奏和就医等方面的压力,以及个人选择的自由。最后,他们也谈到了不结婚不买房的选择和对于房价的困扰。鲍小螺: 该对话进一步讨论了房地产和税收的问题。保罗提到了国内的房地产税和增值税以及日本的固定资产税。广树解释了日本房地产税的收取方式,以及房产税对于国内房产的影响。他认为,与国内相比,日本的房子质量和服务更好。保罗提出疑问,为什么自己拥有的地也要交税。广树解释了类似增值税的原理,并指出在日本拥有房产是稳定安全的。最后,保罗表示从广树的角度来看,情况确实是如此。鲍小螺: 这篇文章的聊天记录也尝试过用 GPT 总结,结果并不是太好,不知道是不是 Prompt 的问题,实际出来的内容过于简练了,于是又耗费了半小时写完,呼~
奇趣音乐盒技术源于 Kico Player
Emmm,这里是歌词君