技术爱好者周刊(第1期)

 

只写后台管理的前端要怎么提升自己 崔鹏程

前端个人成长建议,写的比较中肯,其中一些建议非常值得学习。


2023 前端年度技术总结 崔鹏程

一个优秀的前端同学对2023年前端技术的总结,其持续学习的态度和方法非常值得学习。


利用 console.log 能玩出什么厉害的花活? 崔鹏程

教你如何用 console.log 在浏览器控制台中玩出新花样,包括添加颜色、艺术字符画、背景图片和SVG动画等,让你的控制台输出更有趣。

  console.log('%c ', `
    line-height:100px;
    padding-left:400px;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml,<svg viewBox='0 0 400 100' xmlns='http://www.w3.org/2000/svg'><style>path{stroke-dasharray: 400;animation: dash 10s linear;}@keyframes dash {to {stroke-dashoffset: 2000;}}</style><path d='M 0 50 Q 50 100 100 50 T 200 50 T 300 50 T 400 50 T 500 50' stroke='black' fill='transparent' stroke-width='10'></path></svg>")
  `)

示例


JS 最新提案 Signal 郭兵宇

  • 【未来已来】Signal 让状态管理成为标准 ?!
    // 将直接支持 属性代理 属性监听
    const counter = new Signal.State(0);
    const isEven = new Signal.Computed(() => (counter.get() & 1) == 0);
    const parity = new Signal.Computed(() => isEven.get() ? "even" : "odd");
    
  • 第 91 次 TC39 会议举行,这还是我认识的JS吗?

    开发人员经常使用 Map 数据结构作为缓存,并且有时希望限制缓存的内存消耗。建议探索向 JavaScript 支持各种基本的简单缓存替换策略,例如 LRU(最近最少使用)、LFU(最不常用)、FIFO(先进先出)和 LIFO (后进先出)。

    FIFOMap 和 FIFOSet,LIFOMap and LIFOSet,LRUMap and LRUSet

    该提案旨在实现 Object.pick,Object.omit 方法,类似于 TypeScript 中的 Pick 和 Omit 工具函数。 Object.pick({a : 1, b : 2}, [‘a’]); // => {a: 1} Object.omit({a : 1, b : 2}, [‘b’]); // => {a: 1}