项目实战
文章平均质量分 96
懒人码农
这个作者很懒,什么都没留下…
展开
-
给前端快速上手摸鱼一把主流状态管理库,这家伙真香
前言大家好,我是虚竹。众所周知,React是一个专注于UI层的库,不同于Vue、Angular等框架,React 的各种状态管理方案一直是在百花齐放、群魔乱舞。除了热门库Redux、Mobx、Recoil、Zustand等之外,React 的正式版也来到了v17,useState、useReducer、useContext等状态管理相关hook的概念和应用也逐渐深入人心。作为普通程序员首要考虑的是,如何快速挑选一个成熟的比较舒服的轮子解决手头项目。由于我们团队用的技术栈是 React,就花了一丢丢时原创 2022-03-16 10:00:41 · 1369 阅读 · 0 评论 -
超详细 React Native 入坑使用指南,我在元宇宙等你
前言大家好,我是虚竹,今天给大家分享一下我是如何快速通关打怪搭建 React Native 跨端开发环境,并使用大家非常熟悉的开发工具 VSCode 来编写丝滑般的代码。编写丝滑般代码会再下一篇输出,包括项目实战经验总结和踩坑,如目录架构、函数式编程、React Hook 灵活运用、常见场景、开发调试、发布部署、踩坑、性能优化等等。之前因为在我的技术群,收到群友@我,问能否出一个保姆级 React Native 搭建开发环境的教程,我说照着官方文档步骤操作即可。可惜事与愿违没那么顺利,流程上繁琐不够清晰原创 2021-12-19 15:02:34 · 8470 阅读 · 2 评论 -
手摸手教你快速上手uniapp开发跨端应用实战及踩坑总结
前言大家好,我是虚竹。如何快速学会一门新派武功,如果是我会怎么做,从哪里下手?是有师傅带领指导,还是自我琢磨?天下武功 BUG 多,唯有修炼内外功。边学边做,动手实操项目,快速(别犹豫干就对了)与反应(发现问题及时消灭)。最近接到一个新项目,要求开发安卓版 APP 应用,指定技术栈 uni-app 框架。对于从未接触或使用过,甚至比较陌生的前端技术工具,不知从何下手,是有哪些坑,心里惶恐,没有把握。一想到俺们程序员都有打不死的小强精神,遇到问题和困难从不退缩大胆求证。一句话干就对了。废话有点多,今天原创 2021-12-04 09:29:40 · 5568 阅读 · 1 评论 -
如何推行我司前端自动化构建部署,自己先梭哈一把,不香么?
大家好,我是虚竹,武功练de再好,也要与各路英豪切磋切磋。今天我们先来聊一聊前端项目自动化构建部署的那些事儿。查找收集过很多相关资料教程都讲的不全,比较简陋,所有写了这篇实战水文。超级,超级详细,建议收藏慢慢看。如果已有这方面的基础或经验可以挑着看。原创 2021-10-10 09:32:56 · 940 阅读 · 0 评论 -
前端仔也需要懂的Linux知识
大家好,我是虚竹,偶尔检验一下自己的功夫是否学到家,还得通过不断的吸取精华,才能输出美轮美奂的精彩实用好文。今天先来给大家讲一讲前端如何快速了解 Linux 服务器系统,并上手使用 Linux 命令的那些事儿。原创 2021-10-10 09:25:35 · 1388 阅读 · 0 评论 -
不可思议el-tree与el-table两个组合肝完这个奇葩需求,被自己的能力吓坏了
前言Hello 大家好,我是虚竹,前段时间忙着寻找大哥和三弟的踪迹,耽误了技术文章输出,趁中途栖息时间赶紧补上一篇水文。今天给各位看官讲一讲我的刨坑之旅,因为最近开发了一个项目业务上遇到一个感觉有点啪啪的复杂需求(目录树+复选框+分页+检索)。多数大牛们看了这个功能需求,都会立马跳出来说,不难不难,这不就是开发一个网盘么,类似百度网盘那种。非也非也,先看看再说!当时有两种选择方案要么用el-tree,要么用el-table,简单的过了一下这两个UI组件的用法就动手了,并根据实际业务需求,也为了偷个懒就原创 2021-09-07 09:25:16 · 4998 阅读 · 10 评论 -
前端切图仔如何玩转webgis开发酷炫界面实战项目经验指南
WebGIS(网络地理信息系统)是指工作在Web网上的GIS,是传统的GIS在网络上的延伸和发展,具有传统GIS的特点,可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能,同时也是 Internet 上地理信息发布、共享和交流协作的基础。原创 2021-07-02 20:27:30 · 4805 阅读 · 1 评论 -
ECharts数据可视化:入门、实战与进阶干货分享(GitHub 44.5k)
前言最近接到一个新的任务,说是在公司内部要组织开展技术交流分享会,为了促进程序同事间的技术氛围,提高大家的学习积极性,让更多的人能参与进来,已纳入部门和个人绩效考核范畴。形式很简单,每周都会进行一次技术分享。分享人由入职时间先后顺序安排。题材不限,可以是自己熟悉的技术领域或某个知识点,比如区块链开发者分享底层公链、联盟链、智能合约等等;服务端开发者分享框架与设计模式,SQL深度优化,消息队列等等,前端开发者分享MVVM模式,WEB前端性能优化,数据可视化,CSS3高级用法等等。可以是一些通用的技术,比原创 2021-01-12 13:10:56 · 5122 阅读 · 2 评论 -
手把手带你进阶全栈打工人,手撸H5完整商城项目从0到1实战分享(附源码)
前言最近很流行的一句话,“打工人,打工魂,打工都是人上人”。分享我的NodeJS全栈商城项目实战系列(处女篇)之前,先来了解一下什么是全栈工程师?全栈工程师是指掌握多种技能,胜任前端与后端,能利用多种技能独立完成产品的人。现代项目的开发,需要掌握多种技术。互联网项目,需要用到后端开发、前端开发、界面设计、产品设计、数据库、各种移动客户端、三屏兼容、restFul API设计和OAuth2.0等等,比较前卫的项目,还会用到SPA、Web Socket、HTML5/CSS3这些技术以及第三方开发像微原创 2020-11-24 21:50:19 · 2421 阅读 · 6 评论 -
NodeJS+3D酷炫动画玩转纯手工打造个人博客,不用博客框架
那些优秀的程序猿,特别是大佬级别的开发者,都会有自己的个人博客网站。曾经有个老铁跟我说,一个程序猿爱好者没有属于自己的博客,还不算真正进入我们这个行当,用球迷的话来说,就是伪球迷。此言差矣,其实每个人的追求不一样。也可能是精力有限为了生计,不过借助一些知名的社交平台(`掘金、思否、CSDN、博客园、简书、知乎、公众号`)也是不错的选择。但小编还是希望小伙伴们能抽出一点点时间,撸一个出来。为什么要弄个人博客?原创 2020-07-18 18:20:30 · 2405 阅读 · 0 评论 -
Nodejs全栈进阶-Vue+Express+Webpack自建脚手架完善单页面应用,档次瞬间提升(附完整源码)
阅读本文之前,可以先看看上一篇全栈入门《NodeJS全栈开发一个功能完善的Express项目(附完整源码)》,项目主要是采用前后端分离开发,前端部分使用的技术栈是基于`Vue + iView`,用vue-cli构建前端界面,后端部分使用的技术栈是基于`Node.js + Express + MySQL`,用Express搭建的后端服务器。经过项目改良、优化、整合、升级后,瞬间感觉提升一个档次,开发效率也提高了。原创 2020-07-09 22:56:51 · 1065 阅读 · 0 评论 -
NodeJS全栈开发一个功能完善的Express项目(附完整源码)
Node.js对前端来说无疑具有里程碑意义,与其越来越流行的今天,掌握 Node.js 技术已经不仅仅是加分项,而是前端攻城师们必须要掌握的一项技能。而 Express 基于 Node.js 平台,快速、开放、极简的 Web 开发框架,成为 Node.js 最流行的框架,所以使用 Express 进行 web 服务端的开发是个不错且可信赖的选择。但是 Express 初始化后,并不马上就是一个开箱即用,各种功能完善的 web 服务端项目,例如:MySQL 连接、jwt-token 认证、md5 加密、中间件原创 2020-06-24 00:52:42 · 17516 阅读 · 34 评论 -
(下)开发一款微信小程序的个性简历,能打开大厂之门并获得门票?(附源码)
阅读本篇文章之前,可以先看看上一篇分享的内容,主要讲微信小程序的由来,它的特点及产品优势,行业应用,开发语言,运行环境,开发前的准备工作等等。本项目是基于微信小程序原生框架,常用原生组件及官方API实现的小程序版个性简历,并引入炫酷的colorui组件库,展现不一样的精彩画面。原创 2020-06-07 10:22:29 · 2415 阅读 · 4 评论 -
(上)小程序从0快速入门到实战项目打造个性简历,让你轻松脱颖而出吸引面试官眼球(附源码)
分享之前我们先来认识一下小程序,官方定义的微信小程序是一种新的开放能力,开发者可以快速地开发一个小程序。更是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。那么我所理解的小程序又是什么,它有什么特点,将如何应用?原创 2020-05-31 01:37:01 · 1858 阅读 · 0 评论 -
(下)Vue+Echarts构建大数据可视化酷屏展示公司品牌实战项目分享(附源码)
前端的学习,不能仅仅依靠知识点的学习,实战项目的操作可以帮助我们整理知识点以及提高编程能力,更有助于学习和实践,最重要的是提高自己的项目经验,对于找工作而言有着大大的帮助。一个基于Vue前端框架和第三方图表库Echarts构建的可视化大数据平台,通过vue项目构建、指令的灵活运用、组件封装、组件之间通信,使内部图表组件库可实现自由替换和组合。以及一些功能模块的设计及代码实现。...原创 2020-05-14 04:13:30 · 5201 阅读 · 10 评论 -
(上)Vue+Echarts构建可视化大数据平台实战项目分享(附源码)
分享之前我们先来普及一下什么是数据可视化?数据可视化可以把数据从冰冷的数字转换成图形,揭示蕴含在数据中的规律和道理。数据可视化通俗来说就是:数据的展示、处理和分析。目的是借助于图形化手段,清晰有效地传达与沟通信息。那前端数据可视化又是什么呢?前端数据可视化其实就是利用前端表现层的手段,以前端手段展示、处理和分析数据。原创 2020-05-08 01:52:56 · 19112 阅读 · 31 评论 -
基于vue-cli3 + axios 构建多页面应用H5移动端电商网站(下)
回顾基于vue-cli3 + axios 构建多页面应用H5移动端电商网站(上)如果有web前端html+css+js+vue基础的小伙伴,可以直接跳过上半部分,直接进入下半部分,接下来要讲的,也是最主要的页面功能开发阶段。整个项目完成阶段分为:需求分析、原型讨论、UI设计,前后端开发,测试,上线。废话不多说,马上进入正题。移动端开发必备使用rem单位进行手机适配,在路径/src/a...原创 2020-04-18 09:39:10 · 1416 阅读 · 0 评论 -
基于vue-cli3 + axios 构建多页面应用H5移动端电商网站(上)
前言初次写技术博客大菜鸟一枚,都不知道从何下手,只要是苦逼码农,会敲代码就万事大吉。可思来想去,还是要写点什么关于前端技术的内容,一方面提高自己的写作水平,另一方面加深对现有技术知识的掌握程度以及研究新的前沿技术做准备。更要学会回顾,思考,总结。本人搜罗一遍,决定拿出2年前利用业余时间做过的一个小项目,经过自己对本项目前端框架版本升级和架构改良后,可供前端入门小伙伴学习,练练手。文章末尾会放上...原创 2020-04-12 09:32:10 · 1391 阅读 · 2 评论