20190719 前端开发日报

20道JS原理题助你面试一臂之力;vue仿小米商城-我知道的都在这里了;公司倒闭 1 年了,而我当年的项目上了 GitHub 热榜;一个施工员转行成为前端开发;Vue – SSR – 服务端渲染搭建过程 – 分三步来理解 SSR – 简单的搭建起 SSR;Git配置文件的常用参数解析;给大家分享一个vue的移动端的事件项目;前端培训-中级阶段(9)- 原生Ajax的运行原理与实现(2019-08-08期)

  1. 20道JS原理题助你面试一臂之力 本文针对目前常见的面试题,实现了相应方法的核心原理,部分边界细节未处理。后续也会持续更新,希望对你有所帮助。 1. 实现一个call函数 // 将要改变this指向的方法挂到目标this上执行并返回 Function.prototype.mycall = function (context) { if (typeof this !== ‘function’) { throw new TypeError(‘not fu…
  2. vue仿小米商城-我知道的都在这里了 这是一个仿小米商城的 vue 全家桶项目,点击预览 项目环境介绍: 系统: macos 包管理工具: yarn Node : v12.4.0 项目会完成的页面和功能: popup vue 项目中有适当加入一些动画来使交互更加丰富 项目涉及到的大概知识: vue 3.x 最新脚手架使用 webstorm 使用小技巧 …
  3. 公司倒闭 1 年了,而我当年的项目上了 GitHub 热榜 公司倒闭 1 年多了,而我在公司倒闭时候做的开源项目,最近却上了 GitHub Trending,看着这个数据,真是不胜唏嘘。 缘起 2017 年 11 月份的时候,松哥所在的公司因为经营不善要关门了,关门的是深圳分公司,北京总部还在正常运转。 然后就是北京那边来人,和深圳的员工挨个谈话,谈裁员和赔…
  4. 一个施工员转行成为前端开发 其实 有时候回想自己的工作生涯 从大学毕业到现在 都没能好好的总结一下 我是2014届毕业的 毕业于洛阳理工学院 一个普通的二本院校 所学的专业是建筑工程专业 很多人可能会问我最后怎么成为一名前端开发工程师了呢 听我慢慢道来 1. 命途多舛 处处碰壁 我毕业后就面试进了一家建筑设计公司 那时候觉得运气好啊 别的同…
  5. Vue – SSR – 服务端渲染搭建过程 – 分三步来理解 SSR – 简单的搭建起 SSR 可能我们平常接触比较多的是使用 vue + vue全家桶来搭建起一个单页(SPA)应用。用 ssr 搭建项目比较少,本文是记录我在学习 ssr 过程中的一些见解,如有出错或疏漏,麻烦帮忙指正!文章共分为三个步骤来实现搭建一个简单 ssr 项目: 1.搭建 SPA 项目(实现客户端渲染) 2.简单实现ssr服务端渲染(不包含 vue-r…
  6. Git配置文件的常用参数解析我们有时候在多平台开发代码或者批量修改了文件夹的权限时,使用git status命令你很有可能会看到一大片的文件变更记录。其实不用担心,这些只是权限变更的文件也会被显示出来而已。如果你的工程目录不用考虑文件…
  7. 给大家分享一个vue的移动端的事件项目 给大家分享一个基于vue的移动端点击和长按事件库,项目于上周正式开源,没怎么去看,今天上npm看了一下上周的下载量居然有36,顿时有那么一点动力来给大家分享一下 NPM github 码云 第一次加入开源分享的大军,请大家多多支持哦!觉得好的话,请大家给个Star vue-mb-touch vue-mb-touch…
  8. 前端培训-中级阶段(9)- 原生Ajax的运行原理与实现(2019-08-08期)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(…
  9. Angular 实现一个"repeat" 指令 在项目中常常会使用 ngFor指令,之前只会使用它,具体如何实现的却不得而知。终于这几天有时间"研究"了下它是如何实现的,顺便自己写个简单的 ngFor指令:repeat 说到指令就不得不提一下TemplateRef和 ViewContainerRef TemplateRef 可以理解为dom渲染模板,指令通过TemplateRef的模板来创建dom元…
  10. 【JS必知必会】高阶函数详解与实战当大家看到这个面试题的时候,能否在第一时间想到使用高阶函数实现?想到在实际项目开发过程中,用到哪些高级函数?有没有想过自己创造一个高阶函数呢?开始本篇文章的学习
  11. JS变量生命周期:为什么 let 没有被提升提升是将变量或函数定义移动到作用域头部的过程,通常是 var 声明的变量和函数声明function fun() {…}。
  12. vue仿饿了么写的一个简单的form组件 不久前,朋友说掘金社区有很多精彩的文章可以看(然而我来了后却发现,大佬们的文章我大部分看不下去【太难了】,反而是掘金的沸点比较有趣,很多搞笑的程序员使我近期迷上了逛社区),但是,光看不发总觉得像是在白嫖。所以呢,趁着最近公司的任务比较轻松,我就正好把近期看的一些文章以及练手的小demo拿出来记录一番…
  13. CSS 面试题: 手写 collapse(折叠) 的 css/html 部分其实vue/react等框架的出现, 让自己做一个ui变得简单, 大部分的js逻辑都被库封装, 反而组件的代码主要都是css, 所以只要css写好了, 一个组件就完成60%以上了.
  14. 你真的理解ES6的Class吗在面向对象的编程中,类是一个用于创建对象,为状态(成员变量)和行为实现(成员函数或方法)提供初始值的可扩展程序代码模板。
  15. 这里有一个前端工程师改变软件开发行业的机会 – 1这个问题确实很难,也有很多先烈前辈尝试过了,但是失败了。但是现在的软件开发模式显然谈不上理想,而且也并没有感觉到一直在显著地改善。以前可能一个人能搞定的需求,现在前后端分离之后,上了react这些技术之…
  16. Webpack SplitChunksPlugin插件研究 自Webpack4以后,代码拆分的插件由CommonsChunkPlugin变成了SplitChunksPlugin,并且不必单独引用,集成到了Webpack之中,通过配置下的optimization.splitChunks和optimization.runtimeChunk就可以控制了。 研究插件经验 前两天研究了一下CommonsChunkPlugin插件,总结出来一条经验,就是要理解这个插件,单纯看如何…
  17. JavaScript 事件代理简单例子 “代理”可以理解为代劳或者帮忙,或者类似你的事就是我的事这种乐于助人的良好品质。JavaScript 也有许多事件要处理,接着就演示下,如何在 DOM 元素中选出一位热心肠的好同学。 场景 想象一个平平无奇的表格,像下面这样: 需求是点击删除按钮可删除单条数据。 用 JavaScript 实现点击删除的操作,需…
  18. 前端答疑-chrome开发者工具正确食用-调试代码不曾想现在的世界越来越看不懂了昨天吧,一个朋友突然联系我了(应该是校友吧,不过我没见过本人,大我十届?我也是奔三的人了,突然好难过)。问我360 浏览器如何调试 js。这个时候应该配图了[黑人问号脸]。调试…
  19. 浅析js的工厂函数、构造函数首先,说下工厂函数。顾名思义,就好比一个工厂一样,可以批量制造某种类型的东西。其实说白了就是封装了个方法减少重复工作,相信稍微有点码龄的人都懂。上代码:
  20. NodeJS发光发热之打包hooks 最近离职了,闲着也是闲着。就想起来了之前 Node 相关的文章还有一部分没写,刚好有时间,今天给续上。现如今的前端开发,通过 Node 可以高度自定义的为我们的项目打造 一条龙服务 。既然一条龙那么不仅仅是开发阶段,打包之后的事情,我们也要处理。这篇文章就聊一聊打包之后的一些用得上的 hooks 。同样的这篇文章也是…
  21. 如何优雅重加载 Web 应用 但凡在各种环境中,尤其是生产环境中部署过应用的,比如更新应用或者配置,就会了解到,应用的重启或者升级多少都会影响用户访问,那这种影响会到什么程度呢? 影响用户的重启 从表面上看,轻则是页面不能正常加载,让用户以为是网络不好(事实上,这也经常成为服务器出问题的背锅原因,有的 APP 则直…
  22. PWA – 渐进式Web应用:你需要知道的一切你是否正处于选择 App 开发技术的两难境地?如今,渐进式 Web 应用程序需求旺盛。知道这是为什么吗 ?
  23. 深入理解Javascript中的Prototype原型 刚开始学Javascript的时候觉得很简单,其中的东西也就是那是基本的,但是还是太年轻,最近因为面试中常被问到关于原型和原型链的问题,然后自己也是模棱两可的,含含糊糊说不清楚,所以痛下思定,决定好好下一番功夫来搞懂吃透原型与原型链究竟是什么。 关于 new new 的过程 新生成了一个对象 链接…
  24. JavaScript温故而知新——new操作符的实现 首先我们要知道 new 操作符具体做了些什么? 创建一个空对象 然后让这个空对象的 __proto__ 指向函数的原型 prototype 执行构造函数中的代码,构造函数中的 this 指向该对象 如果构造函数有返回值,则以该对象作为返回值。若没有 return 或 return 了基本类型,则将新对象作为返回值 …

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

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


关注我

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

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

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