技术文章

200行代码实现区块链

原文 A blockchain in 200 lines of code
译者:若愚,来自饥人谷, 更多好文,关注饥人谷公众号

区块链的基本概念非常简单:一个分布式数据库维持不断增长的有序记录列表。然而当我们谈论区块链时,我们也会谈论我们用区块链所要解决的问题,这二者通常很容易弄混淆。流行的基于区块链的项目如比特币以太坊就是这种情况 。术语“区块链”通常与交易智能合约加密货币等概念紧密相关。

这使得理解区块链是一项必然要艰巨的任务。特别是源码级别的理解。在这里,我将介绍一个使用200行代码实现的超级简单的区块链——NaiveChain

Continue reading →

Posted by 小谷 in 技术文章, 0 comments

使用 Grid 布局构建网站首页

by Chris House

译者:若愚老师

当我开始一个项目,并开始计划如何布局主页时,我的大脑复现出浮动和定位。有些人可能会使用 Bootstrap 或其他框架。 那是因为这是2016年,我们一直在用这些方法来做布局。 但假设我们乘坐时光机来到2018年,所有主流浏览器都支持CSS Grid 布局模块。此时我们的页面布局模式已经完全改变,CSS的功能最终强大到能轻松实现我们的设计目标,这是一个web开发人员最美好的时代。现在,让我们使用超赞的工具——Grid布局来创建一个主页。

Continue reading →

Posted by 小谷 in 技术文章, 1 comment

CSS 网格布局学习指南

CSS 网格布局(Grid Layout) 是CSS中最强大的布局系统。 这是一个二维系统,这意味着它可以同时处理列和行,不像 flexbox 那样主要是一维系统。 你可以通过将CSS规则应用于父元素(成为网格容器)和该元素的子元素(网格元素),来使用网格布局。

Continue reading →

Posted by 小谷 in 技术文章, 0 comments

前端每日一题

小谷之后每天会发布一道常见的笔试面试题,偶尔也会加一些有意思的题目,小伙伴们一边学习一边来检测下自己的学习成果吧~
每天在QQ班级群、“饥人谷前端”微信公众号和本主题同步更新哦~

Continue reading →

Posted by 小谷 in 技术文章, 0 comments

一个汽车租售的简单电商系统

vue.js是2017年最火的前端框架之一,一份前端简历如果缺少vue.js项目来锦上添花,简直无颜以对面试官呀!

那么,问题来了。

怎么样才能有一个高大上的vue.js项目作品呢?

Continue reading →

Posted by 饥人谷-墨凌 in 技术文章, 0 comments

饥人谷直播14班7月中旬开班咯~

带班老师:若愚,北航计算机硕士,曾任职于百度、阿里巴巴做前端开发,饥人谷最受同学喜爱的老师之一。


课程大纲

静态页面与基础知识

  1. 前端技术发展(HTML、CSS、JavaScript发展历史介绍、新技术介绍)、如何学习(2课时)
  2. 命令行入门、Git 的使用(2课时)
  3. HTML CSS 基础讲解(4课时)
  4. CSS 核心知识点讲解( 盒模型、浮动、定位、BFC)(6课时)
  5. 兼容、伪类、伪元素、字体图标、编码规范、经典布局、flex 布局、less、sass、postcss(4课时)
  6. 静态页面实战(个性在线简历 or 企业站首页)(2课时)
    ……

Continue reading →

Posted by 饥人谷-墨凌 in 技术文章, 2 comments

公开课锦集

  • Vue.js实现Web微信
  • 从零开始做一个命令行聊天机器人
  • 手把手教你实现 Vue
  • MongoDB 101, 手把手教你入门NoSQL数据库

Continue reading →

Posted by 小谷 in 技术文章, 0 comments

你怎么还没搞懂 this?

4个月前的那篇《this 的值到底是什么?一次说清楚 – 知乎专栏》已经把 this 的来龙去脉说清楚了,可以搞定面试遇到的所有相关题目。

不过实际项目中 this 的使用事情可能要更晦涩一点,我们就举例来说说。

本文用到的所有知识,依然来自《this 的值到底是什么?一次说清楚 – 知乎专栏》。

Continue reading →

Posted by 小谷同学 in 技术文章, 0 comments

【公开课】Node.JS开发爬虫工具

又到一年租房季,担心找不到便宜靠谱的房源?

没事,老杨的公开课手把手教你学习如何使用Node.js爬虫自动爬取租房信息,地区、价格由你挑,还带邮件提醒!

Continue reading →

Posted by 饥人谷-墨凌 in 技术文章, 0 comments

【新班】Node.JS全栈班,火力全开!

课程介绍

本课程将通过8周的时间,带你从0基础熟悉后端开发各方各面,成为具备独立开发能力的Node.js后端开发工程师。
课程内容涵盖时下最流行的后端技术,包括:微信开发、分布式系统、数据库开发(NoSQL和SQL)、高可用高拓展服务、微服务、消息队列、REST接口设计、负载均衡和调优等等。

课程以直播课的形式为主,每周2-3次,提供丰富的实战内容,和充分的作业讲评、答疑。课程

Continue reading →

Posted by 饥人谷-墨凌 in 技术文章, 4 comments

什么是响应式页面?

前几年火的一个概念:响应式页面。

  1. 什么样的页面是响应式页面?
  2. 响应式页面用到哪些技术?

  3. 响应式页面和自适应页面有什么区别?

Continue reading →

Posted by 小谷同学 in 技术文章, 0 comments

聊一聊字体图标的实现原理

问题:

字体图标如iconfont、 font-awesome、fontello,大家或多或少都使用过,那么问题来了?字体图标的实现原理是怎样的?

Continue reading →

Posted by 小谷同学 in 技术文章, 1 comment

为什么推荐使用 === 不推荐 ==

JavaScript 中的 == 有什么问题,导致大家更推荐使用 === 呢?
原因很简单,因为 x == y 在对比 x 和 y 的值之前,会尝试对 x 和 y 做类型转换,变成同一种类型后,再对比。

比如 false == 0 就是先将 0 转为 bool 值 false,再与 false 做对比。(评论里说我写错了,是的我写错了……这正好证明 == 很难用……)

然而问题就出在「类型转换」上,这个类型转换的规则非常难记。

Continue reading →

Posted by 小谷同学 in 技术文章, 0 comments