🦄 2024 独立开发者训练营,一起创业!(早鸟优惠在6天后结束)查看介绍 / 立即报名 →

博客

重构日记 #1:最佳时机就是当下

从创建宁皓网的第三年开始就说要重构,要重构,喊了这么多年,今年必须要开始做了。技术行当永远没有尽头,永远都觉得还有更好的,其实最好的就是当下我们已知的,未来的事交给未来的自己去做吧。以前会这样,等我学到了这个我就重构,学习的过程中又发现了新东西,又会想,等我把这个也学了,再去重构,这是个无限循环,跳不出来。

创建第一版宁皓网那会儿,我还没有理解  CSS,直到我在做 CSS 基础教程以后,才理解了 CSS。后来我又自学了很多东西,但又总觉得还差点什么,这也算是人性中的贪婪吧。我现在有个感悟,就是学而无用有点浪费,我们要 “学而实习之”,就是学了一些东西以后,马上去实践,做出想要的东西,然后再学一点,再去实践。有些基础以后就开始干吧,追求完美成不了事。

宁皓独立开发者训练营(2021)

在线演示:https://nid-vue.ninghao.co

欢迎参加宁皓独立开发者训练营(2021),这次我们要徒手完成一个真实的应用,这个项目有一定的复杂度,但又不至于完全跟不上,毕竟我自己已经编写、重构了好几次。这应该是你踏入 Web 开发领域,成为一名独立开发者,需要的唯一一次长期训练。完成这次训练以后,你将获得独立设计,开发应用的能力,可以把自己的想法变成实际能用的东西。

我们会围绕照片这个主题来开发一个 Web 应用,当然在后期你也可以切换成音频或者视频,这在后面只是选择问题,不会再是技术问题了。之所以选择照片,是因为照片好看,我自己是摄影爱好者,在训练视频里看到的照片也都是我自己亲手拍摄的。

水杯已经发货了,这是大家提交的部分作品

地址:https://www.168seo.cn

我是一位后端开发者, 从 2014-08-19 开始订阅 “宁皓网”,一直很喜欢皓哥的讲课方式,简洁干货很多,皓哥算是我走上开发之路的启蒙老师,那时候我还在上大学,一转眼过去六年多了,看着宁皓网会员一步一步的增长,我还是很开心的,我也很感谢能有机会认识您。

应用:加鼎移民

限量手工复古水杯,送给独立开发者们(活动结束了)

这不是一只普通的水杯,听说获此杯者在未来能做出 “独角兽”,或是作品被大厂收购,也可能公司上市得到一大批股票,或者接单到手软,最次年底也能收一个大红包。

小雪给我们做了一款水杯,名字就叫独立开发者水杯。包装简陋,外表粗犷,细看又觉得很好看,我很喜欢,喝水喝茶喝咖啡都行。现在只有一个样品,打算再做一些送给独立开发者们,送多少取决于宁皓网 CFO 给咱们订多少,送给谁取决于您的手速与作品 :)

想获此杯者,您可以把自己独立开发过或参与开发过或是正在开发的网站、小程序、各种应用或者原型,配几张截图,200 字左右的介绍发到邮箱:53166188@qq.com,也可以加上我的微信直接发给我:wanghao_8088

在邮件里准备好下面这些内容:

  1. 应用名称
  2. 应用地址(网址或应用商店地址)
  3. 几张截图
  4. 一段简介
  5. 您的邮寄地址(姓名、电话、详细地址)

小小礼物,以表我对开发者的敬意,希望大家今年都过得好 :)

阿里云实时计算正在招前后端工程师或专家

阿里云实时计算正在招工程师或技术专家(P6 - P8),前后端都在招,不限技术栈。最近想换工作的同学们可以投上一波简历,大家可以在年前面试,年后再选择入职。最近几个月有充足的机会,抓紧吧。

工作地点在杭州 EFC,想南下发展的朋友们可以试试,杭州是个美丽的城市。大家如果面试前端工程师的话,可以跟 NG-ZORRO(Angular 版的 ANTD) 的团队一起工作。当然你不一定要用 Angular,其它的技术栈也可以,比如 React,Vue

如果面试前端工作,面试官是 NG-ZORRO 的作者,大家可以叫 “东哥”。有兴趣面试的同学可以发邮件到 simplejason.coder@gmail.com

Vue CLI:项目的超级 “外挂”

Vue CLI 是 Vue 项目的超级外挂,我们平时一般会用它创建 Vue 项目,启动开发服务,还有编译项目。Vue CLI 可以通过插件扩展它的功能,插件可以修改项目里的东西,比如修改 package.json ,在里面添加点新的依赖或者自定义的命令等等。插件还可以在项目里面添加新的东西,比如创建新的组件,样式,路由或者 Store 等等。

问题

创建组件是我们在开发 Vue 应用的时候经常做的一件事,首先要在项目里创建一个组件文件,然后在里面定义一个基本的组件,设置一下组件的名字,去给组件创建一个样式表文件,然后在这个新创建的组件里导入使用这个样式表。如果组件里需要使用 Vuex 的帮手方法,你需要先从 vuex 里面导入这些帮手方法,然后分别在 computed,methods 里面使用这些帮手方法。如果你需要在父组件那里使用这个组件,需要打开父组件,导入这个组件,注册这个组件,再在父组件的模板里使用这个组件。

从上面的描述可以看出问题,就是很多动作都是重复的,而且具有特定的行为模式。最简单的解决方法就是在项目里定义一些代码片断,这样你可以在项目文件的里快速插入使用这些代码片断。更好的方法就是去创建一个 Vue CLI 插件,根据自己项目的需要定制这些插件,通过命令快速创建应用需要的各种零部件。

Vue:设计一个经得起实战的应用项目结构


图:Mathieu L.B

开发一个应用最难的事情就是给各种东西起名字,还有就是用什么方法组织各种东西的文件。今天跟大伙分享一个经过我实践之后的一个 Vue 项目结构。Vue 是一个前端应用框架,它只给我们制造零部件的方法与材料,但是并没告诉我们项目如何组织。好处是这很自由,怎么整都行,坏处也是很自由,因为我们自己要做很多决定,每次决定都会消费一点脑力,所以一开始你会很头痛。

Node.js 服务端应用开发 #8:服务端与客户端交换数据

客户端与服务端之间一般会用 HTTP 这种应用协议沟通交流。 HTTP 协议提供了一些方法,比如 GET(获取),POST(发布),PUT(覆盖),PATCH(修正) 还有 DELETE(删除)都是 HTTP 里的一些方法。在服务端定义服务接口的时候,可以设置接口支持用哪一种 HTTP 的方法使用它。

客户端与服务端之间最常用的交换数据的方法就是通过请求与响应,客户端向服务端发出请求,服务端可以做出响应。客户端可以向服务端请求它需要的数据,或者把客户端上的数据发给服务端。服务端根据请求的地址可以决定要去做什么事情,比如它可以给客户端准备一些数据,然后发给客户端。

请求与响应主要由两部分组成,头部(Header)与主体(Body)。请求可以把要给服务端的数据放到请求的主体里面,请求的头部里面会包含请求相关的一些信息,比如服务端给用户签发的令牌就可以放在请求的头部里面。服务端给客户端做出的响应里面,可以把客户端需要的数据放在响应的主体里面,然后可以通过响应的头部信息告诉客户端一些额外的事情,比如响应的数据是什么格式的。

Node.js 服务端应用开发 #7:应用框架(Express.js)

图:Reijo Palmiste

我们要开发一个应用,一般都不太会从零开始做,可以找一些库(Library),或者基于框架(Framework)或者系统(System)来做。库里面一般提供的就是一些零部件,框架里边儿除了提供应用需要的一些零部件以外,它还会给我们定一些规矩,帮我们做出一些决定,还会提供一套开发的方法与流程。 系统,就是一个现成的能用的东西,比如常见的就是内容管理系统(CMS)。它们三个的关系大概是这样的,在框架里边儿可能会用到一些库里面边儿的零部件,一个系统可能是基于某个应用框架做出来的。

九年

图:Alexey Kuvaldin

今年太特别了,过得飞快,年夜饭的香味与内心的恐惧仿佛都还没有散尽。今年增长的除了年纪,还有几撮白发。我曾经很自信地说自己不会染头发,但现在却怕父母看见了会多想。今天是宁皓网第九个年头,当年那个小么子,已经成 “蜀黍” 了。

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点