20190706 前端开发日报

JavaScript 数据结构与算法之美 – 递归;JS里我才知道的东西;来看看我们为你开的六月前端小灶~;微前端如何落地?;读《进化:从孤胆极客到高效团队》;React 学习(二):深入浅出 JSX;JavaScript设计原则&&常用设计模【瞅一眼这波不亏】;【Vue原理】Slot – 源码版之作用域插槽

  1. JavaScript 数据结构与算法之美 – 递归前言 算法为王。 排序算法博大精深,前辈们用了数年甚至一辈子的心血研究出来的算法,更值得我们学习与推敲。 因为之后要讲有内容和算法,其代码的实现都要用到递归,所以,搞懂递归非常重要。 1. 定义 方法或函…
  2. JS里我才知道的东西 我告诉大家一个写作心得,文章是靠改的。我的文章通常要改六七次,看上去像一气呵成,其实花费很多精力。 ——《木心专访》 译文原链: air.ghost.io/js-things-i… 导读:2017年底,本文作者 Nick 通读了 MDN 文档,发现了一些之前不知道的 JS 特性和 API,于是写了一篇简短的小文。作者说:“这份简短的清…
  3. 来看看我们为你开的六月前端小灶~ 【阿里云 TXD 前端月刊】- 热门前端技术快报,聚焦业界新视界;前端领域急速发展的节奏从未停歇,在这个过去的六月里,来看看我们为您准备了那些前端小灶吧~ 欢迎订阅&  投稿 编辑: 尹挚 校对: 佐七 学习专栏 这里整理了一份 35 个 VS Code 提高开发效率和体验的高级功能列表,包含用法和视频展…
  4. 微前端如何落地?在过去的几星期里,随着 Martin Fowler 博客上,那篇 Cam Jackson 写的微前端的文章发布,到处都在讨论 Microfrontend。作为一个微前端 “专家”,我也分享一下:如何去落地微前端。
  5. 读《进化:从孤胆极客到高效团队》2016年,我从一家中型的IT公司离职,这短短一年经历了人生的起起伏伏。因为表现突出转正后从一名基层开发被领导提拔为部门前端方向负责人,所谓的技术leader。而就在我真的达到公司的事就是我的事的精神状态短短…
  6. React 学习(二):深入浅出 JSX 虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 文 | 川川 如果不习惯读文章,文末可看视频 或者扫下方二维码 如需高清视频,后台可回复【re…
  7. JavaScript设计原则&&常用设计模【瞅一眼这波不亏】【前言】 最近阅读了《JavaScript设计模式与开发实践》,收货颇丰,于是想写一点总结及感想 写一篇文章对于我的意义在于: {代码…} 这种过程大概叫费曼学习法,图解:(图片来自网络,侵删) 这篇文章我想表达…
  8. 【Vue原理】Slot – 源码版之作用域插槽 写文章不容易,点个赞呗兄弟 专注 Vue 源码分享,文章分为白话版和 源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧 研究基于 Vue版本 【2.5.17】 如果你觉得排版难看,请点击 下面链接 或者 拉到 下面 关注公众号 也可以吧 【Vue原理】Slot – 源码版之作用域插槽 今天探索S…
  9. 一道前端面试题引发的思考直接开始题目是 {代码…} 说句实话开发中谁写成这样保证会被打死。 不过面试就是面试,有面试官的考量点。 我理解的点有两个 1、隐式类型转换 先说说隐式类型转换有几种情况 先说条件判断 == String和Number比较…
  10. vue日历组件 最近业务需求需要一个日历组件,要求可切换周视图和月视图,并且可以显示日程安排及事件标注。 看了下网上已有的日历组件, fullcalendar 插件star还挺多的,文档也挺全面的,但是使用起来不够简便,和我司的应用场景也有些许出入,考虑再三决定还是重新封装一个日历组件。 组件封装 整体思路如下: 1、将涉及日…
  11. 在 JavaScript 中对象的深拷贝(及其工作原理)[每日前端夜话0x8F] 每日前端夜话 0x8F 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:1300 字 预计阅读时间:6 分钟 作者:Chris Chu 翻译:疯狂的技术宅 来源: alligator 如果你打算用 JavaScript 进行编码,那么就需要了解对象的工作方式。对象是 JavaScript 最重要的元素之一…
  12. 细说JS循环方法 传统的JS循环方法,while,do while,for与其他语言类似,本文不做过多描述,更多的集中在: 常见遍历方法for-in、for-of、entires、Object.keys、Object.getOwnProperty比较。 数组遍历map、forEach、reduce、every、some、fiter方法的比较。 常见遍历方法 for-in:遍历数组索引、对象的属性,用于遍…
  13. 徒手撸个vue项目框架(下) 写这篇文章的目的,更多是让自己更熟悉vue-cli脚手架创建项目的依据和项目结构,其次是希望我的学习过程可以帮到有疑惑的同学,有什么错误还希望可以得到指教 为什么要分上、下,因为最近学习react.js,发现项目框架除了使用的js库不同(vue.js、react.js),配置基本上是大同小异的 这也是我占坑(脸大)的理由 …
  14. 在Typescript项目中,如何优雅的使用ESLint和Prettier   对于Typescript项目的编码规范而言,主要有两种选择ESLint和TSLint。ESLint不仅能规范js代码,通过配置解析器,也能规范TS代码。此外由于性能问题,TypeScript 官方决定全面采用ESLint,甚至把仓库作为测试平台,而 ESLint 的 TypeScript 解析器也成为独立项目,专注解决双方兼容性问题。   最近在我的项目的编码规…
  15. 学一点Webpack配置:基本配置 这两天朋友圈流行这么一张图: 多么形象的展示了前端学习的曲线图。真可谓是一言难尽呀,现在的前端真不好学,乱而杂。如果你要是再看看@Kamran Ahmed整理的 2017年 、 2018年 和 2019年 现代Web开发者要掌握的 Roadmap ,估计更会泪崩: 点击这里可以查看大图 。 现状是如此,未来可能会更混乱,但…
  16. 你掌握了吗?——js数据类型隐式转换 众所周知javascript是一种弱类型语言。强类型和弱类型主要是站在变量类型处理的角度进行分类的。强类型是一旦指定数据类型,如果不经过强制转换,那么将永远是指定的这个类型。js中无法声明数据类型,变量类型是根据实际值决定的,由编译器自动调用转换函数进行转换,这种方式称之为隐式转换,今天我们就来谈谈数据类型…
  17. 在vue中实现Monaco Editor自定义提示功能可以看到,它可以根据用户输入的内容来一项一项排除,只显示完全匹配的那一项。项目的框架是Vue,编辑器用的是Monaco Editor。
  18. 了解JS的原型链和继承 当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。 eg1: var n = new Number(1) n.toString() // "1" 复制代码 1.调用toString方法时,会先在n实例上查找这个属性,没…
  19. #关于Vue SSR的一点看法 SSR,意为 Server Side Rendering(服务端渲染),目的是为了解决单页面应用的 SEO 和首屏渲染速度慢的问题,对于一般网站影响不大,但是对于需要做SEO的网站是致命的,搜索引擎无法抓取页面相关内容,也就是用户搜不到此网站的相关信息。 2.为什么要用SSR? 客户端渲染需要:加载html=>解析html=>加载js=>…
  20. Vue.js 中的实用工具方法 收集日常开发中常用到的一些工具方法, 包含 vue 的公用过滤器、公用指令等 (PS: 懒人养成记) 公用自定义过滤器 import Vue from ‘vue’ import moment from ‘moment’ /** * @filter dateFormat 时间格式化 * @param {String, Date} value 可被 new Date 解析的字符串 * @param {String} formatStr moment 的 form…
  21. 记一次前端项目重构要点总结不知不觉已是2019年的7月,恍惚之间已工作四年。懵懵懂懂的成长,间歇性努力,实话说,对现在自己取得的成果不大满意。不过,好在时不时顿悟,知道适时作出改变。

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

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


关注我

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

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

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