20200327 前端开发日报

# React 实践揭秘之旅,中高级前端必备(下);如何制作自己的原生 JavaScript 路由;面试专题总结:Vue 知识总结;写给女朋友的中级前端面试秘籍(含详细答案,15k级别);如何自己实现 JavaScript 的 new 操作符?;Vue高级指南-02 Vue.js源码深入解析;Vue源码之nextTick;HTML5(五)Geolocation

  1. # React 实践揭秘之旅,中高级前端必备(下)上一篇文章我们主要实现了 JSX 在 WebGL 上的渲染与更新,对 虚拟DOM 和 Diff 有了更深的了解,但相比于我们使用的 React,还缺乏了之中很重要的一环 --- 组件模式。
  2. 如何制作自己的原生 JavaScript 路由 每日前端夜话 第299篇 翻译: 疯狂的技术宅 作者:@js_tut 来源:freecodecamp 正文共:2497  字 预计阅读时间:7 分钟 当你想到路由时,通常会想到类似 React 之类的库。但实际上,这些库和框架仍然使用 vanilla JavaScript 。那么该怎么实现呢? 我希望这个“JavaScript 路由...
  3. 面试专题总结:Vue 知识总结 希望读者依此构建自己的知识树(思维导图) 偷懒一下:可参考我自己总结思维导图 : 点这里 附带:高频面试题积累文档。 来自于(学长、牛客网等平台) 自己开发的博客地址: zxinc520.com github地址: 点击 此篇 js - 【vue 知识总结】 知识点: 全部弄懂了,面试很容易。 我的博客【MVVM 和 vue】参...
  4. 写给女朋友的中级前端面试秘籍(含详细答案,15k级别) 什么是BFC?什么条件下会触发?应用场景有哪些? 关于bfc,可以看看三元大佬总结的文章 这篇文章里,顺便也把外边距重叠的问题讲了一下。 JS基础篇 讲讲JS的数据类型? 最新的 ECMAScript 标准定义了 8种数据类型: 7 种原始类型 Boolean Null Undefined Number BigInt Strin...
  5. 如何自己实现 JavaScript 的 new 操作符?new 大家肯定都不陌生,单身没有对象的时候就 new 一个,很方便。那么它在创建实例的时候,具体做了哪些操作呢?今天我们就来一起分析一下。
  6. Vue高级指南-02 Vue.js源码深入解析 目前社区有很多 Vue.js 的源码解析文章,很多大牛写的都非常详细,但说到底。光看文章自己不去研究源码和总结笔记,终究不会深入了解和记忆。 本篇文章将自己研究 Vue.js源码的一些内容做成笔记并且记录下来。加深印象和理解,俗话说读书百遍不如手写一遍。 理解什么是MVVM模式? MVC 模式是指用户操作会请求服务...
  7. Vue源码之nextTick 今天我们开始讲一下 Vue 的 nextTick 方法的实现,无论是源码还是开发的过程中,经常需要使用到 nextTick , Vue 在更新 DOM 时是异步执行的,只要侦听到数据变化, Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被多次触发,只会被推入到队列中一次。这种在缓冲时去除重...
  8. HTML5(五)Geolocation HTML5 Geolocation 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。 注意:Geolocation(地理定位)对于拥有 GPS 的设备,比如 iphone,地理定位更加精确。 geography 地理; location 位置; Geo+location 地理...
  9. 前端常见面试-请求篇对于前端来说,请求是前端日常工作必备的,通过请求才能与后端进行数据交互,尤其在现在前后端分离的开发模式下,请求显得就更加重要。因此,对于前端开发者来说,掌握请求就很重要。下面将从http请求和常见的几...
  10. 纯手动搭建 React 项目 创建项目目录 初始化 npm 项目 npm init -y 复制代码 初始化 git 项目 # 初始化项目 git init # 添加 .gitignore echo "/node_modulesn/build" >> .gitignore # 关联远程仓库 git remote add origin <url> 复制代码 二、 Webpack 配置 2.1 基础配置设置 创建文件 /src/in...
  11. 100多行代码实现js或者jquery版的类似juejin的预览图片功能预览图片是一个很常用的业务功能,比如掘金的预览图片功能,下面我们就来模拟实现一个类似掘金的简单预览图片功能(PS:最终实现动画效果不如掘金,可自行扩展,还有就是嵌套的元素与掘金的方式也有区别)。
  12. console.log(typeof typescript === 'javascript' ) --- 浅谈typescript 前言 记录下学习typescript的小结,也算是尝试着自己写些东西,从一个前端开发的角度去看待typescript这个新生物(2020年了,它不新了,是个老东西了,嘿嘿)。 what ? 首先说说typescript是个什么东西,哦,它不是个东西,它是一种基于js的扩展语言,更强调数据的类型,在我看来更像一个工具,一个规范前端代码,...
  13. 手把手教你用GoEasy实现Websocket IM聊天经常有朋友问起GoEasy如何实现IM,今天就手把手的带大家从头到尾用GoEasy实现一个完整IM聊天,全套代码已经放在了github。
  14. vue在线动态切换主题色方案主要原理是利用webpack插件webpack-theme-color-replacer提取相关颜色css然后根据配置动态生成替换的css具体实现步骤如下:1.添加webpack插件,新建文件webpack/themePlugin.js
  15. 聊聊 OkHttp 实现 WebSocket 细节,包括鉴权和长连接保活及其原理 一、序 OkHttp 应该算是 Android 中使用最广泛的网络库了,我们通常会利用它来实现 HTTP 请求,但是实际上它还可以支持 WebSocket,并且使用起来还非常的便捷。 那本文就来聊聊,利用 OkHttp 实现 WebSocket 的一些细节,包括对 WebSocket 的介绍,以及在传输前如何做到鉴权、长连接保活及其原理。 ...
  16. GitBook 入门教程之比较代码块差异 diff 插件 gitbook-plugin-diff-badge-wechat.png 在 markdown 文档中显示代码之间的差异的 Gitbook 插件 English | 中文 主页 Github : https://snowdreams1006.github.io/gitbook-plugin-diff/ GitLab: https://snowdreams1006.gitlab.io/gitbook-...
  17. Flutter 设置控件是否可见 共有两种实现比较简单的方式 第一种比较好理解,将一个控件的透明度设置成0,打到隐藏的目的。 class _HideAndShowPageState extends State<HideAndShowPage> { bool visible = true; @override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( t...
  18. FlutterBoost 1.0 到 2.0,我一共做了这几件事... 背景 一定规模的App开发如要引入Flutter开发体系,因某些原因如底层二、三方Native库或页面调用,不可避免需要混合开发的能力,但Flutter本身是个单容器的应用,纯粹引入SDK会遇到页面在Flutter和Native跳转无法流畅切换,没有统一的路由管理等问题。我们发布的FlutterBoost1.0能很好的解决这些问题(文档参考...

更多内容请关注同名公众号【前端开发博客】每日更新
20200327 前端开发日报

原文:20200327 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200327.html)