20190620 前端开发日报

公司要求熟悉框架 Vue,必问面试题你都会几道?;记一次忏悔的前端面试经验(Vue 双向绑定原理);尤雨溪关于VUE3.0进展的重磅分享;分享 10 道 Nodejs 进程相关面试题;前端工程化(5):你所需要的npm知识储备都在这了;【GAN的优化】从KL和JS散度到fGAN;前端基本功(七):javascript中的继承(原型、原型链、继承的实现方式);使用vue-i18n实现多语言切换效果

  1. 公司要求熟悉框架 Vue,必问面试题你都会几道? 戳蓝字「 高级前端进阶 」关注我们哦! 作者: 张小小 来源: 程序员成长指北 如果你是一个已经在学习前端开发的初学者亦或者是一名在代码界纵横多年的程序员,那你一定知道现在最火的前端框架之一Vue.js。它相比于React与Angular上手更加容易,或许这也是很多初学者选择vue的原因之一。 …
  2. 记一次忏悔的前端面试经验(Vue 双向绑定原理) 2019年6月6号,为了爱情,我离开工作了一年多的广州来到了杭州这个互联网城市。开始我的前端面试之旅… 放下拧螺丝的扳手,开始造起了飞机… 面试的第一家,一开始就问 Vue 双向绑定怎么实现 。 一脸蒙蔽,之前看过源码,但是没有深入研究,只回答出了使用 Object.defineProperty Object.defineProperty(o…
  3. 尤雨溪关于VUE3.0进展的重磅分享 2019 年 6 月 8 日来自全球各地的开发者齐聚上海交通大学文治堂 , VueC onf 2019 在上海成功举办。 VUE 3.0  最新进展 使用 Object.defineProperty -> Proxy    速度 提升了 1 倍 VUE3.0  将 Virtual DOM 重构   速度 提升 6   倍 牛逼吧 !!! 是如何…
  4. 分享 10 道 Nodejs 进程相关面试题 通过对以下 10 个面试题的分享,助您更好的理解 Node.js 的进程和线程相关知识 作者简介:五月君,Nodejs Developer,热爱技术、喜欢分享的 90 后青年,公众号 “Nodejs技术栈”,Github 开源项目www.nodejs.red 快速导航 创建多进程时,代码里有 app.listen(port) 在进行 fork 时,为什么没有报端口被占用?…
  5. 前端工程化(5):你所需要的npm知识储备都在这了 npm 在前端开发流程中提供了非常完善的自动化工具链,已成为每个前端开发者必备的工具,但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的 npm 知识点,以便开发者们更好的利用 npm 来辅助项目开发。 1、npm 处理 node_modules 目录结构 node_modules 是一个项目开发、…
  6. 【GAN的优化】从KL和JS散度到fGAN 欢迎来到专栏《GAN的优化》,这是第二期。在这个专栏中,我们会讲述GAN的相关背景、基本原理、优化等相关理论,尤其是侧重于GAN目标函数的优化。小米粥和有三将带领大家从零学起,深入探究GAN的点点滴滴。 其实,比起来东拼西凑的资料的堆叠,我更喜欢讲故事,从头到尾讲一个故事,中间环环相扣,逻辑条理清晰,读完之…
  7. 前端基本功(七):javascript中的继承(原型、原型链、继承的实现方式) javascirpt没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,来实现继承。继承意味着复制操作,然而 JavaScript 默认并不会复制对象的属性,相反,JavaScript 只是在两个对象之间创建一…
  8. 使用vue-i18n实现多语言切换效果 安装vue-i18n 我们使用npm安装vue-i18n。 npm install vue vue-i18n –save 引入vue-i18n 首先在 main.js 中引入 vue-i18n。 import Vue from ‘vue’ import App from ‘./App’ import VueI18n from ‘vue-i18n’ Vue.use(VueI18n) // 通过插件的形式挂载 接着创建带有选项的 VueI18n 实例。 const i18n = new VueI1…
  9. Vue.js 2.0 手把手入门笔记 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。 2 特点: 核心只关注视图层(view) 灵活、轻量、灵活的特点 适用于移动端项目 渐进式框架 3 什么是库,什么是框架? …
  10. 更优雅地基于 canvas 在前端画海报 我们的业务涉及电商、教育行业,出于营销以及功能需要,会有很多卡片展示(长按保存)的需求,或者分享长图的需求。以及我们有面向商家的PC端,商家端又能编辑、实时预览卡片的样式。 同样的卡片内容我们需要在两端以两种框架(vue react)分别维护。 考虑到依赖太大(ungzipped 160kb+)、稳定性、可维…
  11. HTML5语义化开发指南 HTML5的主要进步之一是引入了一组标准化的语义元素。 ”语义元素“是用于以更有意义的方式标记文档结构的元素,这种方式可以清楚地表明它们的用途和目的是什么。而且重要的是,由于它们是标准化的,定义文档的这些元素可以被每个人使用并理解,包括机器人。 在web无障碍开发领域,给视障用户使用的屏幕阅读器是视障群体…
  12. 生成海报(前端 | python)我最近没有摸鱼,一直都在工作。只不过目前需要爬一点数据 python 做的,之后看机会分享一下。 忙着忙着老大说要生成海报,有个活动要给每个用户来个分享图。 想法 PS 批处理?脚本? 能甩出去的活都甩出去,机智…
  13. 一篇文章完全掌握 JavaScript 数组操作[每日前端夜话0x87] 每日前端夜话 0x87 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:2857 字 预计阅读时间: 8 分钟 作者:Bolaji Ayodeji 翻译:疯狂的技术宅 来源: logrocket JavaScript 中的数组是什么? 在开始之前,你需要先了解数组的真正含义。 在 JavaScript 中…
  14. 【Vue项目总结】后台管理项目总结每个系统都有自己的登录登出逻辑,而我们前端所要做的其实是请求后台,拿到登录权限,带上登录权限,获取用户信息和菜单信息。在vue项目开发当中,我们一般都是在全局路由钩子做这一系列判断。
  15. webpack 多页面应用配置小结 今年公司一直在推行前后端分离开发,刚好有个活动开发的需求,于是想用react多页面应用去实现。该项目在create-react-app(@3.0.1)脚手架的基础上开发。 准备工作 下载安装create-react-app(@3.0.1,其他版本配置可能略微不同)脚手架,并将CRA中的配置全部反编译到当前项目(方法参考: juejin.im/post/5a5d5b… 建…
  16. React 的未来,与 Suspense 同行自从 React 团队发布他们的 16.x 愿景以来,已经风靡了整个社区。它添加了一些非常酷的东西:Hooks、惰性加载、Suspense 和缓存 API。
  17. 如何在JavaScript中访问暂未存在的嵌套对象JavaScript 是个很神奇的东西。但是 JavaScript中的一些东西确实很奇怪,让人摸不着头脑。其中之一就是当你试图访问嵌套对象时,会遇到这个错误
  18. 深入学习 ES6 之 Promise 作者: kim先生 来源: 自创 今天我们讲的是ES6中的Promise这个异步操作对象。在学习Promise之前我们首先要了解Javascript的一些有关异步操作、JS事件机制等方面的知识,这样才能更好的吸收今天所讲的内容。所以先从浏览器的进程讲起! 浏览器进程 浏览器是以多进程运行的,…
  19. 【vue】用图告诉你响应式原理 如果自己去实现数据驱动的模式,如何解决一下几个问题: 通过什么手段去知道我的数据变了? 通过什么东西去同步更新视图? 数据劫持——obvserver 我们需要知道数据的获取和改变,数据劫持是最基础的手段。在Obeserver中,我们可以看到代码如下: Object.defineProperty(obj, key, { enumerable: tr…
  20. JavaScript的类字段声明(提案) 要定义在单击时递增的计数器窗口组件,可以使用ES2015定义以下内容: class Counter extends HTMLElement { clicked() { this.x++; window.requestAnimationFrame(this.render.bind(this)); } constructor() { super(); this.onclick = this.clicked.bind(this); this.x = 0; } connec…
  21. JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼?JavaScript箭头函数与普通函数不只是写法上的区别,它们还有一些微妙的不同点,其中一个不同点就是this。
  22. Vue实战-头部模块编写(5)通过上篇我们了解到了vue可以通过axios发送前端请求。 我们知道的在发送请求可以在creted()钩子内,也可以在mounted()钩子内。 本篇我们通过头部模块的编写,将请求到的数据渲染到模块内。 当然我们先要准备…
  23. Web实战:如何进行视频截图 各位读者大人们好,不知道各位读者大人们近来如何。 由于前段时间事情比较多,文章的更新就给耽误了,项目需要上线经常加班,再加上自己的一些学习计划,一晃就是一个多月,没有更新文章。 有人会问,登哥你怎么不搬运和转载别人的文章呢?,这样公众号就不会断更了,这个问题问的好,熟悉我的读者应该会发现,我的…
  24. 【JS】关于JS的一些知识点(JS基础,纯记录)本想着记笔记里,但是笔记里没有分类,还是以文章的形式吧,当个人总结吧,这一篇就当作JS基础篇的记录吧,持续更新~
  25. [源码阅读]基于Canvas+贝塞尔曲线算法的平滑手写板一种比较容易做出的是对鼠标移动轨迹画点,再将两点之间以直线相连,最后再进行平滑处理,这种方案不需要什么算法支持,但同样,它面对一个性能和美观的抉择,打的点多,密集,性能相对较低,但更加美观,视觉上…

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

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


关注我

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

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

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