自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 css布局简史与决胜未来的第四代css布局技术

一转眼已经2018年,前端行业也风风雨雨的走过了10多年,网页布局也从最原始的文档变成成了当前精彩纷呈的交互。当我看到第四代css布局技术网格布局的时候,就像我看到无数女神一样的的反应,我们好像在哪见过,还记得吗?知道过去能更好的指导我们未来的技术学习,毕竟太阳底下没有新鲜事,就像我看到最新的网格布局联想起曾经的初代table布局样,一切都变了,一切好像都是重新来过。那是2006年的第...

2018-07-30 20:30:05 457

原创 程序员的个人品牌,该如何打造?

有位主管,咨询完以后,说,不知道别人什么情况,跳槽对于我来说,太难。我问道:你觉得,最大的阻力,是什么?他说,我从毕业就一直在这家公司工作。我的业绩,还有人脉,都在这儿了,您说,我还能往哪儿走? 从回答上看,你肯定以为,他是个四十多岁的国企高管。实际上,面前的人,27岁,从事的行业,是日新月异的互联网。对于一个工作了5年以上的程序员,被过往的业绩和所谓的人脉栓在原地...

2018-07-21 21:28:55 1499 6

原创 程序员跳槽的底层逻辑与误区

 上周,在后台接到一条信息。一个入行3年的程序员,想跳槽,征求我的意见。原话是这么说的:老师,我觉得,现在这份工作,对我来说已经没意义了;我打算跳槽,但是无从下手,麻烦您给指点一下。说到跳槽,是事业发展中绕不开的话题;可是很多程序员,谈到跳槽的时候,一只脚已经踩到了坑;毕竟,坑太多了,这条路上的人,又那么挤…… 误区一:单纯地为了钱,随心而跳之前跟几个猎头聊天,...

2018-07-17 15:49:20 1213

原创 Gatsby入门指南—添加上一页下一页功能(完结篇)

1.调整gatsby-node这个就简单了,打开gatsby-node.js,增加代码如下:const path = require("path");exports.createPages = ({ actions, graphql }) => { const { createPage } = actions const blogPostTemplate = path.r...

2019-05-31 10:55:03 1367

原创 Gatsby入门指南—添加博客内容页(4)

1.查数据注意,这里跟前面不一样了,我用gatsby-node.js这个文件去提供数据,没有什么为什么,规定,照做就好。const path = require("path");exports.createPages = ({ actions, graphql }) => { const { createPage } = actions​ const blogPostT...

2019-05-31 10:50:52 282

原创 Gatsby入门指南—添加博客文章列表(3)

1.查数据{ allMarkdownRemark(sort: {order: DESC, fields: [frontmatter___date]}) { edges { node { frontmatter { title path date excerpt ...

2019-05-31 10:45:06 335

原创 Gatsby入门指南—使用GraphQL解析Markdown(2)

1.什么是GraphQLGraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。 GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述,使得客户端能够准确地获得它需要的数据,而且没有任何冗余,也让 API 更容易地随着时间推移而演进,还能用于构建强大的开发者工具。官网:http://graphql.cn/2.为什么需要它?一图抵万言:...

2019-05-31 10:41:46 525

原创 Gatsby入门指南—Gatsby支持Markdown(1)

1.安装插件我用Gatsby就是因为它支持Markdown.所以不墨迹,直接整Md支持。yarn add gatsby-source-filesystemyarn add gatsby-transformer-remark2.添加格式化文章在src>pages下面,添加三篇文章,头部格式如下:path : "/blog/my-first-post"date : "2...

2019-05-31 10:36:20 901

原创 从零开始实现网易云音乐播放器(3)

H5增加了很多的标签,面试的时候,如果面试官问你H5都有哪些新标签,你回答header、footer、nav。这么回答几乎是无效的,因为这些标签在H5里面的角色,相当于鸡骨头、鱼刺、蘑菇腿——全是鸡肋,至少你得答出来audio、video、canvas,这些才是H5的核心功能,本文我们就重点说一下audio。audio广泛的应用于各种项目中,游戏背景、各种播放器,可以说有声音的地方就有au...

2019-05-24 14:06:18 2300

原创 Gatsby入门指南—安装和博客搭建(0)

1.安装yarn global add gatsby-cli2.创建gatsby项目gatsby new blog3.开发gatsby develop注意报错:error UNHANDLED EXCEPTIONError: no parsers registered for: "\"文件空格问题,最好不要用空格和中文。直接放在硬盘根目录下就不会有问题。...

2019-05-24 10:59:21 1093

原创 决胜未来,2019年前端开发十大战略性技术布局

2010年的你,如果能学会Android开发,现在的你,薪资不会低于年薪50万……2015年的你,如果能熟练使用react,现在的你,薪资不会低于月薪30K……看到这两个数据,也许有人会反驳:技术刚出来,没人敢用,而且随便一门技术,用上三五年,工资也不会低于这个数吧?第一个问题, Android 是2010年才出来的吗?从上边的资料我们可以看出:Android 是 2008年9月23日...

2019-02-20 20:42:05 164

原创 一篇文章搞明白CORS跨域

面试问到数据交互的时候,经常会问跨域如何处理。大部分人都会回答JSONP,然后面试官紧接着就会问:“JSONP缺点是什么啊?”这个时候坑就来了,如果面试者说它支持GET方式,然后面试官就会追问,那如果POST方式发送请求怎么办?基础扎实一些的面试者会说,使用CORS跨域,不扎实的可能就摇摇头了。这还没结束,如果公司比较正规或者很在乎技术功底,你面试的又是重要岗位,HR还想砍你的工资,就会再补一...

2018-11-26 18:51:55 149

原创 成为一个合格前端的正确姿

很多学生经历过这样的学习阶段:1.看网上的视频教程2.照着敲3.学完了一个觉得自己还没学会4.在学另外一个教程5.感觉自己学会了6.找个项目一做,做不出来,在找教程7.重复1-7到最后发现,自己什么都知道一点,好像什么都会了,又好像什么都不会。你说不会吧,你问他各种知识都能说出一个所以然来,教学案例也能敲得熟练,你说会吧,一个全新的项目一点都写不出来。那么问题在哪呢?...

2018-10-02 10:59:21 213

原创 使用flex进行网易云音乐界面构建和布局解析(2)

前面我们通过[《css布局简史与决胜未来的第四代css布局技术》](https://segmentfault.com/a/1190000015782763)了解了css布局发展史和未来,下面,我们通过[《使用flex进行网易云音乐界面构建和布局解析》](https://segmentfault.com/a/1190000015846688)了解一下,如何在实际项目中使用flex进行布局,相信大家也...

2018-09-24 15:54:47 602

原创 找一份好的前端工作,起点很重要

一、到底什么才是一份好的前端工作?自从开始做咨询,就不断有人问我:“老师,前端这个行业行业怎么样啊?有发展吗?”或者是:“老师,做IT,算不算一份好工作啊?”工作,是一个永恒的话题:没工作的人需要一份工作;有工作的人需要一份好工作;问题来了:“好工作”,长什么样子呢?什么才算是一份好工作呢?大多数人估计没想过这个费脑筋的问题;既然用感性的语言难以描述,干...

2018-08-22 13:28:07 287

原创 起点没有选对,想找好的前端工作只能越找越累

  到底什么才是一份好的前端工作?自从开始做咨询,就不断有人问我:“老师,前端这个行业行业怎么样啊?有发展吗?”或者是:“老师,做IT,算不算一份好工作啊?”工作,是一个永恒的话题:没工作的人需要一份工作;有工作的人需要一份好工作;问题来了:“好工作”,长什么样子呢?什么才算是一份好工作呢? 大多数人估计没想过这个费脑筋的问题;既然用感性的语言难...

2018-08-13 12:21:20 334

原创 使用flex进行网易云音乐界面构建和布局解析

1.为什么要用flex进行webapp布局第一,float布局 需要清除浮动,很麻烦。第二,绝对定位需要考虑位置和空间占位第三,元素垂直水平居中问题。2.网易云音乐首页分析3.啥也别说,直接上代码先来一个html,<!DOCTYPE html><html lang="en"><head>   <meta cha...

2018-08-05 21:00:05 2411

原创 程序员的简历该怎么写?

一个学生辞职了,约我吃饭。他说,老师,最近投了很多简历,就一个小公司回复了;面试过了,但我不想去,能不能帮我分析分析,我现在该怎么办啊?他的情况我了解,在北京找一份12k的工作不难,怎么只有一家小公司回复了呢?我说,把你的简历发到我邮箱,先帮你看看这方面。简历发给我的时候,正坐在副驾驶,打开一看,画面太美,愣生生呛出个喷嚏:一个word文档,格式简单,没有照片;主要...

2018-07-31 16:02:30 14727 4

原创 前端到底是求职者的乐士还是日渐成为烫手的山芋?

web前端技术是近年来一个新兴职业,是伴随着web兴起而细分进去的行业。web前端技术是由网页制作演变而来的,有鲜明的时代特性,Web前端在国内乃至国际上真正开始受到重视的时间不超过10年。既有sass/gulp/angular/react/vue等技术万花筒的大放异彩,又有前端人员对技术飞速发展自己想提升的茫然无措,既有对行业有热切的期盼,又有行业变动的隐忧,既有不断高工资井喷的诱惑,又...

2018-07-26 20:36:35 310

原创 前端、后端和全栈到底不该学什么

1、前言在职业规划咨询过程中经常会被问到这样的问题:老师,我是该深入钻研专精一门,走技术大牛路线,还是所有都要精通,做一个全栈工程师?类似问题的变种还有,老师我是不是该30岁最迟35岁就要转管理了,是不是技术年龄大了就没有优势,精力跟不上了?这是一个从业者普遍存在的问题,反应了技术发展的两个方向,一种是纵向一种是横向的,横向的是瑞士军刀,纵向的是削铁如泥的干将莫邪。 到底选哪个呢?...

2018-07-17 13:17:52 10867 5

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除