20190128 前端开发周报

给2019前端的5个建议;“计算机之子”winter:我的前端学习路线与方法;世界顶级公司的前端面试都问些什么;为前端工程师准备的 Flutter 入门指南;一套闲置的前端算法字帖,有需要的吗?;Vue全家桶 之 KTV前台收银管理系统 (不想努力啦,回家收钱去);JS计算误差小谈;前端加密那点事

  1. “计算机之子”winter:我的前端学习路线与方法 你好,我是 winter。今天我们一起来聊聊前端的学习路线与方法。 到现在为止,前端工程师已经成为研发体系中的重要岗位之一。可是,与此相对的是,我发现极少或者几乎没有大学的计算机专业愿意开设前端课程,更没有系统性的教学方案出现。大部分前端工程师的知识,其实都是来自于实践和工作中零散的学习。 基础知识的...
  2. 世界顶级公司的前端面试都问些什么在过去的几年里,我在亚马逊和雅虎面试过许多前端工程师。在这篇文章中,我想分享一些技巧,帮助大家做好准备。
  3. 为前端工程师准备的 Flutter 入门指南 如果你恰好是一名前端工程师,且对 Flutter 感兴趣,那么真的是太好了,这篇文章完全就是为你准备的。写惯了 HTMLCSSJavaScript,要不要来是试试 Dart?如果你不熟悉 Flutter 但仍对其感兴趣,可以先看看「让我们在2019年重新认识 Flutter」一文了解些 Flutter 基础。 在接下来的章节中,我们仔细来对比下平...
  4. 一套闲置的前端算法字帖,有需要的吗? 练字帖会使人注意力高度集中,加深记忆。CODELF 多了一个贴心的功能 - 算法字帖。每天从GitHub 多个流行的算法 repo 选一个算法让同学们临摹,其中包括获得4万个 GitHub Star 的 trekhleb/javascript-algorithms repo。 支持的语言有:C, Python, JavaScript, Java, Swift 怕把学校里学的算法忘光了?算法...
  5. Vue全家桶 之 KTV前台收银管理系统 (不想努力啦,回家收钱去)年关将至,归心似箭。家里在小镇上接手了家小型KTV,发现之前的前台收银管理系统已无法使用,收银员竟然在纸上用笔记录着客人的点单,杂乱无章。之前的管理系统和网上查找的其他的一些系统都大同小异,且都是有些...
  6. 前端加密那点事最近公司一个项目在传输数据的时候,测试部门安全扫描后,发现密码类型的数据是明文传输的,果断不符合要求,让加密,就有了接下来的故事。
  7. 优秀 JavaScript 开发人员应掌握的9个技巧 Photo by Andrew Worley on Unsplash 原文链接: 9 Tricks for Kickass JavaScript Developers in 2019 原文作者:Lukas Gisder-Dubé 译者:JintNiu 推荐理由: JavaScript 已经成为了当今使用最为广泛、最受欢迎的语言之一,掌握一些使用技巧不仅可以提高开发效率,更有利于思维转换。 ...
  8. 天天都在使用CSS,那么CSS的原理是什么呢?开篇,我们还是不厌其烦的回顾一下浏览器的渲染过程,先上图:正如上图所展示的,我们浏览器渲染过程分为了两条主线:其一,HTML Parser 生成的 DOM 树;其二,CSS Parser 生成的 Style Rules ;
  9. JavaScript 判断 iPhone X Series 机型 iphone X 底部是需要预留 34px 的安全距离,需要在代码中进行兼容。 现状对于 iPhone X 的判断基本是这样的: // h5 export const isIphonex = () => /iphone/gi.test(navigator.userAgent) && window.screen && (window.screen.height === 812 && window.screen.width === 375); 复制代码 这在之前是没问题的...
  10. js的三种异步处理学习笔记 含义: Promise是异步编程的一种解决方案, 优点: 相比传统 回调函数 和 事件 更加合理和优雅,Promise是链式编程(后面会详细讲述),有效的解决了令人头痛的回调地狱问题,Promise的结果有成功和失败两种状态,只有异步操作的结果,可以决定当前是哪一种状态,外界的任何操作都无法改变这个...
  11. (译)2019年前端性能优化清单 — 上篇 写在译前:首先介绍一下我自己,一个跨行业的、完全非科班生的文科单身狗。因为生计,走上了自学前端的荆棘之路,然后经过一路的摸爬打滚终于算是入了前端的这个门,自己也知道在前端这条道路上还有很长的路要走。平常生活中喜欢跑步,欢迎有同样爱好的大佬一起交流切磋。 这篇译文是在掘金Limin组织的2019年度开发者...
  12. 十五分钟,学习 Webpack 原文地址: Learn Webpack in 15 Minutes 原文作者:Danny Markov 译者: Wpeach 由于 JavaScript 应用程序的复杂性不断增加,构建工具已成为 web 开发中不可或缺的一部分。Bundlers 允许我们去打包、编译和管理现代 web 项目需要的众多资源文件和依赖库。 在本教程中,我们将了解webpack,一个强大的...
  13. 掌握Web API,开发常见的页面交互功能(进阶一)学习目标: 掌握API和Web API的概念 掌握常见的浏览器提供的API的调用方式 能通过API开发常见的页面交互功能 能够利用搜索引擎解决问题 Web API API的概念API(Application Programming Interface,应用程序编程接...
  14. 从项目的 GitHub 星星数看 2018 年 JavaScript 生态圈 开源最前线(ID:OpenSourceTop)整编 链接:https://risingstars.js.org/2018/en/#section-compiler 第三年 JavaScript Rising Stars 统计结果出来了,该排行通过对比各项目过去12个月在GitHub上新增 Star 数量,来评估其在 2018 年度的受关注程度,进而选出2018年度JavaScript领域...
  15. JavaScript中纯函数是什么 纯函数是程序函数式编程语言中原子构建块(最简单的可重用代码构建块)。简单和易测试性的特点使其备受推崇。 本文将提供一个快速检测列表,用于判断一个函数是否为纯函数。 检测列表 一个函数必须满足如下两点才能被称之为“纯的”: 相同的输入 总是 返回相同的输出 不产生副作用 让我...
  16. JS每日一题: 说说你对前端模块化的理解 CommonJS 扩展了JavaScript声明模块的API, 通过CommonJS,每个JS文件独立地存储它模块的内容(就像一个被括起来的闭包一样)。在这种作用域中,我们通过 module.exports 语句来导出对象为模块,再通过 require 语句来引入 如: function myModule() { this.hello = function() { return 'hello!'; } } mod...
  17. TypeScript 3.3来了快看看有什么新功能在TypeScript的早期版本中,不同的联合类型如果想互相访问其取值,它们参数的取值列表必须完全一致才行。
  18. 精读《如何编译前端项目与组件》 1 引言 说到前端编译方案,也就是如何打包项目,如何编译组件,可选方案有很多,比如: 通过 webpack / parcel / gulp 构建项目。 通过 parcel / gulp / babel 构建组件。 如果你喜欢零配置的 parcel,那么项目和组件都可以拿它来编译。 如果你业务比较复杂,需要使用 webpack 做深度定制,那么常见组...
  19. 前端实现Excel导入和导出功能最近项目中让实现一个导入导出Excel的功能,查找了一些插件后发现js-xlsx这个插件,所以就尝试使用了一下,这里将使用方法和遇到的问题简单记录一下。
  20. 从零实现Vue的组件库(十)- Select 实现 当选项过多时,使用下拉菜单展示并选择内容。 Select 组件主要特点在于: 数据双向绑定,下拉列表变动时,选中项如何回显; 单选、多选的区分,以及对应处理。 1. 实例 代码 <fat-select v-model="inputValue"> <fat-option v-for="item in opti...
  21. JavaScript中的this详解 this是JavaScript这门语言中极其重要的一个知识点,特别是关于面向对象的相关的写法,可以说掌握了this的特性,相当于掌握了一大半JavaScript面向对象的编写能力。总的来说,JavaScript中的this大概有7种情况,理解到位了这些情况,基本上就掌握了这部分相关的内容,所有的高级写法,都是基于这些情况的演变。这7种情况...
  22. 纵观JS对象的“简”与“繁”(上) JS这门语言,曾被不少开发者视为玩乐的语言,没有厚度和技术含量的语言,但发展到现在,想必没有人敢再这么说,它能做的事越来越多,所以,这门语言看似知识结构简单,但却在代码的行与行之间藏着很多细节和玄机。 “对象”在JS中是个很有意思的东西,它随处可见,说简单可以很简单,但也可以复杂到让人头皮发麻。 ...
  23. 从现在起-彻底学会 js ast抽象语法树是js代码另一种结构映射,可以将js拆解成AST,也可以把AST转成源代码。这中间的过程就是我们的用武之地。 利用 抽象语法树(AST) 可以对你的源代码进行修改、优化,甚至可以打造自己的编译工具。其实有...
  24. 基础中的基础,JavaScript中的值和引用 原文地址: medium.com/dailyjs/bac… 前几天忽然发现github上有一个大热门项目 —— “ 33 concepts every JavaScript developer should know ”,目前已经将近25000个Stars。这个项目旨在帮助前端开发者掌握33个JavaScript基础概念。按作者话说,这些概念并不是开发所必需的,但它们是引导你通向前端大...
  25. vue -on如何绑定多个事件监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。
  26. Vue添加数据视图不更新问题 当我们把一个数据传给Vue实例data属性完成视图更新时,经过一番操作发现并没有更新。 console 打印发现数据只是JavaScript普通对象数据。 原因是因为Vue想要完成视图响应必须把JavaScript普通对象数据转为具有 getter/setter 的属性对象数据。当调用 setter 被调用时Vue捕获数据从而完成响应组件更新。 Vue.js - 深...
  27. Canvas实用库Fabric.js使用手册 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。由于Fabric.js为国外框架,官方API杂乱繁多,相关文档大多为英文文档,而且数量不多,所以本文旨在帮助新手在项目中快速上手Fabric.js,享受绘制Canvas的过程。 为什么要使用Fabric.js? Canvas提供一个好的画布能力, 但是Api...
  28. Vue 的小奇技(第一篇):提高大型数据列表的性能 特别声明:本文是作者Alex Jover 发布在VueDose 上的一个系列。 版权归作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 为了不影响大家阅读,获得授权的记录会放在本文的最后。 嗨,大家好!欢迎来到 VueDose 的第一篇文章。我已经准备好在 VueDose 上开启这段旅程,来帮助像你一...

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20190128 前端开发周报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-weekly-20190128.html)