20181013 前端开发周报

作为前端新手,你所不知道的JavaScript是有多厉害;我如何零基础转行成为一个自信的前端;使用THREE.js制作一款3D游戏;Vue 常见面试问题;webpack4.0 入门实践;全面改革:解读vue3.0的变化;前端每日实战 2018 年 9 月份项目汇总(共 26 个项目);尤雨溪:Vue 3.0 计划

  1. 作为前端新手,你所不知道的JavaScript是有多厉害相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生,这些可以说是一个前端的标配,而在前端的世界里,没有什么是JavaScript实现不了的,你真的了解js吗?
  2. 我如何零基础转行成为一个自信的前端 来自未来的补充:原标题是“学前端,我如何在一年内学到三年的知识”。经网友批评和自己反思后,决定改一个合适点的标题。另外,有不少朋友以为我在国外,其实我一直在深圳。目前我也在想进入技术好一点的团队,可打杂。 这个大言不惭的标题源自我与我所认识的前端从业者的比较,
  3. 使用THREE.js制作一款3D游戏 使用THREE.js制作一款3D游戏 本文是基于某位大神使用three.js设计游戏的学习心得与知识分享 The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js 前言 这个学期
  4. Vue 常见面试问题GitHub 地址,后面继续补充,star不迷路。 计算属性(computed)、方法(methods)和侦听属性(watch)的区别与使用场景 Vue 生命周期的理解 Vue 双向绑定,为什么不能通过修改下标来通知视图发生变化 简述 Vue …
  5. webpack4.0 入门实践 webpack 可以看做是模块打包机:他做的事情是,分析你的项目结构,找到 JavaScript 模块以及其他的一些浏览器不能直接运行的扩展语言( Scss 、 TypeScript 等),将其打包为合适的格式以供浏览器使用 构建就是把源代码转换成发布到线上可执行的 JavaScript 、CSS、HTML 代码,包括以下内容: 代码转换 : T…
  6. 全面改革:解读vue3.0的变化 9月30日,尤雨溪在medium个人博客上发布了vue3.0的开发思路,国内有翻译的版本,见文章最后的参考链接。3.0带了了很大的变化,他讲了一些改进的思路以及整个开发流程的规划。 vue3.0的改进思路 vue最主要的特点就是响应式机制、模板、以及对象式的组
  7. 前端每日实战 2018 年 9 月份项目汇总(共 26 个项目)过往项目 2018 年 8 月份项目汇总(共 29 个项目) 2018 年 7 月份项目汇总(共 29 个项目) 2018 年 6 月份项目汇总(共 27 个项目) 2018 年 5 月份项目汇总(共 30 个项目) 2018 年 4 月份项目汇总(共 8 个…
  8. 尤雨溪:Vue 3.0 计划 原文:Plans for the Next Iteration of Vue.js 作者:Evan You(尤雨溪) 发表时间:Sep 30, 2018 译者:西楼听雨 发表时间: 2018/10/5 (转载请注明出处) 展开原文 Last week a
  9. 什么是模块化 CSS? 原文地址:What is Modular CSS? 原文作者:Scott Vandehey 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:ssshooter 校对者:Hopsken Park-ma 模块化 CS
  10. 自己动手实现一个html2canvas 昨天写了 新手引导动画的4种实现方式 , 里面用到了 html2canvas 于是就顺便了解了一下实现思路. 大概就是 利用 svg 的 foreignObject 标签, 嵌入 dom, 最后再利用 canvas 绘制 svg. 从而实现最终目的. 先让大家看看效果 MDN示例 var canvas = document.getElementById(‘canvas’); v…
  11. JS数组方法总览及遍历方法耗时统计 国庆7天假,6天加班,苦涩。 因为对数组的处理方法有些还是有点模糊,因此这里整理汇总一下,方便日后自己查阅。 01、push(value)将value添加到数组的最后,返回数组长度(改变原数组) // Base let a = [1, 2, 3, 4,
  12. JavaScript字符串操作方法大全,包含ES6方法一、charAt() 返回在指定位置的字符。 {代码…} 二、charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 {代码…} 三、concat() 连接字符串。 {代码…} 四、indexOf() 检索字符串。indexOf() 方法对大小写…
  13. 面试之加分项vue对大部分人来说,掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发,成为Vue.js大师,那下面我要传授的这五招你一定得认真学习一下了。在面试过程很多HR会问到。
  14. 巧用 TypeScript (一) 以下问题来自于与公司小伙伴以及网友的讨论,整理成章,希望提供另一种思路(避免踩坑)解决问题。 函数重载 TypeScript 提供函数重载的功能,用来处理因函数参数不同而返回类型不同的使用场景,使用时,只需为同一个函数定义多个类型即可,简单使用如下所示: d
  15. 前端每日实战:151# 视频演示如何用纯 CSS 创作超能陆战队的大白效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  16. 五个小技巧让你写出更好的 JavaScript 条件语句 原文地址:5 Tips to Write Better Conditionals in JavaScript 原文作者:Jecelyn Yeen 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:Hopsken 校对者
  17. 用jQuery手写一个小游戏 今天给大家带来一个小游戏体验链接CodePen码云源码链接Gitee要求:熟悉JavaScript继承的概念 游戏预览 玩法:开局一个球 两块板子。其中最上方是电脑板子,会跟着球跑。球达到板子上回弹回来。打到你的板子上也是回弹出去。如果达到了上下边界
  18. 前端AI实战——告诉世界前端也能做AI 我想大多数人和我一样,第一次听见“人工智能”这个词的时候都会觉得是一个很高大上、遥不可及的概念,特别像我这样一个平凡的前端,和大部分人一样,都觉得人工智能其实离我们很遥远,我们对它的印象总是停留在各种各样神奇而又复杂的算法,这些仿佛都是那些技术专家或者海归博士
  19. 学前端,我如何一年内学到三年的知识 这个大言不惭的标题源自我与我所认识的前端从业者的比较,也源自别人的评价。读者也可以看我其它文章,评估我的专业能力。当然我不是在每个领域都能匹配别人三年的实践经验。我还有很多技术栈没掌握,比如没写过小程序,没用过 jQuery(这个也不想再学了,只是依然还有用人
  20. 整理前端各位面试达人的面经准备在这里放一些网上比较好的前端面试分享,以后不断补充。1、百度阿里网易大疆等大小厂前端校招面筋 | 掘金技术征文地址:[链接]2、应届渣渣前端面经(还有游戏策划以及鸡汤)地址:[链接]3、学前端,我如何一…
  21. 大前端架构思考与选择 问题 “一云多端”成为趋势,终端类型越来越多。比如,现在PC Web网站的产品已经有了,现在想扩展APP,小 程序… …怎么办?一个直接能想到的方法就是在原来的基础上,为APP等增加API接口,如下图所示: …
  22. vue写一个炫酷的日历组件 项目: 公司业务新开了一个商家管理微信H5移动端项目,日历控件是商家管理员查看通过日程来筛选获取某日用户的订单等数据。 如图: 假设今天为2018-09-02 90天前: 90天后; 产品需求: 展示当前日期(服务器时间)前后90天,一共181天的日期
  23. Promise晋级—完全吃透 Promise晋级,需要的全部都在这 主要内容: promise基本实现原理 promise 使用中难点(链式调用,API基本上返回都是一个新Promise,及参数传递) promise 对异常处理 promise 简单实现及规范 参考: ​ 30分钟,让你彻底明白Promise原理 ​ 阮一峰ES6入门 ​ JavaScript Promi…
  24. 2018 年如何写一个现代的 JavaScript 库 我写过一些开源项目,在开源方面有一些经验,最近看到了阮老师的微博(好吧确实是几年前看到的了),深有感触,现在一个开源项目涉及的东西确实挺多的,特别是对于新手来说非常不友好 最近我写了一个jslib-base,旨在从多方面快速帮大家搭建一个标准的js库,本文将以jslib-base为例,介绍写一个开源库的知…
  25. 前端每日实战:152# 视频演示如何用纯 CSS 创作一个圆点错觉效果效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  26. WebGL之3D地球 看了饿了么小小倩老师的canvas作品,心血来潮,学着做了个3D地球,也算是入坑WebGL了吧。之前有用过原生的canvas画2D的图形,这次则是用了Three.js和stats.js的3D框架,边学边练手,效果还算比较满意…毕竟第一次接触WebGL Talk is cheap show the code! github项目源码地址: github.com/FightingHao… 项目…
  27. 前端进阶系列(二):css常见布局解决方案无需设置父元素样式 (支持 IE 8 及其以上版本)兼容 IE 8 一下版本需要调整为 <table>
  28. 一步一步读懂JS继承模式 JavaScript作为一种弱类型编程语言被广泛使用于前端的各种技术中,由于JS中并没有“类”的概念,所以js的OOP特性一直没有得到足够的重视,而且有相当一部分使用js的项目中采用的都是面向过程的编程方式。但是随着项目规模的不断扩大,代码量的不断增加,这种方式会让我们编写很多重复的、无用的代码,并使得项目的扩展性、…
  29. 基于vue2.0的活动倒计时组件countdown 这是一款基于vue2.0的活动倒计时组件,可以使用服务端时间作为当前时间,在倒计时开始和结束时可以自定义回调函数。 查看演示 下载源码 安装 npm install vue2-countdown –save 使用组件 首先在模板部分添加: <template> <div> <count-down v-on:start_call…
  30. 理解event loop(浏览器环境与nodejs环境) 转自IMWeb社区,作者:sugerpocket,原文链接 众所周知,javascript 是单线程的,其通过使用异步而不阻塞主进程执行。那么,他是如何实现的呢?本文就浏览器与nodejs环境下异步实现与event loop进行相关解释。 浏览器环境 浏览器

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流