20181008 前端开发周报

原生js替换jQuery各种方法-中文版;译文:Vue.js 3.0 开发计划;09.26 腾讯校招前端一面经历;一篇文章搞定前端面试;百度阿里网易大疆等大小厂前端校招面筋;作为前端新手,你所不知道的JavaScript是有多厉害;笔试题——JavaScript事件循环机制(event loop、macrotask、microtask);nodejs+koa2+mongodb,学完找领导加薪

  1. 原生js替换jQuery各种方法-中文版前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大…
  2. 译文:Vue.js 3.0 开发计划 在上周的 Vue.js 伦敦会议上我简短地透露了下个版本的 Vue 的新特性。这篇文章讲深入地阐述 Vue 下个版本的计划。 为什么要升级到 3.0? 两年前的今天 Vue …
  3. 09.26 腾讯校招前端一面经历浏览器会把inline元素间的空白字符(空格、换行、Tab等)渲染成一个空格。而为了美观。我们通常是一个<li>放在一行,这导致<li>换行后产生换行字符,它变成一个空格,占用了一个字符的宽度。解决:方…
  4. 一篇文章搞定前端面试面试过前端的老铁都知道,对于前端,面试官喜欢一开始先问些HTML5新增元素啊特性啊,或者是js闭包啊原型啊,或者是css垂直水平居中怎么实现啊之类的基础问题,当你能倒背如流的回答这些之后,面试官脸上会划过一…
  5. 百度阿里网易大疆等大小厂前端校招面筋自我介绍下:某985硕士,程序媛,接触前端一年时间。从八月份开始校招面试笔试,前前后后大厂小厂也都面了挺多,不过大厂基本都被我挂完了,哭晕我,还是太菜啊,拿了offer的公司目前是:大疆、电信、深信服(已…
  6. 作为前端新手,你所不知道的JavaScript是有多厉害相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生,这些可以说是一个前端的标配,而在前端的世界里,没有什么是JavaScript实现不了的,你真的了解js吗?
  7. 笔试题——JavaScript事件循环机制(event loop、macrotask、microtask) 今天做了一道笔试题觉得很有意义分享给大家,题目如下:setTimeout(()=&gt;{ console.log('A'); },0); var obj={ func:function () { setTimeout(func
  8. nodejs+koa2+mongodb,学完找领导加薪 进来是为了想要加薪的小伙伴我可不敢打包票哈,但我相信这对于想要入门写nodejs的朋友来说,一定会有所收获,那么,下面开始我们的正题(这里不使用koa-generator脚手架,我们直接自己搭建项目,适用于前后端分离) 一:创建项目 1.首先全局安装我们的koa依赖包 (已经有node环境) npm install -g koa 复制代码 …
  9. JavaScript中的“黑话”因为球是圆的,所以不论发生什么都有可能,对这点我是深信不疑的,但最近我总是在怀疑,JavaScript也是圆的!本文带你细数JavaScript的黑话,因为这一切是多么的有趣,又是多么的无意义,就如这世界一般,很多事…
  10. 使用THREE.js制作一款3D游戏 使用THREE.js制作一款3D游戏 本文是基于某位大神使用three.js设计游戏的学习心得与知识分享 The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js 前言 这个学期
  11. CSS魔法堂:改变单选框颜色就这么吹毛求疵是否曾经被业务提出”能改改这个单选框的颜色吧!让它和主题颜色搭配一下吧!”,然后苦于原生不支持换颜色,最后被迫自己手撸一个凑合使用。若抛开input[type=radio]重新开发一个,发现要模拟选中、未选中、不可用…
  12. 你会使用ES6 ,但这几点你可能不知道,感觉身体被掏空let 的使用 我们知道 let 主要有三个特性: let 声明的变量的作用域是块级的 (es5中只有全局和函数作用域) let 不能重复声明已存在的变量; let 有暂时死区,不会被提升。 我们早期面试的时候,经常会考的一道题…
  13. lozad.js ﹣ 高性能、无依赖的纯 JS 任意元素懒加载插件 前言 為了提升用戶的加載頁面速度,我們可以使用懶加載這個方法。當用戶打開頁面的時候,只需要載入首屏的資源,從而節省流量,提升加載速度。而用戶滾動到圖片佔用位置,瀏覽器才載入圖片資源。利用 lozad.js,我們可以簡單容易地懶加載圖片。它是一個可以單獨
  14. JavaScript: Promises 介绍及为何 Async/Await 最终取得胜利 原文地址: JavaScript: Promises and Why Async/Await Wins the Battle 异步函数在JavaScript中有好有坏。好的一面是异步函数是非阻塞的,因此很快 – 特别是在Node.js上下文中。缺点是处理异步函数可能很麻烦,因为有时必须等待一个函数完成才能在进行下一次执行之前获得“回调”。 有一些方法可以发挥异步函数调用…
  15. ES6提示和技巧,使您的代码更清晰,更短,更容易阅读 原文地址:ES6 tips and tricks to make your code cleaner, shorter, and easier to read! 模板字面量(Template literals) 模板字面量比以前更容易处理字符串。以'开头,并且
  16. 自己动手实现一个html2canvas 昨天写了 新手引导动画的4种实现方式 , 里面用到了 html2canvas 于是就顺便了解了一下实现思路. 大概就是 利用 svg 的 foreignObject 标签, 嵌入 dom, 最后再利用 canvas 绘制 svg. 从而实现最终目的. 先让大家看看效果 MDN示例 var canvas = document.getElementById(‘canvas’); v…
  17. 前端面试之手写一个bind方法 bind()方法创建一个新的函数, 当被调用时,将其this关键字设置为提供的值,在…前言前段时间博客园里有篇很火的帖子2016十家公司前端面试小记,主要讲作…
  18. vue-sticky组件详解但当该元素的位置移出设置的视图范围时,其定位效果将变成fixed,并根据设置的left、top等作为其定位参数。
  19. 使用 WebSocket 实现 JsBridge 去年写了个简单的 Android 壳子程序在部门内部使用,借助壳子程序 JavaScript (以下简称 JS)可以高效地使用拍照、签名、二维码扫描等原生功能,为 Web 项目提供接近原生的体验。但是一段时间使用下来,前端开发人员陆陆续续地反馈了一些蛋疼的问题,比如正常情况下可以使用 Chrome 浏览器的 chrome://inspect 功能…
  20. 什么是模块化 CSS? 原文地址:What is Modular CSS? 原文作者:Scott Vandehey 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:ssshooter 校对者:Hopsken Park-ma 模块化 CS
  21. 基于Node.js的裁判文书网爬虫分析 基于Node.js的裁判文书网爬虫分析 因为笔者在线上实习时的需求,需要做一个裁判文书网的爬虫,本以为,一个政府网站爬虫嘛会有多难?但当笔者开始爬的时候,笔者发现…
  22. 大话 JavaScript 动画 背景 138.2亿年前,世界上没有时间和空间,或许世界都不存在,在一个似有似无的点上,汇集了所有的物质,它孕育着无限的能量与可能性。 宇宙大爆炸 巨大的内力已无法被抑制,瞬间爆发,它爆炸了!世界上有了时间和空间,随着岁月的变迁,时光的流逝,无数的星系、恒星、卫星、彗星形成。我们生活的地球,只是茫茫…
  23. MathJax: 让前端支持数学公式 MathJax: 让前端支持数学公式 1. 必须要说 1.1 开发背景 博主使用Vue开发的个人博客,博文使用markdown语法编写,然后交给前端渲染。为了更方便的进行说…
  24. 前端每日实战:151# 视频演示如何用纯 CSS 创作超能陆战队的大白效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  25. 理解JavaScript Call()函数原理 理解JavaScript Call()函数原理。最近在做面试题的过程中偶然碰到关于call函数的问题。然后再百度上查了查。偶然看到一篇文章:JavaScript中的call、ap…
  26. 用jQuery手写一个小游戏 今天给大家带来一个小游戏体验链接CodePen码云源码链接Gitee要求:熟悉JavaScript继承的概念 游戏预览 玩法:开局一个球 两块板子。其中最上方是电脑板子,会跟着球跑。球达到板子上回弹回来。打到你的板子上也是回弹出去。如果达到了上下边界
  27. JavaScript(E5,6) 正则学习总结学习,可看可不看1.概述 正则表达式(regular expression)是一种表达文本模式(即字符串结构)的方法。 创建方式有两种方式: 一种是使用字面量,以斜杠表示开始和结束。 {代码…} 另一种是使用RegExp构造函数。 {代码…} 它们…
  28. Front-end developmenter必看,超实用的javaScript隐式类型转换规则记忆技巧javaScript的类型转换其实一直是很多前端开发人员很迷的地方,一会儿这里要转换,一会儿那里又要转换,总之就是一个大写的迷,因为它隐式类型转换的地方实在是太多了。
  29. vue-router页面跳转 以及页面配置昨天自己在家做了一个前端上线系统,使用到的技术有VUE框架,element-ui, vue-router传送门:[链接]页面效果如下:
  30. 千亿级 HttpDNS 服务是怎样炼成的 "鹅厂网事"由深圳市腾讯计算机系统有限公司技术工程事业群网络平台部运营,我们希望与业界各位志同道合的伙伴交流切磋最新的网络、服务器行业动态信息,同时分享腾讯在网络与服务器领域,规划、运营、研发、服务等层面的实战干货,期待与您的共同成长。 网络平台部以构建敏捷、弹性、低成本的业界领先海量互…

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

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


关注我

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

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

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