20191108 前端开发日报

渐进的了解渐进式框架Vue;前端面试每日 3+1 —— 第204天;Vue2.X和Vue3.0数据响应原理变化;vue学习笔记-遗留问题记录;Node.js 在微医的应用场景及实践;Vue 3 对 Web 应用性能的改进;现代 JavaScript 教程 —— 条件运算符:if 和 '?';Rollup.js: 开源JS库的打包利器

  1. 渐进的了解渐进式框架Vue 原理: Object.defineProperty劫持数据变换,更新dom 事件监听,改变数据 <body> <main> <input type="text" id="input"> <br/> <label>值:<span id="span"></span></label> </main&…
  2. 前端面试每日 3+1 —— 第204天今天的知识点 (2019.11.06) —— 第204天 (我也要出题) [html] 说下你对DOM树的理解 [css] 手写一个使用css3旋转硬币的效果 [js] 举例说明document.execCommand有哪些用途 [软技能] 你知道什么是区块链吗? 《论语…
  3. Vue2.X和Vue3.0数据响应原理变化 defineProperty 定义对象的属性,只不过属性里的get和set实现了响应式。 常用: value属性值 get set writeable 是否可写 enumrable 可遍历 Vue从改变一个数据到发生改变的过程 Vue2.X数据响应原理 创建页面,实现延时2s修改对象的值。 <!DOCTYPE html> <html> &l…
  4. vue学习笔记-遗留问题记录 Node.js是什么?对node.js的理解 官网解释:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。 这是一种通过JavaScript语言开发web服务端的东西 Node 是一个服务器程序。但是,基础 Node 产品肯定不 像 Apache 或 Tomcat node.js有非阻塞,事件驱动I/O等特性,从而让高并发(high concurrency)在…
  5. Vue 3 对 Web 应用性能的改进有关即将发布的 Vue.js 的第 3 个主要版本的信息越来越多。通过下面的讨论,虽然还不能完全确定其所有内容,但是我们可以放心地认为,它将是对当前版本(已经非常出色)的巨大改进。 Vue 团队在改进框架 API 方面…
  6. 现代 JavaScript 教程 —— 条件运算符:if 和 '?' 有时我们需要根据不同条件执行不同的操作。 我们可以使用 if 语句和条件运算符 ? (也称为“问号”运算符)来实现。 "if" 语句 if(…) 语句计算括号里的条件表达式,如果计算结果是 true ,就会执行对应的代码块。 例如: let year = prompt(‘In which year was ECMAScript-2015 specification p…
  7. Rollup.js: 开源JS库的打包利器Rollup 是一个 JavaScript 模块打包器,说到模块打包器,自然就会想到 webpack。webpack 是一个现代 JavaScript 应用程序的静态模块打包器,那么在 webpack 已经成为前端构建主流的今天,为什么还要用 Rollup 呢?
  8. Immutable.js结合React的使用 immutable.js 是 Facebook 开源的一个项目,用于实现 javascript 的数据不可变,解决引用带来的副作用。 不变的数据(Immutable Data )一旦创建就无法更改,从而可以简化应用程序开发,进行防御性复制,并可以使用简单的逻辑实现高级的备忘和更改检测技术。持久数据提供了一个可变API,该API不会就地更新数据,而是始终…
  9. git bash命令及git bash下vim编辑器命令大全这样的文章其实网上一搜一大把,但是我发现很多文章要不是内容不全,要不就是或多或少存在错误,比如缺少空格等,因此我整理了一份比较全的git bash命令及git bash下vim编辑器命令,希望能帮助到更多的初学者。
  10. 重磅微软发布 Visual Studio Online:Web 版 VS Code + 云开发环境 今天(北京时间 2019 年 11 月 4 日),在 Microsoft Ignite 2019 大会上,微软正式发布了 Visual Studio Online 公开预览版! 今天发布的 Visual Studio Online 与五月份发布的 Visual Studio Code Remote Development 可以说是微软今年在开发工具领域最重磅的两个新产品了。 概览 Visual Studio On…
  11. Go Web 小技巧(二):GORM 使用自定义类型 不知道大家在使用 Gorm 的时候,是否有遇到过复杂类型 ( map, struct…) 如何映射到数据库的字段上的问题? 本文分别介绍通过实现通用接口和 Hook 的方式绑定复杂的数据类型。 一、GORM 模型定义 type User struct { gorm.Model Name string Age sql.NullInt64 Birthday …
  12. 如何通过 WebRTC 开发实时互动 AI 视频应用 项目背景 前段时间负责一个人脸和手势识别的可视化大屏项目,前端需要负责的主要任务是:通过获取摄像机实时视频流,将获取到的视频流在canvas上播放,然后每隔1000ms抽帧,并在压缩后通过保持WebSocket连接发送给后端服务器。经过服务器上的AI视觉模型算法处理后,前端接收人脸识别、手势识别及其他相关结…
  13. 如何用 HTML 打印一个六边形 欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:”算法与编程之美”,欢迎关注,及时了解更多此系列文章。 问题描述 六边形在我们网页的制作中,运用得并不是特别广泛。但在一些制作精美,要求创新的一些网页上,我们还是不难看到六边形的身影,如下图1.1所示。用六边形组合…
  14. 开源 | Auto.js:支持无障碍服务的 Android 平台上的 JavaScript IDE 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 项目介绍 一个支持无障碍服务的 Android 平台上的 JavaScript IDE,其发展目标是 JsBox 和 Workflow。特性 由无障碍服务实现的简单易用的自动操作函数 悬浮窗录制和运行 更专业 & 强大的选择…
  15. 35 道咱们必须要清楚的 React 面试题上个月自己花了 1300 买了阿里的服务器来学习 node 及对应的框架,在 11 号之前它们有做活动,1300 的配置现在一年只要 86 元,三年只要229元,真心觉得很划算了,可以点击下面链接进行参与:
  16. 妈妈:我会写Vue-CLI插件了 引用官方的一段话: CLI 插件是一个可以为 @vue/cli 项目添加额外特性的 npm 包。它应该始终包含一个作为其主要导出,且可选的包含一个和一个。 通常我们需要将自己的一些配置/公用组件抽出来,以供各个项目使用,在其他使用 cli 创建的工程可以使用 vue add oview 的方式自动引入。 二、Vue-cli 插件目录结构 …
  17. 关于部署vue项目-windows篇看过一些帖子,有些问题,我还没遇到过。所以就自己的经历来发布这个帖子。服务器,基于的是腾讯云的 最低配置。
  18. Promise: 给我一个承诺,我还你一个承诺 为何产生promise? 在 Promise 出现以前,我们处理一个异步网络请求,需求大概是这样:我们需要根据第一个网络请求的结果,再去执行第二个网络请求,再根据第二个网络请求的结果去执行第三个请求~,需求是永无止境的,于是乎出现了如下代码: 请求1(function(){ // 一些其他操作 请求2(function(请求1结果){ …

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

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


关注我

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

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

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