20190406 前端开发日报

头条前端实习岗凉经有感;前端工具类项目规范化-使用TS;除了996 ICU,GitHub上还有哪些奇葩的项目?;可能是最被误用的 HTTP 响应头之一;使用UmiJS和DvaJS完成用户管理系统;LeetCode 之 JavaScript 解答第十五题 —— 三数之和(3Sum);用Node.js实现文件循环覆写;2019,开发者应该学习的16个JavaScript框架

  1. 头条前端实习岗凉经有感 虽然自己是计科院的学子,虽然接触前端已经一年半+,虽然系统复习理论知识体系已经一个月+,虽然又花了两周时间专门针对网上各种面经不难其烦的梳理,虽然有跟着大佬偷偷窃取头条面试第一手情报,奈何自己真的是太菜了还是被吊起来打!偷偷记个小本本,回顾一下面试时自己是多么愚钝,主要为了记录下自己面试时的心路历…
  2. 前端工具类项目规范化-使用TS TypeScript 是微软开发一款开源的编程语言,本质上是向 JavaScript 增加静态类型系统。它是 JavaScript 的超集,所有现有的 JavaScript 都可以不加改变就在其中使用。它是为大型软件开发而设计的,它最终编译产生 JavaScript,所以可以运行在浏览器、Node.js 等等的运行时环境。 TS能做什么 首先TS的定位是静态类型…
  3. 除了996 ICU,GitHub上还有哪些奇葩的项目?GitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名GitHub。是全球最大的同性交友网站,哦不,最大的程序员交流网站。
  4. 可能是最被误用的 HTTP 响应头之一 关于 “ must-revalidate”。
  5. 使用UmiJS和DvaJS完成用户管理系统 前言 对React温习差不多了,是时候尝试制作个小项目。目前使用UmiJS + DvaJS来构建项目。 UmiJS是一个可插拔的企业级 react 应用框架,具体可查看 官网文档 DvaJS是dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解…
  6. LeetCode 之 JavaScript 解答第十五题 —— 三数之和(3Sum)Time:2019/4/3Title:3SumDifficulty: mediumAuthor:小鹿
  7. 用Node.js实现文件循环覆写 这次编写Node.js项目的时候用到了日志模块,其中碰到了一个小问题。 这是一个定时执行可配置自动化任务的项目,所以输出信息会不断增加,也就意味着日志文件会随时间不断增大。 如果对日志文件大小不加以控制,那么服务器的磁盘迟早会被撑满。所以限制文件大小是有必要的。 最理想的控制方式就是当文件大小超过限制时,…
  8. 2019,开发者应该学习的16个JavaScript框架来源 | 愿码(ChainDesk.CN)内容编辑 愿码Slogan | 连接每个程序员的故事 网站 | [链接] 愿码愿景 | 打造全学科IT系统免费课程,助力小白用户、初级工程师0成本免费系统学习、低成本进阶,帮助BAT一线资深工程师成…
  9. Vue1.0+Webpack1+Gulp项目升级构建方案的踩坑路 最近半年在维护公司的一个管理后台项目,搭建之初的技术栈比较混乱,构建方案采用了 Gulp 中调用 Webpack 的方式, Gulp 负责处理 .html 文件, Webpack 负责加载 .vue 、 .js 等。而在这一套构建方案中,主要有这些问题: http-proxy-middleware 因此,在熟悉这个项目之后,打算对其构建方…
  10. 我所了解的RxJS RxJS 是使用 Observables的响应式编程的库,它使编写异步或基于回调的代码更容易,是ReactiveX编程理念的JavaScript版本。RxJS的强大之处正是它使用纯函数来产生值的能力。这意味着你的代码更不容易出错。 安装 官方安装 npm install rxjs /// 导入整个核心功能集: import Rx from ‘rxjs/Rx’; Rx.Observable.of(1…
  11. Promise 对象的理解Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了 Promise 对象。
  12. webpack4入门和多文件打包尝试 按照webpack官网的说法,webpack本质上是javascript应用程序的静态资源打包器(static module bundler),它可以将模块按照依赖和规则打包成符合生产环境部署的前端资源。webpack可以将按模块异步加载按需引用,通过loader的转换还可以将任何资源看作模块,比如css、图片、json、commonjs模块、amd模块、es6模块等。如今we…
  13. 前端工程(vue)多环境配置方案 一个前端工程从开发到上线务必会运行在多种环境中,同时会对环境变量进行相应的配置,如果使用人力去对这些变量进行维护,那么必然会出现错误,所以这个功能交给 webpack 去做最为合适。 webpack相关功能简介 webpack配置项中有一个mode选项,可配置的有 production development 两个选项,标识这次打包是用于什么…
  14. Vue 的小奇技(第十二篇):组件创建时立即调用观察者回调 虽然 Vue.js 给我们提供了在绝大多数场景下很有用的「计算属性」,但是在一些特殊情况中,你可能需要用到「观察者属性」。 默认情况下,观察者属性的回调函数仅会在被观察的属性值发生改变时被运行,这也的确符合逻辑。 举个例子,为 dog 这个数据属性定义一个观察者回调: export default { data () { …
  15. 你不知道的js 上 (1)作用域是什么? 本文会用 思维导图的形式列出本书该部分的知识点(剔除案例),构建知识脉络 。由于是导读,正文部分只会 列举部分的内容 。本文适合未读过此书的同学参考,另外读过此书的同学,如果能纯熟得答出 文初的问题 ,那么相信您对于这部分的内容可以说是记忆深刻了。 建议在阅读前了解作者的生平,背景,核心贡,献思想,…
  16. 重学JavaScript(3)–执行上下文 执行上下文是JavaScript代码被解析和执行时所在的抽象概念, 运行JavaScript代码时,每次当控制器转到可执行代码的时候,就会进入一 个执行上下文。 执行上下文可以理解为当前代码的执行环境 复制代码 JavaScript中的执行环境: 全局环境 函数环境 eval函数环境 那么也对应着三种执行上下文 执行上…
  17. JavaScript 执行机制-浏览器事件循环 大多数时候,我们去面试,都会遇到,让你说出一段代码的执行结果,或者说出其执行顺序。因为javascript是单线程的。 关于javascript javascript 是一门单线程语言,最新的H5中提出了webworker,但是单线程这个核心没有发生改变。 一切javascript“多线程”都是单线程模拟出来的 ,所有新线程都受主线程的控制,不…
  18. 如何正确使用Node.js事件事件驱动的编程变得流行之前,在程序内部进行通信的标准方法非常简单:如果一个组件想要向另外一个发送消息,只是显式地调用了那个组件上的方法。但是在 react 中用的却是事件驱动而不是调用。
  19. 第五届 CSS Conf 第五届 CSS Conf 的视频、PPT 放出来啦~
  20. JavaScript执行机制-node事件循环 在node中,事件循环表现出来的状态和浏览器大致相同,但是node有一套自己的模型。 node事件循环依靠libuv引擎,node选择chrome v8 作为js的解释器,v8将js代码分析后,去掉用node相关的api,这些api最后由libuv引擎驱动,执行对应任务,把不同事件放在不同队列等待主线程执行。 所以,实际上node中的事件循环存在于l…
  21. 手把手教你撸一个vue框架(原理篇) 前言:三月四月是招聘旺季,相信不少面试前端岗的同学都有被问到vue的原理是什么吧?本文就以最简单的方式教你如何实现vue框架的基本功能。为了减少大家的学习成本,我就以最简单的方式教大家撸一个vue框架。 一、准备 希望准备阅读本文的你最好具备以下技能: Object.defineProperty() 首先,我们按照以下代…
  22. 谈谈JavaScript中的数据类型ECMAScript 迄今为止标准定义了 7 种数据类型:6 种原始类型– String、Number、 Boolean、 Undefined、Null 和 Symbol;1 种引用类型– Object
  23. 前端人眼中的大数据生态链 “大数据并不是一个充斥着算法和机器的冰冷世界,人类的作用依然无法被完全替代。大数据为我们提供的不是最终答案,只是参考答案,帮助是暂时的,而更好的方法和答案还在不久的未来。”
  24. 详解JavaScript原型 JavaScript语言与传统的面向对象语言(如Java)有点不一样,js语言设计的简单灵活,没有class、namespace等相关概念,而是万物皆对象。虽然js不是一个纯正的面向对象语言,但依然可以对js面向对象编程。 java语言面向对象编程的基础是类,而js语言面向对象编程的基础是原型 。 原型是学习js的基础之一,由它衍生出…
  25. 总结下 javascript 中的一些小技巧 这篇文章主要记录一下平时自己实践得到的, 博客中学习的以及在一些项目源码中看到的 javascript 技巧。有些东西可以说是奇淫技巧,有些可能是 ES6+ 中一些比较具有实用性的新语法。 && 和 || 的妙用 有时候我们需要在某个函数或变量为 true 时执行另外一个函数。例如: const task1 = () => { conso…
  26. Node.js 应用故障排查手册 —— 正确打开 Chrome devtools前面的预备章节中我们大致了解了如何在服务器上的 Node.js 应用出现问题时,从常规的错误日志、系统/进程指标以及兜底的核心转储这些角度来排查问题。这样就引出了下一个问题:我们知道进程的 CPU/Memory 高,或…
  27. Node.js 葵花宝典 ​ 欲练此功,必先自宫; ​ 不必自宫,亦可练成; ​ 兄台还是好好修炼此功吧!保持一个清醒的头脑,你将驾驭这匹野马!!! —— 致读者 ​ 知识就像海洋一样,永远也学不完,但是不断精益求精是一种态度,是对新事物的一种持续保持瞻望的态度,但愿你在学习的乐园里不…
  28. 关于JavaScript 数组你应该知道的事情 首先做一个粗体声明: 循环经常是无用的,并且使得代码很难阅读。 当谈到迭代一个数组的时候,无论你想去查找元素,排序或者任何其他的事,都有可能存在一个数组的方法供你使用。 然而,尽管它们有用,但其中一些仍然不被人了解。我会努力为你展示一些有用的方法。把这篇文章当做对 JavaScript 数组方法的指引吧…
  29. React Native开发工具:Expo,React Native CLI,CocoaPods来源 | 愿码(ChainDesk.CN)内容编辑 愿码Slogan | 连接每个程序员的故事 网站 | [链接] 愿码愿景 | 打造全学科IT系统免费课程,助力小白用户、初级工程师0成本免费系统学习、低成本进阶,帮助BAT一线资深工程师成…
  30. vue单元测试vue test utils使用初探 最近在做一个项目的重构,技术选型为vue-cli 3.0 + typescript + vue-router + sass.因为我负责的模块比较少比较简单,所以老大让我先把负责部分的测试代码写好。至此我才第一次接触到测试代码,我们项目使用的测试工具是jest,与vue官方出的单元测试工具库vue-test-utils配合使用。第一次接触测试代码,开始的时候还是…
  31. Web前端安全探秘:技术理论与现实应用 *本文作者:w2sfoot,本文属 FreeBuf 原创奖励计划,未经许可禁止转载。 前言 Web前端安全是个新概念,可以理解为它是Web安全防护领域的一部分。 早些时候,曾被狭义的认为前端安全即JS安全。倒是没有错,但不全面。目前来看,应该说: 前端代码安全(JS代码安全)+ 前端攻击入侵防护功能 = Web前端安全。 …
  32. JavaScript字符串转数字的5种方法及其陷阱摘要 :JavaScript 是一个神奇的语言,字符串转数字有 5 种方法,各有各的坑法! 原文: Converting Strings to Number in Javascript: Pitfalls 译者: Fundebug 本文采用意译,版权归原作者所有 String 转换为 Num…
  33. NodeJS和命令行程序 造物无言却有情,每于寒尽觉春生。千红万紫安排著,只待新雷第一声。 —— 清.张维屏 《新雷》 源起 植根于Unix系统环境下的程序,很多都把贯彻Unix系统设计的哲学作为一种追求。Unix系统管道机制的发明者Douglas McIlroy把Unix哲学总结为三点: 专注做一件事,并做到极致。 程序协同工作。 面向通用接口…
  34. 徒手撸出Javascript 状态管理工具 DataSet ,实现数据的订阅、查询、撤销和恢复网页是用户与网站对接的入口,当我们允许用户在网页上进行一些频繁的操作时,对用户而言,误删、误操作是一件令人抓狂的事情,“如果时光可以倒流,这一切可以重来……”。当然,时光不能倒流,而数据是可以恢复的,…
  35. 最全的前端Git使用教程常见信息 {代码…} 创建新仓库 {代码…} 配置 {代码…} 添加删除文件 {代码…} 代码提交 {代码…} 分支相关 {代码…} 标签操作 {代码…} 查看信息 {代码…} 远程同步 {代码…} 其他 {代码…} 欢迎关注 …
  36. 用 JS 代码解释 Java Stream 前不久,公司后端同事找到我,邀请我在月会上分享函数式编程,我说你还是另请高明吧…… 我也不是谦虚,我一个前端页面仔,怎么去给以 Java 后端开发为主的技术部讲函数式编程呢?但是同事说你还是试试吧。然后我就去先试着准备下。 由于我最近在学函数式领域建模(Functional Domain Modeling),一开始我想讲下 Scala,…
  37. vue自定义指令–directiveVue中内置了很多的指令,如v-model、v-show、v-html等,但是有时候这些指令并不能满足我们,或者说我们想为元素附加一些特别的功能,这时候,我们就需要用到vue中一个很强大的功能了—自定义指令。
  38. vue表单验证你真的会了吗?组件之表单验证(form)validate 很久没有写文章了,学习了一下webpack,基础的一些组件,今天带来form表单验证组件(element.iviewui)的一期教程(作为一个菜鸡毕竟经历众多项目可以给一些新手一点提示 (QQ群技术讨论)838293023备注(github进来的 游泳健身了解一下: github 技术文档 技术文档会持续更新 内容总结 原理解释 派…

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

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


关注我

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

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

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