前端
文章平均质量分 81
不懂你的黑色幽默是我
前端茫茫无尽的路上,一只同行的我
展开
-
献给前端求职路上的你们(上)
转载自:http://www.jianshu.com/p/fe76546c1dd5在放大镜中寻找你前言我是一名前端开发,从2016年6月毕业到如今步入工作,期间也面试了一些公司,参考过一些面试文档,学习了一些面试宝典,掌握了一些面试、笔试技巧和经验,所以就总结了一些优质的前端面试题以及面试要点,初学者阅后也要用心钻研其中的原理,重要知识需要系转载 2017-02-28 11:01:19 · 3858 阅读 · 1 评论 -
献给前端求职路上的你们(下)
转载自:http://www.jianshu.com/p/87fa2c21039a注明:上一篇献给前端求职路上的你们(上),主要侧重说的是前端面试中的html和css这两块常见问题,这是基础,其实在真正面试中,面试官往往采用的是由难到易的套路,那js和jQuery就是重中之重了,以及针对项目和所用技术方面的一些问题也就是你的必备储粮啦!javascrip转载 2017-02-28 11:02:30 · 4806 阅读 · 0 评论 -
浅谈函数式编程柯里化的魔法
Flexbox 是一种更有效的布局方式,它能更好的分配容器空间,并控制项目的对齐。虽然,掌握它的理论有些复杂,但幸运的是,我们可以借助开放的网络来学习并逐步掌握它。在本文中,我们整合了一些最佳的 Flexbox 学习资源,它们可以帮助你了解Flexbox 的方方面面。涉及什么是 Flexbox,以及如何有效地使用它。Flexbox 学习指南CSS 之 Flexbox 参转载 2017-03-01 10:13:12 · 1407 阅读 · 0 评论 -
前端工程师需要明白的「像素」
转载自:http://www.jianshu.com/p/af6dad66e49a场景:人物:前端实习生「阿树」与 切图工程师「玉凤」事件:设计师出设计稿,前端实现页面玉凤:树,设计稿发给你啦,差那么点像素,就叼死你┏(  ̄へ ̄)=☞阿树:~(>_阿树:哇靠,为啥你给的设计稿是640px宽 ,iPhone 5不是320px宽吗???玉凤:A pixe转载 2017-02-27 10:40:00 · 1036 阅读 · 0 评论 -
一个微信面试题引发的血案--[译]什么阻塞了DOM?
转载自:http://www.jianshu.com/p/a4a88f4612d9译者注:昨天一篇工作仅一年的前端工程师面试几个大厂的文章 引起了很多人的关注。一方面大家觉得作者太厉害了,工作近一年,能力竟然这么强(大叔我表示惭愧),另一方面几个微信面试题引起很多讨论。其中我比较感兴趣的一个题目是关于JavaScript和CSS阻塞DOM的。老实话讲,我以前也没太关注过,与其哀叹自己研转载 2017-02-26 14:15:13 · 553 阅读 · 0 评论 -
这可能是实现登录框居中最简捷的方法
转载自:常见登录框很多情况下,网站的登录框,就像这样这样这样YouTube或者这样锤子科技总之,登录面板位于页面正中央,水平居中,竖直居中。并且 随着浏览器窗口大小变化,始终居中方法一实现思路:使用两个div嵌套,外层div的宽转载 2017-02-25 20:40:32 · 4910 阅读 · 0 评论 -
Vue2.0 新手完全填坑攻略——从环境搭建到发布
Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-example什么是 VueVue 是一个前端框架,特点是数据绑定比如你改变一个输入框 Input 标签的值,会自动同步更新到页面上其他绑转载 2017-03-02 11:55:41 · 1059 阅读 · 0 评论 -
最近遇到的前端面试题(2017.03.01更新版)
以下问题解释非本人原创,是整理后觉得更容易理解的版本,欢迎补充。一. 输入url后的加载过程从输入 URL 到页面加载完成的过程中都发生了什么计算机网络体系结构应用层(HTTP、SMTP、FTP、POP3)运输层(TCP、UDP)网络层(IP(路由器))数据链路层(网桥(CSMA/CD、PPP))物理层(集线器)1. 查找域名对应IP地址这一步包转载 2017-03-02 17:27:45 · 1248 阅读 · 0 评论 -
前端开发:从菜鸟到大牛的取经之路
以我的经验,大部分技术,熟读下列四类书籍即可。入门,用浅显的语言和方式讲述正确的道理和方法,如head first系列;全面,巨细无遗地探讨每个细节,遇到疑难问题时往往可以在这里得到理论解答,如Definitive Guide/Programming xx系列;实践,结合实际中经常遇到的情景环境,来描述如何设计和解决问题,如cookbook系列;深入,讲解一些文化,思路,甚至于哲学上的东西转载 2017-03-02 22:37:10 · 693 阅读 · 0 评论 -
这项浏览器调整使 Facebook 收到的网络请求减少了 60%
原文地址:This browser tweak saved 60% of requests to Facebook原文作者:Nate Schloss Ben Maurer译文出自:掘金翻译计划译者:vuuihc校对者:lorinlee、Airmacho这项浏览器调整使 Facebook 收到的网络请求减少了 60%在过去两年里,我们 Facebook 一直与浏览器厂商合转载 2017-03-03 10:34:51 · 699 阅读 · 0 评论 -
2017移动互联网寒冬(Android)求职随感
目前情况:16届某野鸡大学本科生,实际接触Android年限一年半,工作年限一年(注意,我说的是工作年限,不是工作经验),今年2月份裸辞后就来魔都找工作了,目前一周,5个面试邀请,只拿到一个并不是特满意的offer。PS:之前的工作岗位是手机方案MMI(说好听是Android系统二次开发,我相信只有真正做过的人才会发现这个职业有多坑),所有的技术都是浅尝辄止,重复一些流水线模式的code工转载 2017-03-03 10:41:25 · 1015 阅读 · 0 评论 -
深入理解React、Redux
转载自:http://www.jianshu.com/p/0e42799be566React+Redux非常精炼,良好运用将发挥出极强劲的生产力。但最大的挑战来自于函数式编程(FP)范式。在工程化过程中,架构(顶层)设计将是一个巨大的挑战。要不然做出来的东西可能是一团乱麻。说到底,传统框架与react+redux就是OO与FP编程范式的对决。简单学习某项技术并不能让建立转载 2017-02-28 12:04:23 · 1892 阅读 · 0 评论 -
Vue 笔记三:Vue2.0与1.0的区别
升级的区别与angular的断层式升级不同,vue延续了自己的风格。在命名方式和API上有一些区别,掌握它们是你升级整个项目的关键。以下内容都是来源于个人项目的一些经验之谈,并非系统性的阐述。如果需要系统的说明,参考官网。从 Vue 1.x 迁移从 Vue Router 0.7转载 2017-02-25 17:24:36 · 11029 阅读 · 1 评论 -
JavaScript实现Fly Bird小游戏
1.分析页面结构,理清需求和功能游戏有三个界面,分别是开始界面,游戏界面和游戏结束界面。1.1 开始界面start.gif游戏的大背景上下移动的游戏标题和翅膀摆动的小鸟start 按钮,点击进入游戏界面一直移动的地面1.2 游戏界面转载 2017-02-25 20:37:38 · 871 阅读 · 0 评论 -
容器技术未来可能的走势—Function As a Service
云计算时代出现了大量XaaS形式的概念,从IaaS、PaaS、SaaS到容器云引领的CaaS,再到火热的微服务架构,以及现在越来越多被谈起的Serverless和FaaS,我们正在经历一个技术飞速变革的时代。什么是FaaSServerless的概念刚刚出现在HackerNews时并不为大众所接受。后来随着微服务和事件驱动架构的发展才慢慢引起关注。Serverle转载 2017-03-04 14:39:02 · 2591 阅读 · 0 评论 -
230行实现一个简单的MVVM
MVVM这两年在前端届掀起了一股热潮,火热的Vue和Angular带给了开发者无数的便利,本文将实现一个简单的MVVM,用200多行代码探索MVVM的秘密。您可以先点击本文的JS Bin查看效果什么是MVVM?MVVM是一种程序架构设计。把它拆开来看应该是Model-View-ViewModel。ModelModel指的是数据层,是纯净的数据。对于前端来说,它往往是转载 2017-03-08 09:41:48 · 418 阅读 · 0 评论 -
实现图片的异步加载
图片异步加载功能是现在web中非常常见的一个针对web做优化的方法。尤其是在移动端,面对大量的图片列表的时候,如果没有做相应的优化,会直接导致页面滑动和加载的卡顿,而且用户会莫名的发现当前应用占用的流量会很大,因为他可能都没有浏览到很多图片,而程序就自动加载了所以的图片,对于一个流量吃紧的人来讲,这个也是很讨厌的。所以实现按浏览需求加载时十分有必要的。其实实现图片异步加载的核心思路十分简单转载 2017-03-08 09:45:07 · 836 阅读 · 0 评论 -
完整的学习和使用CSS动画【翻译】
注:原文有较大改动使用 keyframes, animation属性,例如timing, delay,play state, animation-count, iteration count, direction,fill mode以及will-change等等 创造动画魔法作为设计者、开发人员,除去精简的用户界面,更好的页面加载速度外,我们发现通过给界面添加动翻译 2017-03-08 10:17:54 · 413 阅读 · 0 评论 -
Canvas学习:Canvas入门准备
由于工作的需要,最近开始在学习HTML5的canvas相关的知识。这里主要记录自己学习canvas相关的知识笔记。如果文章有不对之处,还请大婶们多多指正。今天这篇文章是学习canvas的一些准备工作。canvas元素也是HTML中的一个元素,可以给这个元素添加一些HTML属性,比如使用width和height来控制其大小,也可以通过style给它设置一些基本样式。同样也可以它添加id名转载 2017-03-18 10:28:51 · 1893 阅读 · 0 评论 -
Canvas学习:Canvas里的坐标系统
上一节我们做好了使用Canvas的准备工作,但并没有深入的介绍如何使用Canvas,比如怎么绘制图形,怎么做Canvas动画等。但并不用着急,随着我们后面的深入学习,这一切都会知道的。在深入学习之前,我们有必要先了解Canvas里的坐标系统。那么这一节,就先来了解Canvas的坐标系统。笛卡坐标系在数学里,我们学过一种坐标系统,叫作笛卡坐标系(Cartesian Coordinate sy转载 2017-03-18 10:31:29 · 14413 阅读 · 1 评论 -
Canvas学习:绘制线段
在上一篇介绍Canvas坐标系统的结尾处,我们使用了Canvavs绘制了一个网格。整个效果是由直线和文本构成。在这一节中,我们来看看如何使用Canvas绘制线段。在Canvas中,线段也是路径中的一种,被称之为线性路径。在Canvas中绘制线性路径主要用到moveTo(x,y)、lineTo(x,y)和stroke()几个方法。先画一条简单的直线Canvas画一下直线非常的容易。众所周转载 2017-03-18 10:34:38 · 1559 阅读 · 0 评论 -
Canvas学习:绘制虚线和圆点线
上一节中,使用moveTo()、lineTo()和stroke()可以很轻易的在Canvas中绘制出实线(线段)。整篇文章中看到的都是绘制实现。不知道你和我是不是一样的好奇,那么要在Canvas中绘制虚线和圆点线又要怎么绘制,在Canvas有没有类似的API能直接绘制呢?其实我也很好奇,看了一些资料,要像绘制实线那样简单或者直接,相对来说是没有的,但不用担心,通过其他的方法也是可以实现的。转载 2017-03-18 10:35:55 · 7427 阅读 · 0 评论 -
Canvas学习:线型
在绘制线段一文中,了解到如何在Canvas中绘制线段。虽然使用Canvas中API可以很轻松的绘制出线段,但里面还是有不少的细节需要了解。这篇文章咱们就来了解线段中的线型。Canvas中的线型主要包括线宽、线段端点和线段连接点三个部分。那么咱们先来了解线宽。线宽通过前面的示例,我们不难发现,在Canvas中通过lineWidth属性来定义线段的粗细。我们可以给其明确指定一个valu转载 2017-03-18 10:36:56 · 807 阅读 · 0 评论 -
Canvas学习:save()和restore()
本来今天想开始学习怎么在Canvas中绘制矩形。但昨天发朋友圈,聊到Canvas。有网友提醒我将所有绘制的东西放在ctx.save()和ctx.restore(),能起到保存绘制状态和防止污染状态栈。养成一个良好的习惯。此时一脸蒙逼!因为我并不知道这两个东东是什么意思,怎么使用?后来翻了书,也只是提到了在Canvas中有save()和restore()两个方法,它们都是属于Canv转载 2017-03-18 10:38:13 · 1855 阅读 · 2 评论 -
Canvas学习:绘制矩形
通过前面教程的学习,我们可以在Canvas中轻易绘制路径(线段)。这仅仅是Canvas中的一小部分,今天我们来看看在Canvas中怎么绘制矩形。绘制矩形的方法在Canvas中提供了绘制矩形的API:fillRect(x, y, width, height):绘制一个填充的矩形strokeRect(x, y, width, height):绘制一个矩形的边框clearRect转载 2017-03-18 10:39:44 · 4167 阅读 · 1 评论 -
Canvas学习:绘制圆和圆弧
圆和圆弧是图形中基本图形之一,今天我们来了解在Canvas中怎么绘制圆和圆弧。在Canvas中绘制圆和圆弧其实和绘制线段和矩形一样的简单。在Canvas中,CanvasRenderingContext2D对象提供了两个方法(arc()和arcTo())来绘制圆和圆弧。与圆和圆弧相关的基础知识在学习如何绘制圆和圆弧之前,有一些相关的基础知识有必要先进行了解。角度旋转角度和弧度转载 2017-03-18 10:41:53 · 7890 阅读 · 2 评论 -
Node.js 2016 回顾以及2017展望
1)Node.js版本变化https://github.com/nodejs/LTS#lts-schedule发布Node.js 6.x 并进入LTS(长期支持版本),凡是LTS的都可以在生成环境使用发布Node.js 7.x 支持Async/await,尽管需要加flag才可以开启根据node.green统计Node.js 6.x(LTS下面)的es 2015即e转载 2017-03-18 10:44:04 · 2955 阅读 · 1 评论 -
饿了么大前端 Node.js 进阶教程
饿了么大前端 Node.js 进阶教程因为 2016 年面试了很多做 Node.js 的同学,发现大部分做 Node 的同学都是前端转过来的,对后端的知识大多一片空白。所以很难招到比较好的 Node.js 服务端程序员(注意,不是全栈)。于是出于我们一贯的开源与分享精神,我们筹备了这个名字叫《如何通过饿了么 Node.js 面试》的开源的 Node.js 进阶教程。gith转载 2017-03-18 10:46:38 · 1943 阅读 · 0 评论 -
2017百度前端技术学院-自定义右键菜单
2017百度前端技术学院-自定义右键菜单学习过程一、事件流1、冒泡什么是事件冒泡官方的定义就是从最特定的事件目标到最不特定的事件目标。意思就是说,假如用户单击了一个元素,该元素拥有一个click事件,那么同样的事件也将会被它的祖先触发,这个事件从该元素开始一直冒泡到DOM树的最上层,这一过程称为事件冒泡示例:转载 2017-02-25 13:15:26 · 989 阅读 · 0 评论 -
node爬虫进阶之——登录
转载自:http://www.jianshu.com/p/87867f325184在之前的文章node入门场景之——爬虫已经介绍过最简单的node爬虫实现,本文在原先的基础上更进一步,探讨一下如何绕过登录,爬取登录区内的数据目录理论基础如何维持登录态浏览器是怎么做的node实现访问登录接口获取cookie请求登录区内接口如果有验证转载 2017-02-25 17:19:29 · 2660 阅读 · 0 评论 -
Vue2.0简易案例
转载自:http://www.jianshu.com/p/4863eb15d3be效果图:Vue2.0简易案例Vue2.0简易案例Vue2.0简易案例使用微信或手机浏览器扫描二维码预览aa.png在线地址:https://www.huzerui.com/vue2.0-demo转载 2017-02-25 17:21:48 · 1923 阅读 · 0 评论 -
Vue笔记二:进阶[译]用Webpack构建Vue
转载自:http://www.jianshu.com/p/a5361bff1cd8github源码在此,记得点星:https://github.com/brandonxiang/example-vue-webpack我一直想试着一下翻译别人的文章,因为总是觉得自己的文章写的不是很好。希望从中学习一下。原文Vue.js build set-up from转载 2017-02-25 17:23:18 · 1047 阅读 · 0 评论 -
Vue笔记一:简单入门
转载自:http://www.jianshu.com/p/184c0e8fe596引言vue.js是由尤大神Evan YOU主持的MVVM项目,相对angular更轻量,相对react更好用,结合了很多前段框架的优点。入门其实,在官网的教程也十分清晰。我讲讲双向绑定的优势吧。以前我们用Jquery进行dom的操作,虽然熟悉后开发效率很高,但是如果多个控件转载 2017-02-25 17:25:59 · 409 阅读 · 0 评论 -
Node.js 笔记一:常用库
转载自:http://www.jianshu.com/p/f161073ed3bc数据处理lodash包管理nrm 快速npm换源,支持npm,cnpm,taobao等源,可以测试网速bower 前段包管理工具,与npm略不同项目效率grunt 自动化工具,提高前段开发效率,支持less,sass等插件gulp 自动化工具,与gulp类似转载 2017-02-25 17:27:24 · 944 阅读 · 0 评论 -
Node.js 笔记二:入门及GeoNode.js GIS相关库
转载自:http://www.jianshu.com/p/4cb1af2b3976入门node.js之fs模块Node.js模块 require和 exportsJavascript模块化编程(一):模块的写法Javascript异步编程的4种方法JavaScript Promises 相当酷File SystemNodeJS异步、同步 创建多层文件夹GIS转载 2017-02-25 17:28:47 · 2608 阅读 · 0 评论 -
Node.js 笔记三:了解npm
转载自:http://www.jianshu.com/p/7f8d6a40e725如果你被 Bower / spm / Component / Duo ... 坑过,请回到npm的怀抱。---来自前端 JSer 装逼手册npm涵盖了很多内容,不仅仅是包管理那么简单,还有npm script等。npm对应的文件是package.json。初转载 2017-02-25 17:29:43 · 373 阅读 · 0 评论 -
Node.js 笔记四: 简单爬虫
转载自:http://www.jianshu.com/p/f39e8b71f4c4Python 笔记七:Requests爬虫技巧讲解了一些requests的技巧。同理,Node.js也可以实现爬虫。superagent 相当于 requestscheerio 相当于 beautifulsoup参考 Node爬虫入门转载,请表明出处。总目录前端经验收集器学转载 2017-02-25 17:30:40 · 270 阅读 · 0 评论 -
Node.js 笔记五:nodemap-spider
转载自:http://www.jianshu.com/p/6b90a8d3785a源码github地址在此,记得点星:https://github.com/brandonxiang/nodemap_spider灵感来自pyMap,这个库它的nodejs实现。我在这个库的构建当中感受到nodejs异步的魅力还有麻烦。我采用了node-image实现拼图功能转载 2017-02-25 17:32:35 · 741 阅读 · 0 评论 -
Node.js笔记六:单元测试
转载自:http://www.jianshu.com/p/0628ce43b6e0源码github地址在此,记得点星:https://github.com/brandonxiang/example-mocha单元测试是好代码必经的一步。在python中我使用过内置库unittest,相对来说,比较简单。单元测试会涉及到两个概念,BDD和TDD。B转载 2017-02-25 17:34:01 · 401 阅读 · 0 评论 -
VR大潮来袭 ---前端开发能做些什么
转载自:http://www.jianshu.com/p/c9c03e14ba9dWebVR未来新潮去年谷歌和火狐针对WebVR提出了WebVR API的标准,顾名思义,WebVR即web + VR的体验方式,我们可以戴着头显享受沉浸式的网页,新的API标准让我们可以使用js语言来开发。今天,约克先森将介绍如何开发一个WebVR网页,在此之前,我们有必要转载 2017-02-25 17:37:00 · 2825 阅读 · 0 评论