- 博客(109)
- 收藏
- 关注
RSS订阅原创 uniapp项目部署h5报错 TypeError: wx.config is not a function
报找不到方法的原因：是因为我使用的是uni-app，引入js的文件中的wx被uni-app占用了，所以控制台会报错找不到这个方法。替换掉 wx.config，控制台就不会报找不到这个方法了。在你的script中引入。
2024-06-05 16:51:31
483
原创 若衣框架upload上传一个xlsx后台处理完返回xlsx流
on-success="handleFileSuccess"这个就失效了，虽然不知道什么原理，作为工具人，我们要学会搬砖。responseType: ‘blob’, 这个必须加，非常重要，这是文件流。若依项目扩展elementUI中upload自定义上传行为 http-request属性。结果下载文件打不开，不是损坏就是里面是二进制流，到底是什么鬼，我就扛定了。使用 :http-request=“uploadFile”如果使用这个 http-request属性。扛了三个小时找到了解决方法。
2024-05-31 00:26:36
334
原创 精读《如何做好 CodeReview》
作者结合自己在 Uber、微软的工作经历介绍了自己对如何做好 CodeReview 的看法。更全面，从正确性到系统影响评估。注意语气，从给出建设性一觉到换位思考。及时完成审阅，从充分讨论到随机应变。加强交流，从面对面交流到灵活选择最高效的沟通方式。区分重点，从添加标记到利用工程化工具自动解决。对新人要更友好。尽量避免跨时区协作，必要时选择视频会议。
2024-03-21 10:48:51
636
原创 精读《useRef 与 createRef 的区别》
useRef仅能用在 FunctionComponent，createRef仅能用在 ClassComponent。第一句话是显然的，因为 Hooks 不能用在 ClassComponent。第二句话的原因是，createRef// 错误用法，永远也拿不到 ref上述valueRef会随着 App 函数的 Render 而重复初始化，这也是 Hooks 的独特之处，虽然用在普通函数中，但在 React 引擎中会得到超出普通函数的表现，比如初始化仅执行一次，或者引用不变。为什么createRef。
2024-03-20 09:54:19
612
原创 精读《结合 React 使用原生 Drag Drop API》
原文说的比较简单，笔者先快速介绍其中重点部分。dragEnterdragLeavedragOverdrop，分别对应拖入、拖出、正在当前元素范围内拖拽、完成拖入动作。return (
2024-03-19 14:42:51
1662
原创 精读《架构设计之 DCI》
DCI 是数据 Data 场景 Context 交互 Interactions 简称， 重点是关注 数据的不同场景的交互行为， 是面向对象系统 状态和行为的一种范式设计；DCI 在许多方面是许多过去范式的统一，多年来这些模式已经成为面向对象编程的辅助工具。尽管面向切面的编程（AOP）也有其他用途，但 DCI 满足了许多 AOP 的应用以及 Aspects 在解决问题方面的许多目标。根据 AOP 的基本原理，DCI 基于深层次的反射或元编程。与 Aspects 不同，角色聚合并组合得很好。
2024-03-18 14:09:23
1134
原创 精读《手写 JSON Parser》
要解析 JSON 首先要理解语法概念，之前的精读《手写 SQL 编译器 - 语法分析》系列也有介绍过，不过本文介绍的更形象，看下面这个语法图：这是关于 Object 类型的语法描述图，从左向右看，根据箭头指向只要能走出这个迷宫就属于正确语法。比如第一行→whitespace→表示{ }属于合法的 JSON 语法。→whitespace→string→whitespace→→value→表示属于合法的 JSON 语法。你可能会问，双引号去哪儿了？
2024-03-16 14:20:25
933
原创 精读《精通 console.log》
这次分享的精彩之处在于不偏不倚的站在客观立场分析了框架各维度好的一面与坏的一面，从中我们不仅能学习到一些框架知识，还能培养思辨能力。这次没有提到的状态机制对比，你能分别列举出优缺点吗？欢迎留言。精读《寻找框架设计的平衡点》 · Issue #223 · dt-fe/weekly。
2024-03-15 17:55:31
1201
原创 精读《寻找框架设计的平衡点》
这次分享的精彩之处在于不偏不倚的站在客观立场分析了框架各维度好的一面与坏的一面，从中我们不仅能学习到一些框架知识，还能培养思辨能力。这次没有提到的状态机制对比，你能分别列举出优缺点吗？欢迎留言。精读《寻找框架设计的平衡点》 · Issue #223 · dt-fe/weekly。
2024-03-14 09:43:43
823
原创 精读《正交的 React 组件》
UI 元素(展示型组件)。取数逻辑(fetch library, REST or GraphQL)。全局状态管理(redux)。持久化（local storage, cookies）。文中通过两个例子说明。从正交设计角度来看，Hooks解决了状态管理与 UI 分离的问题，Suspense解决了取数状态与 UI 分离的问题，解决了异常与 UI 分离的问题。在你看来，React 还有哪些逻辑需要与 UI 分离？分别使用哪些方法呢？欢迎留言。
2024-03-13 09:43:16
1150
原创 精读《This 带来的困惑》
要正视 this 带来的问题，不能因为绑定丢失，引发非预期的报错而避免使用，其根本原因在于 javascript 的原型链机制。这种机制是非常好的，将对象保存在原型链上，可以方便多个实例之间共享，但因此不可避免带来了原型链查找过程，如果对象运行环境发生了变化，其原型链也会发生变化，此时无法享受到共享内存的好处，我们有两种选择：一种是使用 bind 将原型链找到，一种是比较偷懒的将函数放在对象上，而不是原型链上。自动 bind 的方式 react 之前在框架层面做过，后来由于过于黑盒而取消了。
2024-03-11 09:45:14
396
原创 精读《React Conf 2019 - Day2》
第二天的内容更为精彩，笔者会重点介绍比较干货的部分。第二天的内容非常全面，涉及了 React API、开发者周边、codemod 工具、代码维护、写作/音乐与代码、动画、函数式编程、看似简单的 React 组件、使用 React 制作的各种脑洞大开的项目，等等。React Conf 要展示的是一个完整的 React 世界，第一天提到了 React 是一个桥梁，正因为这个桥梁，连接了各行各业不同的人群以及不同的项目，大家都有一个共同的语言：React。
2024-03-08 14:15:31
944
原创 精读《React Conf 2019 - Day1》
本期大会思想、设计上的内容较多，具体实现层内容较少，因为行业领导者需要引领规范，而真正技术价值在于思维模型与算法，理解了解题思路，实现它其实并不难。这届 React Conf 让我们看到前端更多的可能性，我们不仅要关注技术实现细节，更要关注行业标准以及团队愿景。
2024-03-07 16:26:33
929
原创 精读《Nuxtjs》
使用创建新项目。这个命令与一样，区别主要是模版以及配置不同。这个命令本质上是拉取一个模版到本地，并安装nuxt},之后即可通过npm start等命令开发项目，对大部分项目来说，npmScripts 启动是最能达成共识的。这种安装方式另一个好处是，依赖都被安装在了本地，即开发环境 100% 内置在项目中。
2024-03-06 14:54:06
893
原创 精读《深度学习 - 函数式之美》
深度学习是机器学习中基于人工神经网络模型的一个分支，通过模拟多层神经元的自编码神经网络，将特征逐步抽象化，这需要多维度、大数据量的输入。TensorFlow和PyTorch是比较著名的 Python 深度学习框架，同样Keras在 R 语言中也很著名。然而在生产环境中，基于性能和安全性的考虑，一般会使用函数式语言Clojure或Haskell。在生产环境中，可能要并发出里几百万个参数，因此面临的挑战是：如何高效、安全的执行这些运算。所以为什么函数式编程语言可以胜任深度学习的计算要求呢？
2024-03-05 14:31:34
1123
原创 精读《用 css grid 重新思考布局》
作者首先抛出了 Flex 的问题，其实是blockfloatflex布局结构由 Div 层级结构描述，导致 Div 层级复杂且遇到结构变更时难以维护。定制能力弱。Flex 布局有一些不受控制的智能设定，比如宽度 50% 的子元素会被同级元素挤到 50% 以下，这种智能化在某些场景是需要的，但由于没有提供像 Grid 的minmax之类的 API，所以定制型不足。举个例子，上图的结构用 Flex 描述可能是这样的：
2024-03-04 17:16:45
932
原创 精读《用 Babel 创造自定义 JS 语法》
React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。Function Component 采用const用React.FC申明 Function Component 组件类型与定义 Props 参数类型。用优化渲染性能。用定义 Props 的默认值。}>(null)
2024-03-03 20:04:37
948
原创 精读《前端与 BI》
商业智能（Business Intelligence）简称 BI，即通过数据挖掘与分析找到商业洞察，助力商业成功。一个完整的 BI 链路包含数据采集、数据清洗、数据挖掘、数据展现，其本质是对数据进行多维分析。前端的主要工作在数据展现环节，由于展示方式繁多、分析模型复杂且数据量大，前端环节的复杂度很高。在 BI 做前端非常有挑战，开发者需要充分理解数据概念，而本身复杂度较高的可视化建站也只是 BI 的基础能力，想要建设 BI 的上层能力，比如探索式分析和数据洞察，都需要在前后端引入更复杂的计算模型。
2024-03-02 16:05:40
1130
原创 精读《React Hooks 最佳实践》
React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。Function Component 采用const用React.FC申明 Function Component 组件类型与定义 Props 参数类型。用优化渲染性能。用定义 Props 的默认值。}>(null)
2024-03-01 21:21:24
1266
2
原创 精读《React 高阶组件》
React 始终强调组合优于继承的理念，期望通过复用小组件来构建大组件使得开发变得简单而又高效，与传统面向对象思想是截然不同的。高阶函数（HOC）的出现替代了原有 Mixin 侵入式的方案，对比隐式的 Mixin 或是继承，HOC 能够在 Devtools 中显示出来，满足抽象之余，也方便了开发与测试。当然，不可过度抽象是我们始终要秉持的原则。希望读者通过本次阅读与讨论，能结合自己具体的业务开发场景，获得一些启发。
2024-02-29 16:34:29
524
原创 精读《使用 css 变量生成颜色主题》
作者：五灵本周工作中遇到类似颜色主题的问题，在查资料的时候，看到这个视频，觉得讲得很清楚，而且趣味性丰富，所以想拿出来讲讲这个很有意思的主题。
2024-02-28 10:51:24
1127
原创 uniapp 上传压缩图片 兼容h5和小程序的方法
项目是用uniapp开发的，当时只是做App端，后来项目扩展到H5端， uniapp框架可以跨平台所以移动端和H5使用的是一套代码。即能兼容h5也能兼容微信小程序和各个app。微信小程序图片压缩再次用二分查找压缩质量。先搞定H5的压缩吧！
2024-02-27 16:39:12
1816
原创 精读《Nodejs V12》
Node12 与以往的版本不同，带来了许多重大升级，包括更多 V8 特性，Http 解析速度的提升，启动速度的提升，更好的诊断报告、内置堆分析工具，ESM 模块的更新等。Nodejs 仅有 10 年历史，但现在越来越被开发者欢迎，因为它可以让 JS 运行在服务端，是扩大 JS 生态的重要一环。
2024-02-26 10:33:22
868
原创 精读《源码学习》
原文分三个部分：阅读源码的好处、阅读源码的技巧、以及 Redux Connect 的案例研究。阅读代码不是目的，读懂源码背后要表达的核心设计思路才是目的。比如写脚手架，阅读了大量脚手架源码的人写出的代码，与一个没有经验的人写出的代码会有天壤之别，这之间的差距就是对一些设计模式、三方库、结构设计的经验差距。只学习理论太空洞，只看代码又太局限，学会从代码中看出理论才是最佳学习方式。精读《源码学习》 · Issue #179 · dt-fe/weekly。
2024-02-25 14:57:13
619
原创 实时音视频功能简析(live-pusher与live-player)
属性名类型默认值说明srcString用于音视频下行的播放 URL，支持 RTMP、FLV 等协议modeStringlive模式。live（直播），RTC（实时通话，该模式时延更低）autoplayBooleanfalse是否自动播放mutedBooleanfalse是否静音Stringverticalvertical（垂直），horizontal（水平）object-fitStringcontain填充模式，可选值有。
2024-02-24 13:57:44
1658
原创 精读《前端未来展望》
本文列举的五点显然不能代表前端的全貌，还遗漏了太多方面，比如工程化、组件化、Serverless 等，但语言、框架、可视化、编辑器、智能化这五个点是笔者认为前端，特别是国内前端值得持续发力，可以做深的点，成为任何一个领域的专家都足以突破前端工程师成长的天花板。最后，前端是最贴近业务的技术之一，业务的未来决定了前端的未来，创造的业务价值决定了前端的价值，从现在开始锻炼自己的商业化思考能力与产品意识，看得懂业务，才能看到未来。精读《前端未来展望》 · Issue #178 · dt-fe/weekly。
2024-02-23 14:19:57
1190
原创 精读《前端调试技巧》
有了$_// < 4。虽然在抛砖引玉，但整理完之后发现仍然是块砖头，调试技巧繁多，里面包含了通用的、不通用的，精读不可能一一列举。希望大家能根据自己的业务场景，掌握相关的调试技巧，让工作更加高效。精读《前端调试技巧》 · Issue #17 · dt-fe/weekly!!
2024-02-22 09:28:33
1025
原创 复习 深入JS执行原理：一文搞定 EventLoop、宏任务、微任务
JavaScript 引擎遵循事件循环的机制，在执行完当前宏任务后，会检查微任务队列，执行其中的微任务，然后再取下一个宏任务执行。在事件循环中，当主线程执行完当前的同步任务后，会检查事件队列中是否有待处理的事件。上面我们讨论了同步任务和异步任务的执行过程，接下来我们将进一步探讨任务队列，了解它的最小颗粒度是如何执行的。是一个异步任务，它会在1秒后将回调函数推入任务队列，而主线程不会等待这个1秒，而是继续执行后面的。当主线程的同步任务执行完成后，它会检查任务队列，将异步任务的回调函数推入执行栈，最终输出。
2024-02-21 10:01:27
769
原创 精读《Vue3.0 Function API》
setup() {// method// watch})})return {count,plusOne,increment
2024-02-20 13:59:24
1230
原创 精读《Optional chaining》
首先让我们回顾一下什么是。笔者这里补充，在人机交互的领域，可能为 Null 的情况很多。首先是交互行为模块很多，行为复杂，很容易导致数据分散且难以预测（可能为空），仅是 DOM 元素就需要太多兼容，因为 DOM 被修改的实际太多了，大家都在共享一个可变的结构；其次是交互过程中间状态很多，出现状态残缺的可能性也很大，就拿 SQL 解析为例：后端只要检测 Query 是否正确就可以了，但前端的 SQL 编辑器需要在输入不完整的情况下给出提示，也就是在语法树错误的情况下给出提示，因此需要进行容错。
2024-02-19 11:01:00
832
原创 精读《What‘s new in javascript》
JS 这几个特性提升了 JS 语言的成熟性、完整性，而且看到其访问控制能力、规范性、国际化等能力有着重加强，解决的都是 JS 最普遍遇到的痛点问题。那么，这些 JS 特性中，你最喜欢哪一条呢？想吐槽哪一条呢？欢迎留言。精读《What’s new in javascript》 · Issue #159 · dt-fe/weekly。
2024-02-18 10:10:33
1211
原创 精读《Function Component 入门》
App也就是，一个返回了 JSX 或的 Function 就可以当作 React 组件，这种形式的组件就是 Function Component。所以我已经学会 Function Component 了吗？别急，故事才刚刚开始。Hooks 是辅助 Function Component 的工具。比如useStatereturn (
2024-02-17 10:20:54
770
原创 精读《Monorepo 的优势》
作者的一个项目是 PDF 服务，简称 PSPDFKit，需要同时兼顾 Android 与 IOS 平台，项目的发展经历了如下几个阶段。Lerna是业界知名度最高的 Monorepo 管理工具，功能完整。但由于通用性要求非常高，需要支持任意项目间 Monorepo 的组合，因此在packages文件夹下的配置文件还是与独立仓库保持一致，这样在 TS 环境下会造成配置截断的问题。同时包之间的引用也通过更通用的symlink完成，这导致了还是要在子模块目录存在文件夹，而且效果依赖项目初始化命令。
2024-02-16 06:30:00
876
原创 精读《持续集成 vs 持续交付 vs 持续部署》
解析 Js 发生在网页运行的关键路径上，因此加速对 JS 的解析，就可以加速网页运行效率。然而并不是所有 Js 都需要在初始化时就被执行，因此也不需要在初始化时就解析所有的 Js！编译不必要的代码会占用 CPU 资源。在 GC 前会占用不必要的内存空间。编译后的代码会缓存在磁盘，占用磁盘空间。因此所有主流浏览器都实现了 Lazy Parsing（延迟解析），它会将不必要的函数进行预解析，也就是只解析出外部函数需要的内容，而全量解析在调用这个函数时才发生。
2024-02-15 06:30:00
1800
原创 精读《V8 引擎 Lazy Parsing》
解析 Js 发生在网页运行的关键路径上，因此加速对 JS 的解析，就可以加速网页运行效率。然而并不是所有 Js 都需要在初始化时就被执行，因此也不需要在初始化时就解析所有的 Js！编译不必要的代码会占用 CPU 资源。在 GC 前会占用不必要的内存空间。编译后的代码会缓存在磁盘，占用磁盘空间。因此所有主流浏览器都实现了 Lazy Parsing（延迟解析），它会将不必要的函数进行预解析，也就是只解析出外部函数需要的内容，而全量解析在调用这个函数时才发生。
2024-02-13 06:30:00
613
原创 精读《Web Components 的困境》
在 Webpack 大行其道的时代，想在运行时做到组件即引即用变得很困难，因为这些组件大多是通过 React/Vue/Angular 开发的。不得不考虑引入一大堆 Vendor 包，这些 Vendor 里可能还必须包含 React 这类两个版本不能同时使用的库。目前我们团队在做组件化方案时就遇到这个问题，只能想办法避免两个版本的出现。你可以说这是 React 或 Webpack 引入的问题，但并没有看到 Web Compnents 标准化的解决方案。
2024-02-12 08:00:00
1439
原创 精读《js 模块化发展》
未来前端复杂度不断增加已成定论，随着后端成熟，自然会将焦点转移到前端领域，而且服务化、用户体验越来越重要，前端体验早不是当初能看就行，任何网页的异常、视觉的差异，或文案的模糊，都会导致用户流失，支付中断。前端对公司营收的影响，渐渐与后端服务宕机同等严重，所以前端会越来越重，异常监控，性能检测，工具链，可视化等等都是这几年大家逐渐重视起来的。话说回来，标准推进的太慢，我们还是把编译工具当作常态，抱着哪怕支持了 ES2015 所有特性，babel 依然还有用的心态，将预编译进行到底。一句话，模块化仍在路上。
2024-02-11 13:13:05
929
2
原创 干掉Xshell，这款开源的终端工具逼格真高！
SSH 连接和 SFTP 传输恐怕是我们操作 Linux 服务器最常用的两个功能了，那 Tabby 对这两个功能的支持非常的友好，足够的轻量级。关键它是跨平台的，Windows、macOS 都可以用，再把配置信息同步到云上后，多平台下切换起来简直不要太舒服。Windows 用户习惯用 Xshell，macOS 用户习惯用 iTerm2，但这两款工具都没办法跨平台，多平台操作的用户就可以选择 Tabby 来体验一下，真心不错。
2024-02-10 01:01:39
1497
原创 python3 获取某个文件夹所有的pdf文件表格提取表格并一起合并到excel文件
如果你想要遍历一个文件夹中的所有子文件夹，并获取每个子文件夹中的PDF文件，你可以使用递归函数来实现这个功能。函数能够处理多个PDF文件中的表格合并到Excel文件的逻辑。如果你需要更具体的帮助来定义这个函数，请提供更多关于你希望如何合并表格的信息。会为每个目录返回一个三元组，包含当前目录的路径、当前目录下的子目录名列表，以及当前目录下的文件名列表。函数遍历每个文件名，检查它是否以。结尾（不区分大小写），如果是，则将其添加到。来递归遍历目录和子目录。
2024-02-09 10:58:15
1101
python-3.11.8-amd64.exe
2024-02-08
支付宝小程序车牌号输入组件（虚拟键盘）
2023-07-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人