自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 如何考评一名前端工程师?

如何考评」这个词看起来「diǎo * 2」的。虽然标题看起来很有逼格,但对于我这种面试(他人)经验用一个手就能数出来的菜鸟来说,谈这个话题还为时过早。(我感到有看官貌似心里不满了:「那你说个 bird 啊!浪费老子时间和流量!我支付宝账号***,打多少你看着办吧!」先别急嘛~)其实,本文的目的不在于讲具体如何去考评一个前端工程师的应聘者,而是想说一件事,我最近冒出的一个 idea——是一件应该没人...

2019-06-01 16:35:16 888

原创 程序员必做的六件事

小编认为一个真正的软件团队的开发需要是这样:团队评审需求、团队制订标准、分别编写代码、团队评审代码。如果缺少最后这个评审代码,这样的开发不叫做团队开发,还是跟个人开发是一样的。越来越受软件开发团队甚至是其他知识型团队的追崇。必须要以人为本,持续优化知识工作人员每天必做的事情。1、专注:在发现问题的警觉和解决问题的行动上。六业开发绝对不是一套一成不变的标准化流程。而更多的是一种角色互动的自适应...

2019-06-01 15:42:03 102

原创 13个帮你提高开发效率的现代CSS框架

本文将向你介绍一系列顶级CSS框架。有些人可能听说过,也可能对有些人是全新的。但它们都提供了各种有用的先进功能,可以改善你的工作流程。开始吧!专注于 CSS 的框架让我们先从一些专注于 CSS 的框架开始。你将找到所有类型的布局和UI元素来自己构建项目的基础。有些甚至可能包含一些 JavaScript 来帮你处理更复杂的功能。Tailwind CSSTailwind与其他框架的区别在于它...

2019-06-01 15:06:34 86

原创 程序员吐槽:2万的运营、3万的产品,4万的开发,干出的活还不值2万

在国内我们的互联网公司技术间最常见的鄙视链是:架构看不起全栈,全栈看不起后端,后端看不起前端,前端看不起运维,运维看不起测试。而这个鄙视链关系转到产品经理和程序员之间就成了,程序员鄙视产品经理,产品经理又鄙视运营。各产品部门的鄙视也是在坊间津津乐道。是不是觉得挺逗的?这真的是互联网之间很常见常态。最近,一位互联网员工就在职场论坛开始吐槽这种现象,我们一起来看看。我觉得互联网公司挺逗的,2万月...

2019-06-01 13:46:11 232

原创 前端入门知识——相对路径和绝对路径

去一个地方,首先要明确到达此地的路径。编程也是如此,要加载图片或者引入其他代码文件,也需要设置正确的路径。路径分为绝对路径与相对路径:(1).青岛李沧区重庆中路967号xxx小区17号楼2单元502,这是一个绝对路径。(2).15号楼左手边那栋楼2单元502,这是一个相对路径。由此得出,绝对路径是对一个位置路径完整描述,相对路径则是以某一个事物为参考描述位置。程序中的相对路径与绝对路径...

2019-05-28 16:49:44 3302 1

原创 前端入门知识——HTML meta标签

此标签是标签中最重要的辅助标签之一。几乎任何一个在线网站的页面都有meta标签的使用,截图如下:标签包含了大量的信息,有的是提供给浏览器,有的则是提供给搜索引擎。标签的良好使用,对于一个网站是非常重要,下面就介绍一下meta标签的相关参数。标签常见属性如下:(1).charset(HTML5新增)。(2).http-equiv。(3).name。(4).content。前三个属...

2019-05-28 15:58:40 480

原创 零基础如何快速有效学习web前端的知识?

在中国互联网行业崛起的大背景下,大家普遍对互联网行业发展持乐观态度。据今年第二季度招聘信息显示,目前web前端工程师日均岗位缺口已经超过50000,随着互联网+的深入发展,html5作为前端展示技术,市场人才需求量将呈直线上涨。一个好的Web前端工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢?第一阶...

2019-05-28 15:43:06 176

原创 前端入门知识——HTML <DOCTYPE>

此标签必须位于html文档的第一行。DOCTYPE声明不属于html标签,它是一条指令,用于告知浏览器,当前html文档使用何种规范书写。HTML4.01中的doctype需要对DTD进行引用,因为HTML4.01基于SGML。HTML5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为。它有如下两个特点:(1).&lt;!DOCTYPE&gt;标签没有...

2019-05-28 14:42:25 96

原创 前端入门知识——HTML body标签

标签正如其名,它是网页的身体部分。展现给浏览者的网页信息都是定义在标签之内。代码实例:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=" utf-8"&gt;&lt;meta name="author" content="http://www.softwhy.com/" /&gt;&lt;title&gt;...

2019-05-27 22:00:03 175

原创 前端入门知识——HTML head标签

一.包含的元素:标签内主要包含以下几种类型的元素:(1).:规定网页的标题。(2).:主要给浏览器解析或者搜索引擎提供相关信息。(3).:从外部引入CSS文件。(4).(5).(6).:为当前文档的所有链接设置基准链接。二.标签:此标签用于定义网页的标题,主要目的是告诉用户此网页是做什么用的,或者主要主题是什么。它对于搜索引擎优化有着举足轻重的作用,当然SEO不是本教程的内容,这里...

2019-05-27 21:59:47 876

原创 前端入门知识——HTML 基本结构

网页无论多复杂,后台是使用何种语言。最终呈现在浏览者眼前的内容实质上都是由浏览器解析HTML代码后绘制出来的。HTML代码由几大结构组成,不同的结构具有不同的功能。本文只从宏观简略介绍一下各大部分的功能,具体内容需要参阅本版块其他文章。首先看一段代码实例&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=" u...

2019-05-27 21:59:34 411

原创 简历中有这6个问题,80%会被标记“不合适”!

大部分求职者在准备找工作的过程中,都只把眼光集中在面试过程和技能提升上,认为简历是求职中最不需要花费精力的一环。可实际没有一份能拿的出手的简历,连面试的机会都不会有!以下这6个工作经历中常出现的问题,你有吗?01没有倒叙排列工作经历把最近的工作经历放在最前面可以让HR判断你的经验和他当前招聘的岗位是否符合,也可以看到你的成长情况~02缺少在职的时间在职时间最能体现出你更换工作是不是过于...

2019-05-27 19:38:45 1861

原创 被嫌弃的程序员的一生

程序员从早前的一种职业发展至今,俨然已经成为大众眼中的「特殊物种」。关于程序员的调侃与段子也盛产于网络,常常引起全网围观。但是程序员说到底并不是「两耳不闻窗外事,一心只用敲代码」,他们也有生活和工作上的烦恼与曲折。他们的人生并不像外人羡慕的那样「精英」,甚至还会有一些「潦倒」。有一部电影叫做「被嫌弃的松子的一生」,有人评价说:大多数女人不会过成松子,但或多或少有松子的影子...

2019-05-26 17:27:24 91

原创 前端小白练级攻略(二)

就像 HTML 和 CSS一样,有大量的 JavaScript教程。然而,特别是对于一个新手来说,很难弄清楚使用什么样的教程以及以什么样的顺序来学习它们。本系列的主要目标是为你提供一个路线图,帮助你导航学习成为前端开发者。JavaScript基础知识JavaScript 是一种跨平台的编程语言,现在几乎可以用于任何事情。语言在学习如何将JavaScript应用到web之前,首先要了解该语...

2019-05-21 22:00:12 113

原创 前端小白练级攻略(一)

HTML 和 CSS 基础在前端开发中,一切都从 HTM 和 CSS 开始。HTML 和 CSS 控制你在 Web 页面上看到的内容。HTML 表示内容,而 CSS 处理样式和布局。首先,阅读 Mozilla Developer Network(MDN)的&nbsp;HTML&nbsp;和&nbsp;CSS&nbsp;教程。MDN 逐章解释了 HTML和 CSS 重要概念。此外,每个章节只有...

2019-05-21 22:00:03 101

原创 HTML 5.2 新特性介绍

原生的 元素在 HTML 5.2 的所有变化里我感到最为激动的就是引入了 元素,实现了浏览器原生的对话框。对话框在 web 开发中非常常见,但是现在每个实现都不太一样。另一方面,实现一个支持无障碍化的对话框很难,实际上,现在 web 上使用的大多数对话框对于视觉障碍人士来说都是难以使用的。新引入的首先,使用默认情况下,对话框是不可见的,除非你设置了open属性。open属性可以通...

2019-05-21 21:59:51 101

原创 如果我是一线技术主管

如果我是一线技术主管,可能曾经是团队综合实力最强的,被时间支配不能再每天写代码,但团队各种挑战依旧在如果我是一线技术主管,每周也要写周报,每年也要写绩效,想晋升、加薪、人生巅峰云云如果我是一线技术主管,团队有五、六个人还好,十几个人的团队的话会希望有人可以站出来帮我不抱怨如果我是一线技术主管,我不会喜欢团队爱抱怨的同学我每天也很忙,听一个人抱怨会花时间一个人抱怨了,自然是有问题的,需...

2019-05-20 21:37:22 140

原创 前端中的 Pipeline

计算机领域的 Pipeline 通常认为起源于 Unix。最初 Douglas Mcllroy 发现很多时候人们会将 shell 命令的输出传递给另外一个 shell 命令,因此就提出了 Pipeline 这一概念。后来同在贝尔实验室的大牛 Ken Thompson 在 1973 年将其实现,并使用 | 作为 pipe 的语法符号:$ ls -l | grep key | less如此优雅而...

2019-05-20 20:24:12 326

原创 前端基础入门之CSS中的函数

大家都知道,CSS只是一个声明式的语言,主要为标记语言服务。很多程序员鄙视它,有一部分原因是CSS并不像其他程序语言一样,具有一些逻辑能力以及函数功能等特性。随着CSS的不断变革,其慢慢地也变得越来越强大。时至今日,CSS中也有具有函数和运算相关的能力。比如我们今天要聊的CSS函数。在CSS Values and Units Module Level 4中把函数标记(Functional Nata...

2019-05-19 22:00:02 146

原创 小白学前端这些工具一定少不了

工欲善其事,必先利其器,所以在开始之前选择一个合适好用的编辑器是很重要的,工具不再多,在于好用就行,除了编辑器,我们也要掌握其他的一些工具,才能够让我们在学习的道路上更加的顺畅。1. WebStorm不必多说,前端最强大的编辑器,特别是那无敌的智能提示,但是它的缺点在于如果项目多于大时,出现的卡顿让很多人苦恼。WebStorm:官网下载地址。WebStorm 有哪些过人之处?激活Web...

2019-05-19 22:00:02 105

原创 前端入门小白必备CSS属性速查表

本文将按照布局类属性、盒模型属性、文本类属性、修饰类属性这四个分类,对CSS常用属性进行重新排列,并最终设置为一份stylelintrc文件布局类1、定位positionz-indextopbottomleftright2、浮动float clear3、多列布局columnscolumns-widthcolumns-countcolumn-rule column-...

2019-05-19 21:59:56 135

原创 前端性能优化的七大手段

本文将详细介绍前端性能优化的七大手段,包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化减少请求数量【合并】如果不进行文件合并,有如下3个隐患1、文件与文件之间有插入的上行请求,增加了N-1个网络延迟2、受丢包问题影响更严重3、经过代理服务器时可能会被断开但是,文件合并本身也有自己的问题1、首屏渲染问题2、缓存失效问题所以,...

2019-05-19 21:59:50 163

原创 嗨,送你一张Web性能优化地图

我们都知道对于Web应用来说性能很重要。然而性能优化相关的知识却非常的庞大并且杂乱。对于性能优化需要做些什么以及性能瓶颈是什么,通常我们并不清楚(不包括那些对性能优化有丰富经验的高手)。事实上关于Web性能有很多可以优化的点,其中涉及到的知识大致可以划分为几类:度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控。本文主要介绍性能优化需要做的事以及需要考虑的问题。目的在于给读者脑海...

2019-05-18 14:00:48 164

原创 一张思维导图搞定CSS3全部新特性

2019-05-18 13:57:07 224

原创 HTML能干嘛?

HTML(Hyper Text Mark-up Language )即超文本标记语言,是 WWW 的描述语言,由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。这样,你只要使用鼠标在某一文档中点取一个图标,Internet就会马...

2019-05-18 13:49:13 718

原创 更快学习 JavaScript 的 6 个思维技巧

我们在学习JavaScript,或其他任何编码技能的时候,往往是因为这些拦路虎而裹足不前:有些概念可能会造成混淆,尤其当你是从其他语言转过来的时候。找不到时间(有时是动力)学习。很容易忘记已经理解了的东西。工具多又在不断变化,所以不知道从哪里开始。幸运的是,这些拦路虎是可以被识别,并消灭的。在这篇文章中,我将介绍六个思维技巧来帮助你更快地学习JavaScript,并成为一...

2019-05-17 22:00:29 80

原创 我们到底需不需要 jQuery?

曾经,在那个 IE6 还是主流浏览器的时代,为了实现稍微复杂一点的功能,也需要很多代码。如果要做到兼容主流浏览器,更需大费周章。当 jQuery 出现后,使用 jQuery 实现同样的功能,我们只需写很少的代码,并且兼容主流浏览器。于是,大部分网站都会使用 jQuery。时过境迁,我们到底需不需要 jQuery 呢?认为不需要 jQuery 的理由如下:IE7 及更低版本的浏览器的市场份额已...

2019-05-17 22:00:27 301

原创 JavaScript之模板方法模式

模板方法模式是一种只需使用继承就可以实现的非常简单的模式。模板方法模式由两部分结构组成,第一部分是抽象父类,第二部分是具体的实现子类。通常在抽象父类中封装了子类的算法框架,包括实现一些公共方法以及封装子类中所有方法的执行顺序。子类通过继承这个抽象类,也继承了整个算法结构,并且可以选择重写父类的方法。故事背景我们现在需要冲泡一杯咖啡和一壶茶,它们的操作步骤基本上是一样的,如下所示泡咖啡 泡...

2019-05-17 22:00:16 81

原创 给大家分享一张最新的以 企业岗位需求为导向前端技能点图

这一波良心推荐的【前端学习路线】干货,不谈虚的,直接来谈每个阶段要学习的内容想入门前端的小伙伴们,那就放马过来吧!首先,给大家分享一张最新的以 企业岗位需求为导向前端技能点图,如下最后,给大家推荐一个前端学习进阶内推交流群685910553(前端资料分享),不管你在地球哪个方位,不管你参加工作几年都欢迎你的入驻!(群内会定期免费提供一些群主收藏的免费学习书籍资料以及整理好的面试题和...

2019-05-15 21:59:39 153

原创 与技术无关,但却值得码农们好好读一读的怪书:禅与摩托车维修艺术

最近在读《禅与摩托车维修艺术》这本书,说它很奇怪,其实是因为觉得书名很有意思。看书名,很容易被误解成是一本教人修摩托车的教程,事实上它是一本非常经典的哲学书籍,很多大牛都有推介过这本书。著名的物理学家 霍金 曾这样评价这本书:“我因为写了一部人们把它和《禅与摩托车维修艺术》相比较的书而感到甚受恭维,我希望拙作(《时间简史》)和《禅与摩托车维修艺术》一样使人们觉得他们不必自处于伟大的智慧及哲学的...

2019-05-15 21:59:34 131

原创 javascript系列--认识并理解构造函数,原型和原型链

一、前言介绍构造函数,原型,原型链。比如说经常会被问道:symbol是不是构造函数;constructor属性是否只读;prototype、[[Prototype]]和__proto__的区别;什么是原型链?等等问题二、构造函数1、什么构造函数构造函数就是通过new关键词生成实例的函数。js的构造函数和其他语言不一样,一般规范都是首字母大写。首先我们来看一下这个栗子:// saucx...

2019-05-15 21:59:18 103

原创 Node+WebSocket+Vue聊天室: 界面美化,代码优化

客户端HTML代码优化页面先分为左右布局,然后左/右里面再分为上中下布局。很自然,我们想到了flex布局,Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。...&lt;div class="web-im"&gt; &lt;div class="left"&gt; &lt;div class="aside content"&gt; ...

2019-05-15 21:58:10 2816

原创 13个帮你提高开发效率的现代CSS框架

本文将向你介绍一系列顶级CSS框架。有些人可能听说过,也可能对有些人是全新的。但它们都提供了各种有用的先进功能,可以改善你的工作流程。开始吧!专注于 CSS 的框架让我们先从一些专注于 CSS 的框架开始。你将找到所有类型的布局和UI元素来自己构建项目的基础。有些甚至可能包含一些 JavaScript 来帮你处理更复杂的功能。Tailwind CSSTailwind与其他框架的区别在于它...

2019-05-14 22:00:05 96

原创 2019 年最值得关注的 10 个机器学习开源项目

顶级开源项目先让我们看看今年的一些顶级开源项目。BERTBERT 是 Bidirectional Encoder Representations from Transformer 的缩写,一种解决自然语言处理问题的新方法,可以获得最先进的处理结果。它是基于 TensorFlow 的,开发人员可以使用预先训练的模型来解决问题。BERT 模型比其他模型具有很大的优势,因为它们可以识别句子的上下文...

2019-05-14 21:59:14 306

原创 CSS实现两个球相交的粘粘效果

这是一个纯粹利用CSS所做出来的效果,这个效果说穿了就是一个图像处理的原理,做法跟Photoshop里头的几乎一模一样,只是一个用图层和色版来制作,一个则是用CSS(把div当成图层思考就好了)。从PhotoShop开始一开始我们来玩Photoshop,会比直接写CSS来得容易理解(没有Photoshop的人也没关系,看完说明也就懂了),首先我们新增两个图层,一个里头放上红色的小球,另外一个里...

2019-05-14 21:49:02 94

原创 防止页面后退(使浏览器后退按钮失效)

原理:用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远失效。注:history.go和history.back(包括用户按浏览器历史前进后退按钮)触发,页面由于使用pushState修改了history,会触发popstate事件。方法一: jQuery(document).ready(function ($) { ...

2019-05-14 21:35:45 1509

原创 985程序员论坛哀叹:百度裸辞找不到工作,给学校丢脸了

211、985,一直是大家对于大学生的最直观的的评价和看法。人才竞争激烈的现在,找工作的难度,一直与学历挂钩。特别是类似于BIT之类的大厂,更是把学历当做一块试金石。要想进入这些大厂,没有足够分量的敲门砖,恐怕真的是难上加难。有大厂员工在某网站吐槽,自己名牌大学毕业,大厂工作五年,要学历有学历,要资历有资历。但是,就在自己裸辞之后,竟然一直找不到工作。这让他都开始怀疑人生了。毕竟,在他看...

2019-05-11 22:02:43 280

原创 前端要凉?微软开源 Sketch2Code,草图秒变代码

用户界面设计过程涉及大量创造性的迭代工作。这个过程通常从在白板或白纸上画草图开始,设计师和工程师分享他们的想法,尽力表达出潜在的客户场景或工作流程。当他们在某个设计上达成一致之后,通过照片的形式将草图拍下来,然后手动将草图翻译成 HTML 代码。翻译过程需要耗费很多时间和精力,通常会减慢设计过程。如果可以将白板上手绘的设计立即反映在浏览器中,那会怎样?如果我们能够做到这一点,在设计头脑风暴结束时...

2019-05-11 22:00:31 85

原创 前端基础之css动画

说到动画,其实很多人心中都会有一种抵触的情绪 总是认为动画并不是项目内需要的。并且动画也不一定是项目内必须的东西,所以很多人并不是很在意这个玩意儿。但是我想说的是:区别一个人的价值并不是在完成项目的能力,而是将项目优化的程度。而动画正式如此,他并不是你的必须品 但是能让你的能力更上一个台阶。一、 什么是动画?说到动画,在很多的眼里 都会认为动画是一个可有可无的东西。因为在很多程序员的日常开...

2019-05-11 21:32:06 1165

原创 回顾多年程序员生涯,我总结的7点经验

1.好奇心刘慈欣在《朝闻道》中描绘过这么一个情节:在古老的非洲大陆上,有个原始人无意中抬头仰望星空,凝视的时间稍微长了一些,超过了外星人设置的阈值,立刻拉响了人类即将产生文明的警报。因为外星人认为,人类已经产生了对宇宙的好奇心,文明的产生,科技的发展不过是一瞬间的事情。确实是这样,好奇心驱动人类不断向前,在短短的几千年(相对于长达几十万年的原始时代)里就登上了月球,并且努力向其他行星拓展。对...

2019-05-11 15:10:22 81

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