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