Py学习  »  Git

#2 【TinyShare】Github Actions功能的介绍;对程序员来说,很重要的非编程技能;Nuxt.js快速上手;

前端微志 • 5 年前 • 236 次点击  

TinyShare 是一个英文前端技术文章分享博客网站,它有以下特点:1.推荐的文章,都是我(目前是我一个人)自己仔细阅读过,从中挑选出的优秀的前端相关的文章,绝不为了应付而胡乱推荐;2.网站会尽量简洁,更多地专注于内容。推荐的文章中,很多都是英文文章,我没有精力每天都去翻译这些文章(我每天也有很多工作要做),所以建议大家直接阅读英文文章,也是一种锻炼。3.每次推送五篇文章,不多也不少,坚持每天推送。4.点击文末左下角“查看原文”,查看分享的文章原文。

·  ·  ·

Github Actions 功能的介绍


Github最近刚发布了一个新的功能:Actions。目前这个功能还是处于Beta版,需要主动注册申请后才能使用。注册地址:https://github.com/features/actions




Github Actions 是一个工作流(workflow)集,每个工作流都是一小段代码,这些代码被整合到docker上运行,为你的GitHub repo做一些自动化的操作,比如,你可以直接提交到npm并将项目自动部署到很多云端服务上(Azure, AWS, Google Cloud, Zeit...,期待国内服务器厂商的支持)。


当然,Actions远不止做这些事,因为它们是全程运行在docker的容器里,所以你可以通过它任何事情。比如,压缩和拼接CSS、JavaScript代码,当有人向你的提交issue时向他发送信息等,尽情发挥你的想像吧。


文中详细介绍了如何申请及在你的repo里使用Action,还用示例讲解如何自定义一个Action,并应用它。

·  ·  ·

对程序员来说,很重要的非编程技能


在这个团队协作的时代下,要评价一个程序员,不止要评价他/她的编程技能,还要考虑他/她的非编程技能的高低。


作者从非编程技能出发,讲述了她认为对于一个程序员也非常重要的非编程技能有哪些。


换位思考

作者认为换位思考不止要换位成产品的用户,站在用户的角度去思考和体会用户是如何使用产品的?你开发的产品对用户有什么帮助?


“换位思考”也需要你在团队内站在主管和同事的角度去思考问题,思考他们是如何做决定,你能如何帮助他们。这样可以很好地与团队内成员进行配合,提升团队的效率。


解决问题的能力

解决问题的能力,可以理解成如何将问题进行拆解,将一个大的问题拆解成多个小的问题,将小问题一一解决,最终解决大的问题的能力。


要提升解决问题的能力,需要经过很多次的训练,尝试过多次的失败后,慢慢形成一个好的解决问题的思路。


作者列出了很多个重要技能,除了以上两点,还有“协作”、“沟通”、“耐心”、“创造力”和“自信”等。希望该文能让你有所启发,对培养你的非编程技能有帮助。

·  ·  ·

Nuxt.js快速上手


Nuxt.js是一个基于Vue.js,Vue Router,Vuex,Vue Server Renderer和vue-meta等插件的通用框架。它的应用范围很广,你可以用它来创建静态网站或单页面应用。


它有以下优点:

1.基于Vue.js,Vue.js生态内的东西都可以为你所用;

2.自动化路由处理,Nuxt.js封装了Vue-Router,并将路由自动映射到页面文件上;

3.服务器端渲染。Nuxt.js使用了Vue服务器端渲染插件来处理,也提供了属性方便扩展;

4.可生成静态网站。Nuxt.js提供了命令来生成HTML的静态应用,每个页面文件都有路由和store,可以部署在任意静态服务平台;

5.基于Webpack。Nuxt.js项目中的文件的打包,压缩和编辑等都可以使用webpack来完成,和Vue.js一样使用vue-loader和babel-loader;

6.HTTP/2。Nuxt.js提供了一个属性来激活应用中的HTTP/2推送,无需客户端的请求就可以将响应推送给客户端;

7.开发环境的热替换功能。得益于webpack和vue-loader,Nuxt.js项目在开发环境就可以使用代码的热替换功能,可以提升开发效率。


作者从“如何安装Nuxt.js”到“如何使用Nuxt.js生成一个项目”开始,再讲解Nuxt.js项目中每个目录的作用,以及如何写一个组件,如何实现路由及多级路由等,非常深入地教你开发一个Nuxt.js项目。最后,还讲到如何部署Nuxt.js项目。


希望这篇文章能够给你启发,对Nuxt.js有多了解,并能使用创建你想要的网站。


·  ·  ·

每个JavaScript开发者都应该知道的33个概念


JavaScript开发者们,不管你是用React,Vue还是Angular写页面的客户端,还是使用Nodejs开发后端服务,都需要好好地把JavaScript的基本概念弄清楚。




这个Github repo比较全面地列出了JavaScript中的基本概念,从数据类型,到高阶函数、到ES6新语法及设计模式,再到JavaScript的引擎、代码风格等都收集了一些好的文章及视频,


希望这篇文章能给你一些启发,让你的JavaScript基础知识更加清晰,牢固。

·  ·  ·

箭头函数的那些事儿


在现代JavaScript(ES6+)中,箭头函数是最常用的特性之一,它带来两个重大的好处,就是非常简洁的语法、简单的作用域和this绑定。


究竟什么事箭头函数?箭头函数的使用场景有哪些?在哪些场景下建议使用它?在哪些场景下不建议使用它?使用它究竟能带来哪些好处?


作者在文中解释了上述几个问题,并给出示例,并给出了箭头函数的优缺点。希望这篇文章能够给你启发。


- The End -




今天看啥 - 高品质阅读平台
本文地址:http://www.jintiankansha.me/t/abHv2VGE6M
Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/25320
 
236 次点击