20191118 前端开发日报

19 个来自 2019 React Conf 的总结;前端程序员必备的面试题整理;如何通过 JavaScript 编写高质量的函数(四):函数式编程之实战篇;webpack从入门到进阶;前端高性能队列应用实践探秘;CSS 值类型文档大全;JSON.stringify 居然还能这样用?;前端图片相关的知识总结

  1. 19 个来自 2019 React Conf 的总结React Conf ⚛️已经正式结束。有很多精彩的演讲,人物,活动,当然还有美食。我还在整理整个活动,但是就这次会议而言,这是迄今为止我参加过的最好的活动。
  2. 前端程序员必备的面试题整理 正在持续更新中… ,路过的朋友,可以关注一下~~~ 30,v-model是本质是? v-model:是一个语法糖,本质是 :value 与 @input <Son2 :value="counter" @input="newValue=>counter = newValue"></Son2> <Son2 v-model="counter"></Son2> 复制代码 31…
  3. 如何通过 JavaScript 编写高质量的函数(四):函数式编程之实战篇 【编写高质量函数系列】,往期精彩内容: 《如何通过 JavaScript 编写高质量的函数(1) — 敲山震虎篇》介绍了函数的执行机制,此篇将会从函数的命名、注释和鲁棒性方面,阐述如何通过 JavaScript 编写高质量的函数。 《如何通过 JavaScript 编写高质量的函数(2)– 命名/注释/鲁棒篇》从函数的命名…
  4. webpack从入门到进阶 在我们平时的开发中,会经常使用到webpack,但很多时候我们都不做任何配置(webpack4)也可以进行开发,但是默认的配置真的够我们使用了吗?所以本文将带你开启webpack的大门。 前置知识篇 学习webpack前先让我们一起学习下必要的辅助概念 路径知识 在此之前我们有必要了解下webpack中会使用到的NodeJS路径知识:N…
  5. 前端高性能队列应用实践探秘 导语 bull可以让node快速实现异步调用、流量削峰、分布式定时任务,进一步打破前端在高并发、分布式方面的限制。 本篇内容涵盖前端遇到的一些复杂的应用场景及实践经验,希望能给大家提供一些不一样的思路。 背景 2019年的今天,nodejs已经成为了前端研发必备的技术,几乎所有的前端团…
  6. CSS 值类型文档大全 作者整理了近五十个 CSS data type,这些基础的概念对于理解新的 CSS 世界体系非常重要。
  7. JSON.stringify 居然还能这样用?JSON.stringify 这个 API 想必大家都用过,可以帮助我们将数据解析成字符串类型,如下的例子:
  8. 前端图片相关的知识总结 图片的知识分为三部分 html 和 css 对图片的处理要求 js 处理图片 上传图片 一、html 和 css 对图片处理的要求 这一部分,全是结论性的东西,只说结论。 图片和文字在移动端垂直居中问题(其实跟图片没啥关系) 没什么特别好结局,话说这跟图片没任何关系,为蛇么说这个?主要是 ui 验收,ui 同事会…
  9. 前端面试每日 3+1 —— 第214天今天的知识点 (2019.11.16) —— 第214天 (我也要出题) [html] HTML5中required属性有什么应用场景? [css] 实现文本的竖向排版 [js] js如何实现打印指定的区域? [软技能] 你了解我们公司吗?说说你对我们公司的了…
  10. GitHub 将开源软件保存 1000 年:为了留给子孙后代 GitHub宣布开放Arctic Code Vault(“北极代码库”)的计划。 这些代码将存放在挪威斯瓦尔巴特一个现已弃用的煤矿中,这是被选为存放全球种子库的同一座城市。斯瓦尔巴特是地球上最北端的城市之一,永久冻土可以延伸到地下数百米处。档案管理员认为,寒冷和接近恒定的自然条件有助于保存。 所有开源项目的代…
  11. Vue响应式数据原理2.0 数据模型仅仅是普通的 JavaScript 对象,但是对这些对象进行操作时,却能影响对应视图,简而言之,就是 你动我也动 。 它的核心实现就是「 响应式系统 」,核心内容为 Object.defineProperty 使用方法如下: /* obj: 目标对象 prop: 目标对象的属性名 descriptor: 描述符 return value 传入对…
  12. 阿里 11 年,从应届生到双 11 前端 PM “ 坚持不断的思考、通过技术优势带来叠加价值,在过程中不断成长。”
  13. 如何使用24行JavaScript代码实现Redux90%的规约,10%的库。 Redux是迄今为止创建的最重要的JavaScript库之一,灵感来源于以前的艺术比如Flux和Elm,Redux通过引入一个包含三个简单要点的可伸缩体系结构,使得JavaScript函数式编程成为可能。如果你是…
  14. 浅谈JS中的BOM和DOM 事件就是用户或浏览器自身执行的某种动作.事件可能是用户在某些内容上的点击、鼠标经 过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小。 通过使用 JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事…
  15. 为Vuex添加同步Action 为什么要添加同步Action? 在某些操作中,如获取内存中的数据时,需要立即返回对应的值,而Vuex的Action规定了只能返回一个Promise,这时,如果我们想获取返回值就需要使用then或者await,代码就会变得不直观,而如果触发Mutation再从State获取值也是同理,所以如何能让Action不是异步的又能保持和Vuex的Action拥有一样…
  16. Web Worker串行加载优化 问题:worker的串行加载问题 最近在开发wasm播放器,流媒体解析、音视频编解码都是重CPU的操作,如果在主线程完成,有可能会导致性能不佳。因此,打算采用worker来降低主线程的负担。 这个时候会遇到个问题,如果采用类似 new Worker(workerFilePath) 的方式来初始化worker,会出现主文件、worker文件串行加载的问…
  17. 你不知道的js 读书笔记–this解析 this指向规则 函数在执行过程中的调用位置决定this的指向 一、默认绑定(独立函数调用) 函数直接使用不带任何修饰的函数引用进行调用复制代码 function foo() { console.log(this.a); } var a = 2; foo(); // 2 复制代码 但是如果使用严格模式,则this指向的是undefined,而不是全…
  18. CSS backdrop-filter 简介与苹果 iOS 毛玻璃效果 Chrome 76+ 已经原生支持 CSS backdrop-filter 属性,类似 iOS 手机的毛玻璃效果。
  19. 前端性能和错误监控这几天心血来潮,想了解一下前端监控的相关知识,可是在查看了很多资料之后,发现没有详细介绍前端监控的相关文章,都是讲个大概,反倒是现成的前端监控工具有不少。
  20. 前端开发环境搭建系列(三)包管理工具 前端开发环境搭建系列主要内容 开发工具 浏览器及其插件 包管理工具(本章) 接口调试工具 代码管理工具 收藏夹内容推荐 前端包管理工具 话说现在前端包管理工具其实非常多,接下来我们一一给大家列举一下 npm cnpm yarn bower npm NodeJs内置npm,他们安装是结合在一起的 …
  21. 编写可维护的现代化前端项目 “对于三年及以下的技术人员来说,最重要的事情其实还是多写代码,并且在写的同时多思考……”
  22. 从new Vue到Hello World(上) 自打8个月前发布了自己的第一篇文章开始就立下了flag,会继续出vue的相关知识,但那时候继续深入的时候才发现自己基础知识与一些思维还没有跟的上,看的也是云里雾里的感觉,遂暂时“鸽”置了计划。大半年的磨练,以及前一段时间对element-ui的尝试性探究,感觉到应该已经到了那个时机,于是也就有了本篇文章。好了废话不…
  23. node 自动化webpack多页面打包原理 1. 目标 学会node 的基本fs,path模块的操作。 学会自动生成webpack多页面入口文件。即对应插件。 2. 已知前提 webpacck 手动多页面打包不能,就是在entry中增加多个js入口,然后在html-web-plugin 中增加对应的多个插件就行了。如下: module.exports = { entry: { app: ‘./src/main.js’, t…
  24. AngularJS之动态生成select下拉框 <select> <option value="0">HTML</option> <option value="1">Java</option> <option value="2">Python</option> </select> 复制代码 其中, value 是存储到数据库的值,在此处为0,1,2这些数值, label 为显示在页面的…

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

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


关注我

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

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

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