- 博客(24)
- 收藏
- 关注
RSS订阅原创 2024字节前端面经和经验分享，React方向
不管是React还是Vue，前端框架的主要思想是将数据的变化映射到页面的变化。不同的框架，映射数据的逻辑不一样：React主要通过收集变量，放在链表中，然后循环这个链表，将数据的变化更新到页面中。而Vue则是通过发布订阅模式，收集依赖，监听数据变化，发生变化时，广播这个事件，让每处依赖随之更新。（这里我展开的不是很好，说的很笼统，再给我一次机会，我一定展开说说）
2024-09-13 23:28:32
844
原创 开源开源了！！！一款高效开发React的VSCode插件
终于开源了，上篇文章中已经提到了，最近开发了一款插件，可以根据已有的变量自动生成一些代码片段，今天我们可以详细看看这款插件的神奇之处。github:文章同步在公众号：萌萌哒草头将军。
2024-09-01 20:56:15
561
1
原创 摸鱼时间写代码指南！本地如何使用多个git账号️，文末有彩蛋
如果你上班无事可做，也不想过度摸鱼浪费时间，想写自己的代码，但是又不想使用公司账号提交代码，这篇文章解决你的烦恼。文章同步在公众号：萌萌哒草头将军，欢迎关注。
2024-08-29 11:58:01
275
原创 都2024年了，还不会动态规划吗？我教你（三）
鉴于文章过长，关于 Vuediff算法的核心，下篇文章我将详细阐述，欢迎大家关注公众号：萌萌哒草头将军。
2024-08-13 14:44:19
808
原创 都2024年了，还不会动态规划吗？我教你（二）
本文使用了三个例子，从入门到中等难度，演示了我解决动态规划问题的思路。总的来说，就是先将问题化解为最小单元，比如我从第一步开始推演，一步一步发现规律，这也是动态规划的主要思想。另外不管是哪种动态规划问题，都可以看到裴波那契数列的影子。今天的分享就到这了，下篇文章我继续介绍中等和较难的动态规划问题。包括最长递增子序列已经在Vue diff算法中的体现。所以一定要记得关注我公众号：萌萌哒草头将军文章中难免会出现错误的地方，欢迎指正！
2024-07-31 18:10:59
717
原创 都2024年了，还不会动态规划吗？我教你！
所以我的第二种方案是: 每次节点如果第一次点击，我先使用递归算法，获取该节点的所有子节点，保存在map中，下次点击该节点，先从map中获取结果，没有值，则使用递归方法查询，返回结果同时保存这次的查询结果。其实随着工作中一点点的积累，使我慢慢意识到，我已经在不知不觉中使用了动态规划的思想，例如，实习的时候，我负责知识图谱的绘制，知识图谱是由一系列节点和边组成的。是不是觉得这样已经很棒了，但是要知道，函数调用也是有开销的，即使使用了记忆化搜索，在遇到递归层级很深的时候，依然会面临很大的内存开销。
2024-07-24 22:15:20
266
原创 想准时下班，你需要Codeium的帮助，分享AI写代码的愉快体验，附详细安装教程
人工智能代替牛马写代码的说法相信给不少和我一样的牛马带来了焦虑，但是今天我会介绍一个AI插件，助我按点下班不加班，让我从焦虑AI转变为享受AI。今天的主角是：Codeium一款可以聊天、自动补全代码、分析代码的编辑器AI插件。
2024-07-21 16:56:12
418
原创 初识mobx，以及mobx-react使用
Mobx是响应式状态管理库，无关任何前端框架。现在已经发布到Mobx6了。在Mobx5之前，响应式原理是基于的，可以向下兼容到ES5浏览器，而从Mobx5开始使用proxy特性支持响应式，最低支持ES6浏览器。相较于Redux，Mobx只强调下面三个概念State(状态)Actions(动作)Derivations(派生)一句话概括：在任何事件中调用action，修改state，如果这个state是响应式的，那么会通知基于这个state派生的计算值，或者触发派生的副作用。
2024-07-14 21:56:49
1066
原创 React-Spring：让你的应用栩栩如生
是一个非常优秀的动画库，它的接口hook化的设计、常用场景的完美支持，十分贴合react的生态系统，使得它在Github斩获了26.3k的star，所以这是一款值得推荐的库。
2023-09-08 00:09:01
315
原创 SolidJS响应式原理和简易实现
今天的分享就到这了，如果发现错误，请及时指正。觉得还不错，可以关注我的公众号，最近有🎁，感兴趣的小伙伴快点来吧！本系列未来的计划：[x]SolidJS响应式原理和简易实现[ ]SolidJS模板编译过程[ ]SolidJS源码学习过程总结。
2023-06-01 11:06:07
303
原创 尤雨溪为什么要推出Vapor Mode
在项目比较小时，SolidJSSvelte的优势不会很明显，但是当面对大型项目时，React和Vue的性能短板就显露出来了。面对这样的压力，尤雨溪在年初的展望里已经预告了Vapor mode，该模式的灵感就是受到了SolidJS的启发。它可以在给定相同的Vue SFC前提下，与当前基于虚拟DOM的输出相比，Vapor Mode将其编译成性能更高、使用更少内存且需要更少运行时支持代码的JavaScript输出。对于React由于架构机制的限制，目前很难做出根本性的改变，
2023-06-01 11:00:17
197
原创 分享几个从好用到离谱的vs code插件
这么多有趣的插件你都下载，一定要记得登录，可以选择github登录，这样你只要登录了，就可以多端同步了。
2023-05-23 10:53:57
182
原创 SolidJS是什么？SolidJS框架简介
最近刚刚整明白点Svelte感觉整个世界都清净了，但是昨天，有人给我介绍了SolidJS当时我心想：这又是啥玩意啊！经过一番深入交流才知道，居然又是个前端框架。“还有完没完了，一个接一个的框架啥时候是个头啊！不过本着给大家踩坑避雷的精神，我又秉烛夜读，通宵达旦研究了一番。
2023-05-17 10:07:44
951
原创 超级简单的Svelte，学不会你来打我
Svelte被设计成编译时框架，可以将代码打包成高效的JavaScript代码，从而提高应用程序的性能和响应速度。相比其他前端框架，Svelte的体积更小、性能更好，同时也具有很好的可维护性和可扩展性。这些特点使得Svelte在国外得到了广泛的关注和应用。
2023-04-28 09:36:08
364
1
原创 徒手撸个react项目框架（上）
最近学习react.js，发现项目框架除了使用的js库不同（vue.js、react.js），配置基本上是大同小异的徒手撸个vue项目框架（上）徒手撸个vue项目框架（下）徒手撸个react项目框架（上）徒手撸个react项目框架（下）一、准备工作1.新建vueProject文件夹进入根目录,初始化项目cd vueProjectnpm init -y // -y是采用默认配置...
2019-07-05 12:52:18
330
原创 徒手撸个vue项目框架（下）
写这篇文章的目的，更多是让自己更熟悉vue-cli脚手架创建项目的依据和项目结构，其次是希望我的学习过程可以帮到有疑惑的同学，有什么错误还希望可以得到指教为什么要分上、下，因为最近学习react.js，发现项目框架除了使用的js库不同（vue.js、react.js），配置基本上是大同小异的这也是我占坑（脸大）的理由徒手撸个vue项目框架（上）++徒手撸个vue项目框架（下）++++徒...
2019-07-04 10:46:37
325
原创 徒手撸个vue项目框架（上）
写这篇文章的目的，更多是让自己更熟悉vue-cli脚手架创建项目的依据和项目结构，其次是希望我的学习过程可以帮到有疑惑的同学，有什么错误还希望可以得到指教为什么要分上、下，因为最近学习react.js，发现项目框架除了使用的js库不同（vue.js、react.js），配置基本上是大同小异的这也是我占坑（脸大）的理由徒手撸个vue项目框架（上）徒手撸个vue项目框架（下）徒手撸个reac...
2019-07-02 09:18:05
530
原创 vue webApp问题集锦
1、使用hbuilder真机运行出现白屏这不是hbuilder的锅，这是因为vue-cli脚手架工具默认的输出路径是根目录，这里需要改成当前目录，必须是build选项，dev是开发环境和打包无关// 找到config下index.js文件的build选项 build: { // Template for index.html index: path.resolve(_...
2019-04-03 10:24:33
343
原创 将beego项目打包到linux服务器附permission denied的解决方法
将beego项目打包到linux服务器1、进入项目目录终端下// 这是beego自带的打包成linux运行包命令bee pack -be GOOS=linux// 这是beego自带的打包成windows运行包命令bee pack -be GOOS=windows2、将打包后项目中出现的.tar.gz上传到服务器，使用的工具是WinSCP，建议新建一个文件夹，不要直接放在根...
2019-04-03 09:36:33
1159
1
原创 SQL学习笔记
1、库级操作show databases; //显示所有数据库create database a; //创建数据库ashow database a; //查看数据库a drop database a; //删除数据库ause a; //使用数据库a2、表级操作create table users (username varchar(32), userage int)...
2018-03-18 21:26:51
161
原创 Less学习笔记（一）之变量
前言less是一种css的扩展语言，一般需要less.js工具将less样式转换成css样式变量可以替换多次重复出现的属性或者属性值，这样在修改需求时只需要在这一处修改变量值，可以提高工作效率1、替换多次重复出现的属性的值当文件中多次重复出现n次多同一个属性值时，可以用变量替换这个变量值，当以后需要改变属性值时直接改变变量的值 ·@nice-blue: #5B83AD;@light-blu...
2018-03-17 21:42:22
3217
原创 JavaWeb项目始末 —— Thymeleaf学习笔记
一、是什么thymeleaf是一种嵌入html的JavaWeb模板引擎，它不影响模板作为设计原型的方式将其逻辑注入模板文件，不像jsp一样java和html混编一起jsp是这样的（PHP也是，只是用的是以“<?php”， 开始以“?>”结束）<html><head><title>Hello World</title></head&...
2018-03-13 21:39:36
568
原创 webpack学习笔记
一、是什么 webpack 是JavaScript 应用程序的静态模块打包器（但也可以通过loader打包非js文件模块）二、怎么用 1.安装配置 （这里是只是局部安装，方便在不同版本下都可以运行，运行时初始化：npm install） 准备过程：npm init -y //会在根目录下生成package.json文件 安装webpack：npm i...
2018-03-07 15:38:11
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人