技巧
31篇文章 · 0订阅
  • 预测2024年之后的前端开发模式
    大家好，我卡颂。 最近AIGC（AI Generated Content，利用AI生成内容）非常热，技术圈也受到了很大冲击。目前来看，利用LLM（Large Language Model，大语言模型）
    前端 ChatGPT JavaScript
    预测2024年之后的前端开发模式
  • Dva 5分钟上手指南
    1. Dva是什么？ dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 2. 快速上手开发？（保存用户信息为例） 以下部分是详…
    React.js
  • React Hook + TS 购物车实战（性能优化、闭包陷阱、自定义hook）
    本文涉及到的代码已经整理到 github 仓库中，用 cra 搭建了一个示例工程，关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据，这里并不是本文的重点，可以通过自定义请求 hook 实现，也可以通过普通的 …
    React.js
  • CSS 奇思妙想边框动画
    觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…
    CSS 前端
    CSS 奇思妙想边框动画
  • 26种JavaScript优化技术
    开发人员的生活总是在学习新事物。作为前端开发人员必须知道一些使我们的代码如何更优雅，工作更轻松的技巧。 也许你已经进行了很长时间的JavaScript开发，但有时你可能没有使用不需要解决或编写一些额外代码即可解决问题的最新功能。 这些技术可以帮助你编写干净且优化的JavaScr…
    JavaScript
  • 前端小团队如何搞基础设施建设？
    上文最初大概是在2020年4、5月份的时候看到的（当时还是在语雀上，不过现在链接已经失效，好在知乎上面还找得到），作者在上述演讲稿中详尽地介绍了其团队在一年多的时间内如何从零到一构建了庞大的前端基础设施体系，以及这些基础设施到底起到了多大的作用；整篇演讲稿看完真是令人恍然大悟，…
    前端
  • 在业务中做出的Worker实践[堪称勇士] - 七日打卡
    大家看到标题勇士二字不知是否有所疑惑。我这里不做太多解释，只说一句：因为这个是之前的老项目（大家懂吗old very old），那真的可以说是牵一发而动全身啊 但是呢，很快啊，我啪的一下就决定了，直接就选中一个文件CTRL+A，然后Delete了啊，这波操作可以说是意气风发，无…
    JavaScript
    在业务中做出的Worker实践[堪称勇士] - 七日打卡
  • iPhone 12 页面卷动逐行滑入效果
    大家好，我是 Steven。 打开 CodePen 编辑器，在 HTML 的部份加入标题。由于它有一个副标题，所以我会用 <p> 标签去装着它。然后加入一个 <div>，id 名为 iphone，里面新增两个 <div>，id 分别是 hardwa…
    CSS
    iPhone 12 页面卷动逐行滑入效果
  • 工作中遇到的一些问题和处理
    onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这个可以禁止复制。 *为通配符。 一个更简单的方法就是在<body>中加入如下的代码,这样鼠标的左右键都失效了. 在JavaScript中，Truthy(真值)指的是在Bo…
    前端
  • 一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧
    2. 循环实现数组 map 方法 3. 使用 reduce 实现数组 map 方法 4. 循环实现数组 filter 方法 5. 使用 reduce 实现数组 filter 方法 6. 循环实现数组的
    JavaScript 前端