20190925 前端开发日报

彻底搞懂Vue中keep-alive的魔法(上);前端自动化解决QA重构对比测试难题;TypeScript 完全手册;学习webpack一个案例就够了;Github 上 36 个最实用的 Vue 开源库;JS进阶-手写bind;2019前端中高级面试精华100题【一/js篇】(有答案);GitHub 60000+ Star,命令行的艺术

  1. 彻底搞懂Vue中keep-alive的魔法(上) keep-alive 的使用只需要在动态组件的最外层添加标签即可。 <div id="app"> <button @click="changeTabs(‘child1’)">child1</button> <button @click="changeTabs(‘child2’)">child2</button> <keep-alive> <component :i…
  2. 学习webpack一个案例就够了 前言: webpack是前端目前最流行的打包工具,为了节省学习webpack的时间,下面我将以一个案例的形式来介绍webpack的使用,毕竟学习webpack就是要知道怎么使用,介绍案例的过程,遇到相关的知识点,我也会做相应的介绍,本案例使用的开发工具是vscode 基础知识 npm 只要你安装了node环境,npm就自动安装好 cnpm 在node装完之…
  3. 2019前端中高级面试精华100题【一/js篇】(有答案)以下问题大部分偏初中级,答案也都是简明扼要,可以在面试时应付一下,免得无点可说在第一面就被PASS。如果这些问题能让你快速回忆起平时所学,串联起前后的技能点,在面试时有个好的发挥,也就不费我整理这些面…
  4. GitHub 60000+ Star,命令行的艺术熟练使用命令行是一种常常被忽视,或被认为难以掌握的技能,但实际上,它会提高你作为工程师的灵活性以及生产力。本文是一份我在 Linux 上工作时,发现的一些命令行使用技巧的摘要。有些技巧非常基础,而另一些则…
  5. JS对象分类 原本认为JS对象分类十分简单,但是看到有许多分法并且每一种分法似乎都有道理,因此我列举出一些分法以及它们的包含范围,算是拾人牙慧吧,同时发表一些自己的看法,最后总结一下一些常用的全局函数和属性。 分类方法 我看到有四种分类方法: 最主要的是前两种,后两种只是涉及到了而已,但是我还是拿出来讨论一下。 …
  6. Babel 还是 Node 开发的“必需品”吗? 现在做 Node 开发还需要“麻烦”的 Babel 吗?毋庸置疑,Babel 曾经对构建和开发 Node.js 应用程序有过很大的影响,但随着 Node.js 的原生功能不断强大,Babel 或许也不再是 Node 开发的“必需品”。本文将主要介绍关于如何在 Node 开发中摆脱 Babel 的方法。 如果你是 Node.js 资深开发人员,乃至涉足了 React 或 V…
  7. 初级前端面试题 从前端学习到找一份合适的工作,大大小小的面试必不可少,所以我对初级前端面试题进行了初步整理,也方便自己查阅,也希望对小伙伴们有所帮助! HTML HTML语义化 HTML语义化就是让页面内容结构化,它有如下优点 1、易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。 2、有利于SEO,搜索引擎根据标签来确…
  8. 中高级前端面试题(一) 首先可以通过 Object.assign 来解决这个问题,很多人认为这个函数是用来深拷贝的。其实并不是,Object.assign 只会拷贝所有的属性值到新的对象中,如果属性值是对象的话, 拷贝的是地址,所以并不是深拷贝。 浅拷贝就只是拷贝的对象的地址。 let a = { age: 1 } let b = Object.assign({}, a) a…
  9. webSocket(一) 浅析 WebSocket 由多个标准构成: WebSocket API 是 W3C 定义的,而 WebSocket 协议(RFC 6455)及其扩展则由 HyBi Working Group(IETF)定义。 HTML5 开始提供的一种浏览器与服务器进行全双工通讯的网络技术,属于应用层协议。它基于TCP 传输协议,并复用 HTTP 的握手通道。 WebSocket 可以实现 客户端与服务器间双向 、 基于…
  10. javascript面向对象编程学习(二) —— 原型链继承 每个构造函数都有一个原型对象 prototype ,原型对象包含一个指向构造函数的指针 constructor ,而实例都包含一个指向原型对象的内部指针 __proto__ 。我们可以利用它们的关系,实现原型链继承! 1.1 假设有两个构造函数 Person和Child,它们自身关系如下: 2. 实现原型链继承 function Person(name) { t…
  11. React Rouer 使用教程作为 React 全家桶的一员,如果我们想要开发一个 React 应用,那么 react-router 基本上是我们绕不过去的基础。基于此,对它的了解和使用也是必不可少的一步
  12. JavaScript Array.from 详解 0x0 前言 Array.from :允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串、 map 、 set 等可迭代对象) 上进行有用的转换。 Array.from(arrayLike ]) arrayLike: 必传参数,想要转换成数组的伪数组对象或可迭代对象。 mapFunction: 可选参数, mapFunct…
  13. GitHub/Gitee 静态页托管页部署SSL证书Github/Gitee的Pages是一个免费的静态网页托管服务,您可以使用Github或码云Pages托管博客、项目官网等静态网页。常见的静态站点生成器有:Hugo、Jekyll、Hexo等,可以用来生成静态站点。默认情况下,托管的站点…
  14. JS的封装函数 Object.prototype.hasPubProperty = function (key) { if ((key) in this && !this.hasOwnProperty(key)) { return true; } return false; } 复制代码 2.封装myPop,去掉末尾项 Array.prototype.myPop = function () { let temp = this ; this.length–; return temp…
  15. 说说JS中的沙箱其实在前端编码中,或多或少都会接触到沙箱,可能天真善良的你没有留意到,又可能,你还并不知道它的真正用途,学会使用沙箱,可以避免潜在的代码注入以及未知的安全问题。
  16. JS基础-完美掌握继承知识点上篇文章详细解析了原型、原型链的相关知识点,这篇文章讲的是和原型链有密切关联的继承,它是前端基础中很重要的一个知识点,它对于代码复用来说非常有用,本篇将详细解析JS中的各种继承方式和优缺点进行,希望…
  17. 掌握JS函数中的几种参数形式(函数基础)函数是一段结合在一起执行特定任务的代码,函数一般使用参数与外部进行交互。要编写简洁高效的JS代码,必须掌握函数参数。
  18. 使用psd.js将PSD转成SVG — 基础篇(文字&图片)随着发展,活动会场页面的题图运营需要线上模板化,而自研的导购素材制作平台接入了海棠-创意中心,通过平台能力,将素材模板化,并且通过配置化的方式生成多种场景化,个性化的素材。但是创意中心的素材模板是基…
  19. 面试之前,简历之上:给前端校招同学的简历建议前言:作为前端面试官老司机,之前分享过我对前端校招面试的一些见解,这次来说下简历。早就想写这个,刚好最近又刷了一批秋招提前批,看多了简历,心有所感,闲聊几句,希望对大家参加前端校招有所帮助吧!一家…
  20. Vue+nodejs(express) 实现文件上传图片上传在平时的业务开发中应该算是个标配的需求,这里分享下使用Vue和Nodejs简单的实现下该需求
  21. 如何架构一个中后台项目的前端部分(webpack + 接口配置篇)当我们的前端项目完成了技术选型阶段后,接下来所要做的便是项目的构建和配置。虽然说用脚手架能够帮助我们完成基本的目录构建和一些基础配置,但是其他很多实用的功能及特殊配置都需要自己动手实践,根据实际场…

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

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


关注我

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

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

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