- 博客(81)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Taro入门合集，新手小白也可以做项目（3）共86
紧接前面的两篇，接下来我们开始引入UI库以帮助我们快速实现布局，😊开始的小伙伴，全体起立，2025年我们要将Taro/React死磕到底🤔！这里出现了一点小插曲😄，希望你不会有。安装完毕，就可以在入口处引入样式开始，备注：版本兼容报错时 执行命令。
2025-03-06 22:46:13
272
原创 Next.js项目实战-ai助手帮我写文章发布视频第1节(共89节)
Ai在国内外已经杀疯了，老板要求我们把速度再提升快一些，哪怕是几秒，几百毫秒也行～现在，马上就要，就地就要，只好搬出前端服务端(大保健)😓。没错，今天我要分享的就是服务端渲染，主要是Next.js
2025-03-06 22:15:58
852
原创 HTTP3.0 和 HTTP2.0，HTTP1.0区别
另外，CP中通过四元组确定一条唯一的TCP连接，当网络从4G切换到WIFI时，IP地址发生变化，就需要重新建立连接，而QUIC通过连接ID标记通讯的两个端点，客户端和服务器可以各自选择一组 ID 来标记自己，因此即使移动设备的网络变化后，导致 IP 地址变化了，只要仍保有上下文信息（比如连接 ID、TLS 密钥等），就可以“无缝”地复用原连接，消除重连的成本，没有丝毫卡顿感，达到了连接迁移的功能。总之，HTTP/2引入了多路复用，允许在同一个连接上并行处理多个请求，还增加了头部压缩，减少了开销。
2025-03-01 10:58:49
775
原创 Web/Windows/Andorid/Ios前端一套代码兼容多个平台项目共148节（1）
老板说最近我们要做一个海外的项目同时兼容Windows和Android，关键需要快速完成、周期短😂，问我有没有构思，我心想多久算快🤔，没想到老板说一个月左右！！！！那好吧，既然这样说了，那就Vue3全家桶走一套，然后Windows端Electron，Android端最终也要套壳，然后Deepseek/文心快码/kimi一番（接下来的对比来源）：跨平台开发框架旨在通过一套代码库实现多个平台的兼容性，从而提高开发效率和降低成本。
2025-02-24 10:11:12
1111
原创 Taro入门合集，新手小白也可以做项目（2）共86
承接上一篇，，跟着我一起做下去，你也能做一款自己的小程序，今天会讲一些日常开发的注意或者说默认规则，包括全局配置，自适应单位命名等。
2025-01-04 22:13:40
1103
原创 Taro入门合集，新手小白也可以做项目（1）共86
Taro的定位是开放式跨端跨框架，它支持使用 React/Vue/Nerv 等框架来开发微信京东百度支付宝字节跳动QQ飞书小程序 / H5 / RN 等应用。现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道。当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候编写一套代码能够适配到多端的能力就显得极为需要。。
2025-01-01 11:13:31
788
原创 区块链开发入门合集（1）共25节
区块链开发是指利用区块链技术构建和实现各种应用程序的过程。区块链是一种去中心化的分布式账本技术，通过密码学和点对点网络实现了去中心化、透明、不可篡改以及高安全性的特点。区块链开发可以应用于金融、供应链管理、物联网、医疗健康等各个领域，降低了中间商的参与和交易成本，提高了安全性和效率。目前市面上有多种区块链平台可选择，如比特币、以太坊、超级账本等。想要自己的产品进入链，需要考虑数据结构、智能合约、共识算法、加密技术等方面的问题。
2024-12-27 16:36:55
730
原创 今日温习：Uint8Array、Uint16Array和Uint32Array数据类型
总结：Uint8Array、Uint16Array和Uint32Array是JavaScript中的TypedArray类型，用于处理二进制数据。它们分别适用于不同的场景，如图像处理、音视频处理、传感器数据处理、计数器、哈希算法等。Uint8Array、Uint16Array和Uint32Array是JavaScript中的TypedArray类型，用于处理二进制数据。它们分别表示8位、16位和32位的无符号整数数组，我们什么时候需要用到呢，今天就来聊一聊。
2024-12-06 11:56:13
1382
原创 我们项目要升级到flutter架构的几点原因
在当前快速迭代的移动应用市场，选择Flutter意味着抓住了未来的趋势，为您的应用开发开启了一扇全新的大门。项目的核心是Flutter框架，它提供了一整套丰富的UI组件，包括Material Design风格的美观界面和流畅的动画效果。首先，Flutter的核心是一个名为Dart的高性能编程语言，它结合了C和Python的优点，使得开发者可以编写简洁且高效的代码。更重要的是，Dart是跨平台的，这意味着同一个代码库可以在Android和iOS上运行，极大地降低了开发成本和时间投入。Skia 是一个开源。
2024-11-28 10:04:31
757
原创 Flutter 新建工程一直等待 解决办法
Flutter报错之Waiting for another flutter command to release the startup lock解决方案此时进入编辑模式，添加如下代理，最后一个是你自己安装的flutter路径source .bash_profile生效，运行flutter -h 看生效没有此时如果出现以下，就ok如果不可以，需要删除以下文件：通过命令行执行或其他。
2024-11-13 14:14:11
1167
原创 第一个 Flutter 项目（1）共46节
前端开发工具vs code，安装Flutter sdk，如果你的下载速度比较慢，可以选择这个😄解压码：stwqFlutter 使用的是 Dart 语言。如果你有使用其他面向对象语言的经验，像是 Java、C++ 或 Swift， Dart 应该对你来说不会陌生，你可以轻松学习这门语言。该编程练习 (codelab) 将通过创建一个可以在移动端、桌面端以及 Web 端运行的应用来学习 Flutter 的基础知识。
2024-11-13 14:13:26
687
原创 Flutter入门第一节（共56）
备注：继承歧义，也叫菱形问题，是支持多继承的编程语言中一个相当棘手的问题。当B类和C类继承自A类，而D类继承自B类和C类时会产生歧义。如果A中有一个方法在B和C中已经覆写，而D没有覆写它，那么D继承的方法的版本是B类，还是C类的呢？混入鼓励代码重用，可以被视为具有实现方法的接口。这样一来，不仅可以解决Dart缺少对多重继承的支持问题，还能够避免由于多重继承可能导致的歧义（菱形问题）。如果不加“_”，则默认为public。，我们只要在声明变量与方法时，当然，在Dart也不例外。
2024-11-13 14:03:48
625
原创 fabric操作canvas绘图(1)共32节
对于前端而言，离不开canvas就像鱼离不开水，前端canvas神器fabric你值得拥有！接下来我们就来一步步揭开她的面纱。
2024-11-10 14:39:39
617
原创 uni-app 自定义字体fontFamily 自定义图标Failed to load local font resource ... net::ERR_CACHE_MISS
下载后将 文件复制到 static 的 icons 文件中在iconfont.css文件中。打开 iconfont.css ,修改 @font-face 如下,注意。将其粘贴到 iconfont.css 文件中。iconfont.css 默认给的内容是如下。在使用自定义图标中引入阿里矢量图标库。备注：文件名后面的时间戳 一定要有😂。src 字体文件的引用路径是否正确。路径不全，下载的阿里矢量图中。
2024-09-22 20:08:30
1026
1
原创 Mac环境mongoDB 和 配置详细教程
MongoDB 是由C++语言编写的，是一个基于分布式文件存储的开源数据库系统。在高负载的情况下，添加更多的节点，可以保证服务器性能。MongoDB 旨在为WEB应用提供可扩展的高性能数据存储解决方案。
2024-08-23 22:52:12
1334
原创 最新Vue3的 SSR 实现原理详解
Vue SSR 允许在服务器端运行 Vue 组件，生成对应的 HTML 字符串，然后将这些预渲染的内容发送到客户端。更好的 SEO：搜索引擎可以直接抓取渲染后的页面内容。更快的首屏加载速度：用户可以更快地看到页面内容，提升用户体验。更好的性能：减少客户端的 JavaScript 执行负担，尤其是在低性能设备上。
2024-08-23 10:40:05
1305
原创 React渲染机制和源码初探（二）
React Fiber 是 React 核心算法的重新实现。它的主要特点是渐进式渲染: 能够将渲染工作分割成块，并将其分散到多个帧。其他关键特性包括在新的更新到来时暂停、中止或重用工作的能力;为不同类型的更新分配优先级的能力;以及新的并发方式。——广义的 Fiber，是一种新架构。为了实现这套架构，React 也在 Virtual DOM 上重建了树和节点结构，叫做 fiber 树和 fiber 节点。
2024-08-19 10:37:19
1289
原创 手写简化版的vue-router
vue-router作为vue全家桶之一的重要插件，有必要去深究一下，今天我们就从0到1手写一个简化版本。开始之前，我们使用路由插件时是先进行下载路由，然后在main.js中使用app.use导入router插件。想要手写vue-router，必须先搞懂app.use()干了一件什么事情。我们去官方文档下面看看。
2024-08-14 11:04:59
370
原创 Electron的入门介绍与使用React18+Vite+Electron（2）共30节
上一篇讲了如何安装Electron和简单例子，让我们回顾一下Electron的发展历史，Electron 最初由 GitHub 公司开发，最早用于构建 GitHub Desktop。随着其成功，Electron 逐渐成为一个受欢迎的开发框架，许多知名应用程序如 Visual Studio Code、Slack、WhatsApp 等也使用 Electron 构建。Electron 使用 Chromium 渲染引擎来显示 Web 内容，同时结合 Node.js 来提供对操作系统的访问和控制。跨平台前端技术。
2024-07-27 22:43:51
1088
原创 了解Babel原理和手写一个babel插件
Babel 是一个 JavaScript 编译器，它能将 es2015，react 等低端浏览器无法识别的语言，进行编译。上图的左边代码中有箭头函数，Babel 将进行了源码转换，下面我们来看 Babel 的运行原理。
2024-07-25 15:40:52
796
原创 一文讲透useMemo和useCallback
相同点：useCallback 和 useMemo 都是性能优化的手段，类似于类组件中的 shouldComponentUpdate，在子组件中使用 shouldComponentUpdate， 判定该组件的 props 和 state 是否有变化，从而避免每次父组件render时都去重新渲染子组件。不同点：useCallback 和 useMemo 的区别是useCallback返回一个函数，当把它返回的这个函数作为子组件使用时，可以避免每次父组件更新时都重新渲染这个子组件。
2024-07-24 08:04:56
4331
原创 react的合成事件
React合成事件在看之前先看一下这几个问题原生事件和合成事件的执行顺序是什么？合成事件在什么阶段下会被执行？阻止原生事件的冒泡，会影响到合成事件的执行吗？阻止合成事件的冒泡，会影响到原生事件的执行吗？
2024-07-23 22:00:09
1028
1
原创 状态管理mobx与redux的对比
redux将数据保存在单一的store中，mobx将数据保存在分散的多个store中redux使用保存数据，需要手动处理变化后的操作;mobx适用observable保存数据，数据变化后自动处理响应的操作redux使用不可变状态，这意味着状态是只读的，不能直接去修改它，而是应该返回一个新的状态，同时使用纯函数;mobx中的状态是可变的，可以直接对其进行修改mobx相对来说比较简单，在其中有很多的抽象，mobx更多的使用面向对象的编程思维;
2024-07-23 18:28:22
529
原创 为什么选Vite和Vite源码初探
最开始浏览器是不支持支持 ES 模块，JavaScript 无法以原生机制和模块化的方式进行开发。这也正是我们开发时必须打包的原因：使用工具抓取、处理并将我们的源码模块串联成可以在浏览器中运行的文件。诸如和等工具，它们极大地改善了前端开发者的开发体验。但不幸的是，当构建越来越大型的应用时，需要处理的文件和代码也呈指数级增长。包含数千个模块的大型项目相当普遍。基于 JavaScript 开发的工具就会开始遇到性能瓶颈：通常需要很长时间（甚至是几分钟！）才能启动开发服务器，即使使用模块热替换（HMR。
2024-07-23 15:56:00
968
原创 Electron的入门介绍与使用（1）共30节
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入和到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。
2024-07-22 13:30:32
1162
原创 前端微服务qiankun入门（1）共65节
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重构的手段和策略独立运行时。
2024-07-21 21:38:35
904
原创 Next.js实战项目（第1节）共39节
从最新的Next.js 14.2开始，体验服务端渲染的😄(感觉又回到了从前PHP渲染前后端不分离)开个玩笑啊，这真的不一样。项目结构依赖如下。
2024-07-21 08:22:15
401
原创 Vue3替代vue2就好比自动驾驶代替出租网约车
萝卜快跑不是一时的横空出世，其实在北京包括在武汉已经有几个年头，这次敢拉出来大规模应用，也是技术突破和不断尝试革新的实践，先不说损坏了多少人的利益，对于Ai而言是一次历史的里程碑，从这个角度是可歌的，😄言归正传，今日分享vue2升级到vue3一些步骤。。如果仍然需要支持 IE11 或更低版本，那你仍需继续使用 Vue 2。
2024-07-20 14:10:38
869
原创 Echarts5一些喜人的特性了解一下(1)共35节
除了动态排序图，Apache ECharts 5 在自定义系列中提供了更加丰富强大的动画效果，支持标签数值文本的插值动画，图形的形变（morph）、分裂（separate）、合并（combine）等效果的过渡动画。想象一下，用这些动态效果，你可以创造出多么令人称奇的可视化作品！
2024-07-19 23:17:29
902
原创 常见算法200个（6）：动态规划
代码的尽头是算法，😄所以对于算法这门教学讲解任重道远，铁子们撸起袖子～所谓动态规划（dynamic programming）是运筹学的一个分支，是求解决策过程（decision process）最优化的数学方法。动态规划一般可分为四类：线性动规，区域动规，树形动规，背包动规。应用实例：最短路径问题，项目管理，网络流优化等。
2024-07-18 11:01:04
523
原创 preload、prefetch、defer的介绍
上面这个示例从加载到触发 onload 事件需要大概 1400 ms 的时间。preload 下载的资源只有在遇到同样的 script 标签时，才会执行对应的脚本。defer 则是异步下载资源，在所有元素解析完成后，触发 DOMContentLoaded 事件前执行。这个预加载器在不阻塞页面 onload 事件的情况下，去加载资源。另外，空闲时间是如何确定、如何获取的，目前还没有相关 API。属性指定的资源将在浏览器空闲时间下下载。只有在遇到下面的标签时，才会执行加载的。属性的属性值，同时需要配合。
2024-07-17 12:33:45
450
原创 那些有趣的面试题，看一看？
惰性函数的本质就是函数重写，所谓惰性载入，指函数执行的分支只会发生一次。由于一个函数可以返回另一个函数，因此可以用新的函数在覆盖旧的函数。useCallback和memo经常同时使用，用来记忆和缓存函数和组件以避免重复不必要的渲染，场景是父组件重新渲染，子组件依赖没有改变，不需要重新渲染时使用。惰性函数(Lazy Function): 惰性函数表示函数执行的分支只会在函数第一次调用的时候执行，在第一次调用过程中，该。排除同级组件渲染时方法会一并执行，当大量数据计算时，仅想依赖改变时才执行并返回结果。
2024-07-16 22:03:05
254
原创 ReactRouter v6升级的步骤
React Router v6 引入了一个 Routes组件，它有点像Switch，但功能要强大得多。与Switch相比，RoutesReact.lazy。
2024-07-14 15:54:59
558
原创 vue3的服务端渲染实战项目（1）共12节
Vue.js 是一个用于构建客户端应用的框架。默认情况下，Vue 组件的职责是在浏览器中生成和操作 DOM。然而，Vue 也支持将组件在服务端直接渲染成 HTML 字符串，作为服务端响应返回给浏览器，最后在浏览器端将静态的 HTML“激活”(hydrate) 为能够交互的客户端应用。一个由服务端渲染的 Vue.js 应用也可以被认为是“同构的”(Isomorphic) 或“通用的”(Universal)，因为应用的大部分代码同时运行在服务端和客户端。
2024-07-12 18:36:57
1375
Mac的mongodb安装包
2024-08-23
鲜花网站适合做毕业设计
2009-05-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人