随笔

面包屑自动生成

2021-07-22
近几天开了个新项目,架子全部由我来搭建,恰好看到之前代码里面包屑的用法很奇怪(每个页面 dispatch 发送本页面的全部路径),看到代码的时候人都傻了 Σ(っ°Д°;)っ ,为啥不搞成自动读取的? 花了十几分钟搞了个从路由自动读取的,瞬间舒畅了,还是开新项目好,陈年项目里太多太......

»»»

服务器迁移记录

2021-07-08
最近收到邮件,两台 ECS 服务器都要到期了,一台在阿里,一台在腾讯,都是优惠价买的,两百左右三年。看了下续费都要一千五百多一年,对于个人没有任何收益行为来言太贵了。 想起 Github 提供的主页就去域名解析看了下,惊喜的发现可以使用 CNAME 了,之前阿里是不给使用这个的,......

»»»

JSON.stringify

2021-06-26
JSON.stringify 接收三个参数 要格式化的数据 格式化函数或者只格式化指定数组的元素 缩紧 最常用的就是传递一个数据,从 Object 转为 JSON 字符串,还有就是最后一个参数传递 2 或者 4 以便格式化观看数据。 有一天忽然接到需求,说显示的字符串需要排序......

»»»

JavaScript Object

2021-06-20
众所周知 JavaScript 初生时借鉴了很多 Java 的语言特性,比如创建一个对象 new TargetObject(),但是它也有一些奇奇怪怪的东西,比如 Object.prototype。 prototype 这是一个神奇的东西,它被称为原型对象,所有对象都会从这里继承......

»»»

使用 Grafana 监测服务状态

2021-06-12
近期得知有些产品没有监控,导致几天后才发现出了问题,所以学习下做个技术储备,本文以一个简单的服务可用来进行服务保活监控。 先准备一个 docker 网络环境 docker network create server-network 一,暴露服务状态 提供状态数据 每秒发送一个心跳......

»»»

Use Rematch to replace Dva

2021-06-04
曾几何时 dva 和 roadhog 可谓是独领风骚,尤其是 dva 相比 redux 冗杂的使用方式简单了太多,可惜自一八年后都停更了,开启了KPI项目之路。并且每个死掉的项目没有任何说明,别家的项目换人维护或者停止更新好歹会在README里说明,但是在他们这里没有任何说明......

»»»

React Fiber

2021-03-29
React 15 时是 Virtual Dom 一个树形结构,16 之后变成了 Fiber Tree 一个链表结构,好处就不赘述了,对比过程可中断,有执行优先级等等特性。 为了方便,暂且还是以树形方式展示结构,每次 render 之后会生成一个新的 Fiber Tree,在 co......

»»»

渐进式重温 Webpack

2021-03-17
一,配置基础代码 增加配置文件 webpack.base.js module.exports = { mode: 'development', entry: path.resolve(__dirname, 'src', 'i......

»»»

Svelte

2021-03-10
https://github.com/sveltejs/svelte 又一个前端框架,它的主打是没用Virtual Dom,对于响应式数据直接在编译阶段检测到,然后去更新dom,不同于react的rerender,vue的依赖检测。 基本代码 如下实例,比较简单明了 // ind......

»»»

2021面试记录

2021-03-01
积梦智能 工作时间:985,某些情况会996加班补贴:超过9点报销25元晚餐费,超过11点报销打车费用薪资构成:基础薪资 + 项目年终奖金平均两个月做工业互联网的,据介绍说跟上汽有合作。公司里面有大佬,包括Go的布道者,前端所有的框架也都是自己造的轮子,地址在上海南站旁边,主要做......

»»»

Vue 学习笔记

2021-02-26
变量 Variable import { ref, reactive } from 'vue'; const age = ref(20); const user = reactive({ name:'tom', age: 30 }); cons......

»»»

CSS之滚动捕捉

2021-02-05
偶然间看到一个用CSS写的滚动式日期选择组件,里面有个很有趣的效果,不论怎么滚动,必定会出现一组恰好在指定位置的数据,在印象里,CSS是无法操控滚动行为的。 检察元素发现了一个有趣的属性scroll-snap-type,MDN解释为用于滚动容器,说明滚动的类型和方向。 既然如此......

»»»

CSS之粘性定位

2021-01-22
浏览 Apple 官网时发现一个有意思的动画,随着页面的滚动,电脑位置不懂但是盖子慢慢打开,并且在完全打开后会随着页面滚动。 首先反应是绝对定位,用的图片随滚动替换,然后判断滚动到一定位置时改成相对布局。但是这种方案有个问题是在对预定位置的判断上,很难做到完美,而且页面如果有变动......

»»»

在中通的三年半

2020-12-18
一,加入 2020年7月1号面试,5号报到中通信息安全部。刚加入时很空旷,整个部门只有一个昨天报到的同事,以及一个试用期还没过的(试用期没通过,以至于后来我和新来的同事以为没过试用期,没敢提转正的事情,默默开始查看新机会,再过了大半个月领导才说可以提流程),还有一个年纪比较大......

»»»

嗨 你好

2020-04-23
好久不见,甚是想念。 好久以前就想写这篇随笔了,跟自己的对话,因为各种无法收束的念头及疲惫的感觉所淹没,所以便一拖再拖,最终决定一天写一点,争取五一假期玩成。 对于性格 之前对于自己的性格认知可能就是内向,沉默寡言,一个倾听者。上个月一朋友让我看下MOBI测试,三百多道选择......

»»»

2019-12-28 约饭记

2020-01-02
  迫于之前经常带我吃饭的人跑了,所以就想去找些人约饭。在豆瓣上搜到加进去,有一百七十多人,加进去没几天,正好参加了28号的约饭。   组织者是一个从国外留学回来的很时尚的美女,约的六点半,为了不迟到,十分左右就到了,然后等到了将近七点才开吃。餐厅应该据说是粤式菜,一进去很多......

»»»

2019年终总结

2019-12-26
  时间真快,一九年就要结束了,今年发生了许多事情,尝试了许多事情。有过开心,有过恐惧,有过担忧,有过失望,也有不知所措,还有许多的空洞。  今年的第一个 flag 是工资达到十八K,结果刚过完年回来就达到了目标,从十四涨到了十八。第二个目标是拥有一个爱好,不知道这个算不算达成目......

»»»

fvdtbrt4fvefgnn

2019-10-02
六百六十一座城市去过五座,十四亿人口识得百人。以前总是缩在自己的小圈子里,睁开眼才发现世界这么大。 今天看到一个笔记,这样写道:“我看到很多年轻人站在路中间,就那样站着哭,身后没有灯,身前白雾茫茫。” 想去尝试下平头,顺便可以心安理得的带上帽子遮住自己 冥冥中感觉到时间快到了,也......

»»»

态度,追求

2019-09-20
最近比较忙碌,仿佛有沉甸甸的东西吊在胸口,有点喘不过来气 也在考虑搬家的事情,一七年住在公司附近郊区憋了一年,然后搬到现在的农民别墅住了一年,比较烦的是每天都要跟房东打照面(很尴尬的感觉),还不能自己偶尔做个饭吃。所以就想着换个地方住,然后正好有个朋友也准备换个房子,说可以......

»»»

摄影初接触

2019-09-04
快门 高速快门进入光线少,慢快门进入光线多,所以 1/30 比 1/300 亮。针对于高速移动物体可以适当提高快门 光圈 大光圈进光量多景深小(即焦点外模糊),小光圈进光量少景深大(即焦点外同样清晰),数字越小光圈越大。景深即焦点往后的距离,常见的主体清晰,背景模糊即靠景深控制 ......

»»»

React State Manage API

2019-06-27
Context 需要多层传递属性时,可以使用它,避免了 props 一层层传递的问题。但是可能有问题的是值发生改变时,所有消费组件都会重新渲染。 const ThemeContext = React.createContext('light'); ... re......

»»»

Golang some point

2019-04-23
time format usually, will try time.Format("YYYY-MM-DD HH:mm"),but this is a different。2006-01-02 15:04:05 is go birth time,then the ......

»»»

bb6f2555d7

2019-04-15
领薪水以来五份工作,第一份工作是休学时当了两个月收银员,厂饭卖票的。第二份实习人力外包三个月做了一个CRM系统。第三份刚组建的外包公司,准备做.NET开发的,被忽悠着做H5开发,也被忽悠着出差现场开发,离职半年后老板移民加拿大。第四份工作做在线教育,基于投资人线下教育资源,后因没......

»»»

Vue

2019-03-17
update 2021-02 组件导入 发现一个比较有趣的事情,导入组件第一个想到的肯定是import,这里还就不一样了,如果直接import是木有任何作用的。 Setup 导入 <script setup> import H2 from './Hello......

»»»

Swagger

2019-03-10
一款优秀的 API 管理工具集。 Swagger Swagger Editor 遵守 OpenAPI 规范的 API 设计工具。它里面也包含了 Swagger UI, 就像 markdown 编辑器一样,左边代码,右边可视化。 Swagger UI 可视化 API 参数模型及效......

»»»

Goroutine And Channel

2019-02-20
并发模型有进程级别的,有IO多路复用的,有线程的,有协程级别的。解释起来很啰嗦,参考第一条有一篇博文描述的挺形象的可以参考下。 goroutine 起一个goroutine非常简单,go后面跟执行的func即可。 go func() 需要注意任意一个goroutine panic......

»»»

Go mod

2019-01-21
Intro go mod 为了解决没有统一易用的包管理方案,甚至于项目管理方案因为目前还处于早期阶段,所以需要设置一个环境变量GO111MODULE=on Command init 首先,初始化一个包,执行后会生成go.mod文件。(如果之前用的godep,在init时......

»»»

2018年终总结

2019-01-14
嗯 虽然有过年中总结了,但再来一次整年的回顾吧,就谈谈 2018 年的从头到尾 技术 关于后台方面常见的一些套路,常用配置,微服务,负载均衡,队列消费,缓存穿透、雪崩等等,也算是从故障处理中总结出来的。前端没有一个质的变化,最新的技术(Webassembly, PWA, 小程序)......

»»»

区块链

2019-01-07
区块链是一串根据一定算法加密后的区块,每一个区块包含前一个区块的信息,然后再加上分布式账本以达到永久记录和不可篡改的特性。 不可篡改 其实这是一个伪命题,首先它是一个数据形式存在的,那么必定可以修改。根据共识机制,超过一半的人认为它是对的,那么它就是对的。也就是说,如果你能控制某......

»»»

错误监控

2018-12-20
最近系统故障蛮多,当然,各种错误都有。然后现在监控的话,只有进程数监控报警,响应时间超时报警。又是提供的基础生态,登录,用户,权限这种服务基本上是一刻也不能停的, 又因为某些原因呢,说好听点叫敏捷开发快速迭代,难听点是没有产品文档,没有测试流程,今天同事有个和别的部门对接一个很主......

»»»