20200204 前端开发日报

用一道题目来验证你的JS功底,真香~;【JavaScript】请不要把Object和JSON混为一谈;01.JavaScript基础系列:数据类型及类型转换;Viz.js 之二分图 BiPartite(二):多维比例数据展示;完整地讲一下Typescript;js 中 this,apply,call,bind 详解;javascript实现链表数据结构 和 反转单链表方法;面相 vue 开发者的 react 入坑指南

  1. 用一道题目来验证你的JS功底,真香~ 鼠年的春节只有三个字’宅~宅~宅’,宅来无事想起之前碰到的一个JS题目,感觉还是蛮有趣的,放出来大家一起思考下~ 首先我们说一下题目(需求来了,面对疾风吧~) /** * 请写出两种或两种以上实现方法满足: execute 对应的id按顺序打印 * PS: 尝试只修改start函数体 * * 输出结果参考: * id 0 * id 1 * id …
  2. 【JavaScript】请不要把Object和JSON混为一谈 什么是JSON { "name": "小徐", "experience": 2.5, "hobbit": } 什么是Object var o = { name: ‘小吴’, age: 22, height: 185 } 为什么会被混为一谈 原因很简单: 这两个东西长得很…
  3. 01.JavaScript基础系列:数据类型及类型转换 计算机程序的运行需要对值进行操作,能够表示并操作的值的类型称做数据类型(type)。程序需要将值保存起来以备将来使用时,便将其赋值给一个变量,变量是一个值的符号名称,可以通过名称来获得对值的引用。 数据类型的分类 原始类型 数字 字符串 布尔值 对象类型 对象是属性的集合,每个属性都由…
  4. Viz.js 之二分图 BiPartite(二):多维比例数据展示 Viz.js 系列的 Viz.js 之二分图 BiPartite (一) ,介绍了二分图相关的背景与理论概念。本文承上启下,介绍二分图在实际项目中的使用: 多维度比例数据展示 。 维度比例数据展示 比例数据展示的基础流程如下: 下面结合流程,并附上相关的代码实现进行说明。 源数据准备 源数据是一个数组,数组元…
  5. 完整地讲一下Typescript   Typescript作为ECMA的实现,javascript的超集,目前已经广泛在项目中使用。typescript是什么?有什么具体功能?这些已经被大家写得差不多了。在这里,我不再赘述ts的作用,而是直接用起来,从一个初学者角度告诉大家一些使用typescript的心得。下文将会完整地讲解一下typescript各个方面的具体用法,力求在我总结之余…
  6. js 中 this,apply,call,bind 详解 JavaScript 中关于 this、apply、call、bind 的介绍文章已经有很多了,看的越多,越会一头雾水。下面从常见的应用场景来说明上述这些概念可能会容易理解一些。 this this 代表 函数 运行时的环境。注意是函数,是函数,还有就是 运行时 ! function hello(){ console.log(this) // window } hello() 复制代码…
  7. javascript实现链表数据结构 和 反转单链表方法 对于一个切图调接口写vue写久了的前端er来说,这还挺有趣的,也比较初级,算法大佬直接忽略吧。 1 js实现单链表 链表是什么,和数组有什么区别,这个就不展开说明了。 原生js没有链表,所以封装一个简易版的。代码如下,其实一点也不难。 function LinkedList() { // 封装一个Node类, 用于保存每个节点信息 …
  8. 面相 vue 开发者的 react 入坑指南 问:为什么吾辈要使用 React? 答:React 拥有更加庞大的生态,以及对 TypeScript 的更好支持。 前者让需求实现变得更加简单,例如目前使用 Vue 做的后台管理系统使用了 Ant Design Vue 这个 UI 库,而它的上游 Ant Design 实际上官方维护的是 React 版本,而 Vue 并不是 亲儿子 ,导致一些问题并不像官方那么快…
  9. 从头为 Vue.js 3 实现 Vuex 原文:https://medium.com/@lachlanmiller_52885/vue-3s-alpha-has-been-out-for-a-while-now-but-no-vue-3-vuex-yet-c73b26389978 Vue 3 的 alpha 版本已经放出有些日子了,但是大多数核心库都还没赶上趟 — 说得就是 Vuex 和 Vue Router 了。让我们来使用 Vue 3 新的反应式 API 实现自己的罢。 为了让事情变…
  10. 来你是这样的Websocket–抓包分析 之前自己一个人负责完成了公司的消息推送服务,和移动端配合完成了扫码登录、订单消息推送、活动消息广播等功能。为了加深自己对Websocket协议的理解,自己通过进行抓包的方式学习了一番。现在分享出来,希望对大家能有所帮助。 Chrome控制台 (1)F12进入控制台,点击Network,选中ws栏,注意选中Filter。 …
  11. BigPipe和微前端你可能听说过 BigPipe,这是一个十多年前的技术,而 BigPipe 通常都会跟“性能优化”同时被提起。微前端也是一个很早被提出的技术,但是最近几年才开始比较流行。而目前微前端能够解决的最大的问题恐怕就是遗留系统…
  12. 钉钉开放与商业化团队前端大量招人跪求前端 急缺前端!急缺前端!急缺前端! 阿里巴巴常规福利(13 薪、3-6 月年终奖、7 天以上带薪年假等) 钉钉期权,钉钉相对于阿里集团,有自己独立的期权,想象空间大 团队妹子多,妹子多的团队有时候也是个烦…
  13. vue 源码学习(一)入门和响应式原理vue 版本为 2.6.11 博客的篇幅有点大,如果觉得比较繁琐的,可以跳着看,里面也没有粘大量的源码,我会吧git上源码的链接贴出来,大家可以对照着源码链接或者把源码下载下来对照着看
  14. 深入Node.js的进程与子进程:从文档到实践欢迎关注Github仓库,这是一个自2018年起持续更新的前端&算法开源博客。目前已有node学习、js面试笔记、css3动画设计、webpack4系列教程、设计模式、剑指offer·js版等多个系列。仓库地址:[链接]
  15. 修改vue源码实现动态路由缓存 动态路由 修改vue源码实现动态路由缓存 动态路由 官网解读 :我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果。 即如…

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

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


关注我

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

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

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