这篇文章拖了太久了… 但是依然有很多事情想要记录下来 也许大多都不是高兴的吧 今年都做了什么辞去工作准备旅游首先就是辞职 大概二月份的时候提出离职，三月离开了现在这家公司 辞职的原因很多 公司技术部团队很小，一个前端（我）一个后端，一个设计师。以前的设计师跳槽了，新的是后来又招的。新的设计师的沟通方式和我俩合不来… 经常闹矛盾 orz 我是会躲避矛盾的那种人，于是小团队不合就成为了辞职的原因之一 公司社保欠缴一年多，虽然工资有发，但是员工人人都担心着公司是不是快不行了（其实并没有），因为社保的问题，也有些不愉快 在这家公司一年半，确实开阔了视野（毕竟是坐落在上海市中心的留学公司），技术上也有不小的进步，但是这个公司的项目用的技术并不先进，基本都是在维护。我想找一个新的工作，尝试开阔自己的技术面 我想玩，上班挺累的，像辞职去旅游，也和朋友约好了时间，已经订好了三月份的机票 于是我就辞职了… 遭遇疫情但是辞职后马上遇到了天灾人祸，也就是让我感觉最难受最难忘的上海疫情封城 维基百科上称这次疫情封城为：2022 年 3 月上海市 2019 冠状病毒病聚集性疫情 当时和在上海的朋友一起 ...

Vue3 移除的 API按键修饰符 不再支持 keycode 作为 v-on 的修饰符 不再支持 config.keyCode 1234567891011121314151617<!-- 2.x --><!-- 键码版本 --><input v-on:keyup.13="submit" /><!-- 别名版本 --><input v-on:keyup.enter="submit" /><!-- 通过全局 config.keyCodes 选项 --><script> Vue.config.keyCodes = { f1: 112, };</script><input v-on:keyup.112="showHelpText" /><input v-on:keyup.f1="showHelpText" /><!-- 3.x --><!-- 新规 ...

组件相关函数式组件functional attribute 在单文件组件 (SFC) <template> 已被移除{ functional: true } 选项在通过函数创建组件已被移除 123456789101112131415161718192021222324// 使用 <dynamic-heading> 组件，负责提供适当的标题 (即：h1，h2，h3，等等)，在 2.x 中，这可能是作为单个文件组件编写的：// Vue 2 函数式组件示例export default { functional: true, props: ['level'], render(h, { props, data, children }) { return h(`h${props.level}`, data, children) }}// Vue 2 函数式组件示例使用 <template><template functional> &l ...

官方文档链接Vue2 的 Provide/injectVue3 的 Provide/Inject组合式 API 中的用法 认识 provide 和 injectprovide 和 inject 是 Vue 中的一种组件间传值的解决办法解决了深层嵌套的组件之间的传值不方便问题先来看看这两个单词什么意思… providevt. 提供; 供应; 给予; 规定 injectvt. (给…)注射(药物等); (给…)注射(液体); (给…)添加，增加(某品质) 从直译中，就可以知道 provide 提供了数据，将这个数据沿着组件向下传递而 inject 则是被注入了这个数据provide 用在遥远的父组件上…而 inject 用在遥远的子组件上… 这里的遥远指的是组件之间的关系：向下跨组件传递例如 Vue 官网给我们提供的组件结构 123456Root└─ TodoList ├─ TodoItem └─ TodoListFooter ├─ ClearTodosButton └─ TodoListStatistics 优点和缺点 优点方便，真 ...

vue3 中一些不兼容的小改变生命周期选项名称的变化12destroyed被重命名为unmountedbeforeDestroy被重命名为beforeUnmount 在 prop 的默认函数中访问 this生成 prop 默认值的工厂函数不能再访问 this 12345678910111213141516// vue3// 把组件接收到的原始prop作为参数传递给默认函数// inject API 可以在默认函数中使用import { inject } from "vue";export default { props: { theme: { default(props) { // props是传递给组件的原始值 // 在任何类型/默认强制转换之前 // 也可以使用inject来访问注入的property return inject("theme", "default-theme"); ...

学习来源 自定义开场画面 1自定义界面SDK 版本 7.1.2 脚本标签 label特殊 label 标签脚本标签 label 可以用在任何 rpy 脚本文件中，可以理解为某一段脚本的索引新建工程会生成一个 start 的 label，在主菜单点击启动或开始后，就会从 start 开始顺序执行脚本 可用标签这个场景下可以使用的标签有三个 splashscreen before_main_menu main_menu 在开头先把文本标签写上 1234567891011# 开场画面label splashscreen: pass# 主菜单之前label before_main_menu: pass# 主菜单label main_menu: pass 在 script.rpy 中添加这些文本标签后会发现，开头的主菜单(main menu)被跳过了 在主菜单前显示一个 logo将需要显示的 logo 图片放在工程目录中的 images 子目录下，然后重命名为 logo.png(文件名不能用中文)，修改 splashscreen 标签 1234label splashscreen: ...

学习来源 成功定义一个角色SDK 版本 7.1.2 定义一个角色(Character)和一小段对话(dialogue)12345# script.rpy里有这样一段define e = Character('艾琳')e "您已创建一个新的 Ren'Py 游戏。"e "当您完善了故事、图片和音乐之后，您就可以向全世界发布了！" 一般情况下,脚本中角色的每段话都会导致对话窗口内容更新并暂停, 需要一个鼠标点击事件继续 定制化角色角色对话内容可以进一步定制化1define e = Character("艾琳", who_color="#c8ffc8", window_background="frame.png") 这样定义角色的话,名字的文本颜色是#c8ffc8, 角色对话窗口背景使用图片”frame.png”更多配置参考文档 立绘1define e = Character('艾琳', image="eileen") ...

策略模式在表单验证中的应用最近想要封装一个校验表单的方法，没有什么很优雅的解决思路。今天偶然看到了这篇文章，学到了一种新的设计模式….实现也很容易理解。原文链接： http://hcysun.me/2016/02/21/%E7%AD%96%E7%95%A5%E6%A8%A1%E5%BC%8F%E5%9C%A8%E8%A1%A8%E5%8D%95%E9%AA%8C%E8%AF%81%E4%B8%AD%E7%9A%84%E5%BA%94%E7%94%A8/作者： HcySunYang 代码12345678910111213141516171819202122232425262728293031323334353637383940414243function FormValidation(VerifiPolicy) { // 保存策略对象 this.strategies = VerifiPolicy; // 验证缓存 this.validationFns = [];}FormValidation.prototype.add = function (dom, rul ...

どっちかなんて　聞かないで欲しい こんなことが続いて 疲れないはずばない 私は少しずつ削れていて まもうしていく感じだ でも 一人は退屈だ それは孤独よりずっと辛いたいがたい病気だ それに抵抗する薬は 人とのあいだに 生まれる見えないものしかないだろ だがら私は これからもまもうしていく 自分を保つために すこしずつ失っていくのだ うまくいかなくで たくさん傷づけても 恨まないで 安達としまむら

和后端一起遇到过的麻烦本来是想写在上一篇里面的，但是上篇已经写得很长了… 而且想到未来可能会遇到更多要解决的问题。就重新记录了一篇文章 优化初始地图打开速度数据量的问题通过分层解决，我们做了个全美人种分布的图层，首页显示了百万个点。这些点不仅影响了页面的打开速度，还对服务器造成了压力，同时浏览器渲染这些点也比较吃力 把后端做了多个 vector 源，前端写多个 layer，初始只展示数据量最小的源 接着把 script 标签从 api.mapbox.com 的 js 文件迁移到本地，从 network 里看到，mapbox-gl.js 这个文件的加载速度减少了好几秒 12345<!-- <script src='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.js'></script> --><script src="/js/plugins/mapbox-2.3.1/mapbox-gl.js"></script><!-- ...