20171030 前端开发周报-前端开发博客

2018web前端面试总结；哪些你知道或不知道的css，在这里或许都齐全；JS弹幕实现；JavaScript专题系列20篇正式完结；JavaScript 开发人员需要知道的简写技巧；CSS盒模型详解；理解 JavaScript 中的 for…of 循环；浅谈前后端分离与实践之 nodejs 中间层服务（二）

2018web前端面试总结从今年3月份开始面试笔试找实习找校招到现在也半年多了，拿到了不少offer，也有了自己的一点心得体会，这里写出来分享一下，拙见勿喷。注意一下，以下的观点仅代表我个人的体会不代表任何人任何组织和任何公司。关于流程一般的实习&校招招聘大体有这么一
哪些你知道或不知道的css，在这里或许都齐全暑假实习的时候带我的师傅，告诉我要注重基础，底层实现原理。才能在日新月异的技术行业站住脚跟，以不变应万变，万丈高楼平地起，所以我们应该不断的去学习，去交流。交流，不应该仅仅停留在技术方面，更多的应该是在思维方式。语言只是一种工具，编程的思想才是核心。我们只有在
JS弹幕实现基于直播平台的流行，利用原生实现一下弹幕效果。实现原理 1、设置展示弹幕元素位置属性为relative2、动态创建弹幕元素，位置属性设置absolute，left为展示宽度3、随机设置弹幕元素top值4、随机产生弹幕元素移动速
JavaScript专题系列20篇正式完结写在前面 JavaScript 专题系列是我写的第二个系列，第一个系列是 JavaScript 深入系列。 JavaScript 专题系列共计 20 篇，主要研究日常开发中一些功能点的实现，比如防抖、节流、去重、类型判断、拷贝、最值、扁平、柯里、递归、乱序、排
JavaScript 开发人员需要知道的简写技巧本文来源于多年的 JavaScript 编码技术经验，适合所有正在使用 JavaScript 编程的开发人员阅读。本文的目的在于帮助大家更加熟练的运用 JavaScript 语言
CSS盒模型详解 CSS的盒模型是CSS的基础，同时也是难点，这个问题经常在面试中会被问到，属于经典问题了。很多博客里讲得也很模糊不清，于是，我在这里重新整理一下。可以认为每个html标签都是一个方块，然后这个方块又包着几个小方块，如同盒子一层层的包裹着，这就是所谓的盒模型。
理解 JavaScript 中的 for…of 循环什么是 for…of 循环 for…of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for…of 循环，以替代 for…in 和 forEach() ，并支持新的迭代协议。for…of 允许你遍历 Arrays（数组）,
浅谈前后端分离与实践之 nodejs 中间层服务（二）一、背景书接上文，浅谈前后端分离与实践(一) 我们用mock服务器搭建起来了自己的前端数据模拟服务，前后端开发过程中只需定义好接口规范，便可以相互进行各自的开发任务。联调的时候，按照之前定义的开发规范进…
聊聊 Vue.js 组件间通信的几种姿势掘金是一个帮助开发者成长的社区，是给开发者用的 Hacker News，给设计师用的 Designer News，和给产品经理用的 Medium。掘金的技术文章由稀土上聚集的技术大牛和极客共同编辑为你筛选出最优质的干货，其中包括：Android、iOS、前端、后端等方面的内容。用户每天都可以在这里找到技术世界的头条内容。与此同时，掘金内还… 写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址：github.com/answershuto…。在学习过程中，为Vue加上了中文的注释github
React 开发中面临的九个重要抉择抉择系列：在技术开发的过程中我们会面临着各种各样的抉择，我们在不同情境下该如何选择恰当的技术，这是本系列文章想要解决的问题。在 React 开发的过程中我们常常会遇到一些抉择，下面我将选取其中一些个人认为重要的抉择来一一分析。但请记住以下所说的都只是的建议
一次由点餐引发的 Vue 2.0 实战本文来自作者 Ziksang 在 GitChat 上分享「Vue 2.0 真实点餐项目实战」，「阅读原文」查看交流实录「文末高能」编辑 | 山治一次点餐的项目的历程让我对 vue 有了更深的理解，进行了一次重构对整个项目结构也有深刻的体会。通过项目的结总，讲以前重要的几点： …
#rem#【移动前端自适应适配布局解决方案和比较】互联网上的自适应方案到底有几种呢？就我个人实践所知，有这么几种方案：1.固定一个某些宽度，使用一个模式，加上少许的媒体查询方案。2.使用flexbox解决方案。3.使用百…请戳→ #前端开发博客#
Weex 开发小游戏是件很 high 的事儿前言作为一个移动端初学者、爱好者，能使用前端技术开发原生游戏一直是一件渴望而不可及的事情，暂且不说游戏逻辑的复杂度，算法的健壮性，单单是场景、画布、布局就让我们无处下手。几年前曾经参与 Appcan 技…
前端开发清单原文地址：Front-End-Checklist 原文作者：David Dias 译者：JohnsenZhou 文章地址：https://github.com/JohnsenZhou/Front-End-Checklist 前端清单前端清单是一份在站点/HTML页面发布到生产环境之前需要测试的…
在vue项目中如何定义全局变量全局函数写在前面：如题，在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录token,用户的地址信息等，这时候就需要设置一波全局变量和全局函数，这两个设置不太难，而且有一些共通之处，可能有一些朋友对此不太了解，所以随便写出来分享一
从小小题目逐步走进 JavaScript 异步调用问题原题来自 @若泽的提问。可修改下面的 aa() 函数，目的是在一秒后用 console.log() 输出 want-value {代码…} 但是，有额外要求： aa() 函数可以随意修改，但是不能有 console.log() 执行 console.log() …
使用 Spring 5 的 WebFlux 开发反应式 Web 应用 Spring 5 是流行的 Spring 框架的下一个重大的版本升级。Spring 5 中最重要改动是把反应式编程的思想应用到了框架的各个方面，Spring 5 的反应式编程以 Reactor 库为基础。在之前的文章《使用 Reactor 进行反应式编程》中，已经对 Reactor 库进行了详细的介绍。读者如果需要了解 …
浅谈前端和移动端的事件机制前言近几年来，在移动端上因原生开发成本高和效率低而导致涌现出来的一大批优秀前端框架，以及专门针对移动端设备的前端开发框架（如 RN/Weex），大前端的概念被不断地提及。在这样的背景之下，前端技术也将逐渐成为移动端开发者的必备技能。笔者作为一名移动端开发者，
Vue + TypeScript 新项目起手式我知道你们早就想用上 vue + ts 强类型了安装vue-cli 安装ts依赖配置 webpack 添加 tsconfig.json 添加 tslint.json 让 ts 识别 .vue 改造 .vue文件什么是typescript Type
测试你的前端代码：可视化测试现在我们已经设置好浏览器和 Eyes，我们可以写测试了，这和我们的端到端测试非常像： it('should look good', async function () {    await driver.get('http://lo
HTTPS详解文章同步于 Github/blog 人们会用 Web 事务来处理一些很重要的事情。如果没有强有力的安全保证，人们就无法安心地进行网络购物或使用银行业务。如果无法严格限制访问权限，公司就不能将重要的文档放在 Web 服务…
React 16 新特性尝鲜实战教程【第4节：20行代码实现弹窗】课程介绍 React 16 的发布除开源许可证和 Fiber 机制全面开启之外，还为我们提供了部分非常强大的新特性，本视频教程将通过实例带你探索这些新特性，从 Error Boundary 到 Text Only Component，再到 Portal，共 6
nodejs第一天 Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that
Rxjs入门实践-各种排序算法排序过程的可视化展示Rxjs入门实践-各种排序算法排序过程的可视化展示这几天学习下《算法》的排序章节，具体见对排序的总结,想着做点东西，能将各种排序算法的排序过程使用Rxjs通过可视化的方式展示出来，正好练系一下Rxjs的使用本…
React 16 新特性尝鲜视频教程【第3节】
HTML5 桌面通知：Notification API 前言 Notification API 是 HTML5 新增的桌面通知 API，用于向用户显示通知信息。该通知是脱离浏览器的，即使用户没有停留在当前标签页，甚至最小化了浏览器，该通知信息也一样会置顶显示出来。用户权限想要向用户显示通知消息，需要获取用户权限
#开源项目#【JavaScript 全栈开发框架：EggBorn.js】详见： EggBorn.js 是一款 JavaScript 全栈开发框架，它基于 Vue.js + Framework7 / Vue Router + Webpack，解决了业务模块化等问题，并具备加载方式与配置灵活、模块内聚、渐进式开发等特性。
浅谈Web图像优化前端优化有很多，图像优化也是其中的一部分。无论是渐进增强还是优雅降级，图像优化成为了开发上不可忽视的一部分。知其然，须知其所以然图像优化的前提是需要了解图像的基
Typescript：JavaScript that Scales 入门最近开始尝试在项目中使用Typescript, 简单来说，Typescript是一个JavaScript的超集（即支持JavaScript的全部语法，完全兼容），TS在JavaScript的基础上增加了静态类型检查和面向对象的特性。 Typescript可以在编译阶段“降级”为ES5或ES3，以在浏览器中运行，因此Typescript获得了和JavaScript一样的兼容性，可…
CSS 框架 Bulma 教程网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。 Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架—-Bulma。有了它，即使完全不懂 CSS，也可以轻而易举做出美观的网页。