20191018 前端开发日报

Vue3.0简单认识;一文轻松搞懂Vuex;javascript的一些命名约定;Vue中JSX的基本用法,以及如何使用JSX二次封装Element UI的Table组件;“寒冬”三年经验前端面试总结(含头条、百度、饿了么、滴滴等)之手写题(一);vuex + keep-alive实现tab标签页面缓存;在vue3源码中学会typescript – "is";webpack 更新日志(一)

  1. Vue3.0简单认识 更小 更快(*) 加强TypeScript支持(*) 加强API设计一致性 提高自身可维护性 开放更多底层功能 更快 Object.defineProperty -> Proxy (颗粒度更大) Virtual Dom 重构 更多编译优化:slot默认编译为函数(不存在父子组件强耦合),Momomorphic vnode factory,Compiler-generated…
  2. 一文轻松搞懂Vuex 概念: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式(官网地址: vuex.vuejs.org/zh/ )。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 换成我们大白话来说:Vuex就是一个状态管理模式,可以简单的理解为一个全局对象,然后我们可以修改这个全局对…
  3. javascript的一些命名约定 这篇小文章主要是通过一些例子来介绍一些Javascript中一些关于命名变量,函数,类或者是组件的通用约定。虽然这些规则并不是强制性的,但是呢,他们却被一些JS社区所广泛采用,所以,了解他们还是很有必要的。 Javascript命名约定:变量 由于Javascript是大小写敏感的,因此,如果有几个变量,其仅仅是大小写不一样,…
  4. Vue中JSX的基本用法,以及如何使用JSX二次封装Element UI的Table组件 JSX是React出的一种对JavaScript的语法扩展。 在Vue中大多数情况推荐使用模板语法,通过template中的Vue指令进行快速开发。但是template也是存在一些缺陷的,扩展难度大,造成逻辑冗余。这时候我们就需要 JavaScript 的完全编程能力,结合 render函数 与 JSX 进行功能扩展。 基础用法 1. 嵌入表达式 在JSX中,…
  5. “寒冬”三年经验前端面试总结(含头条、百度、饿了么、滴滴等)之手写题(一)不论是寒冬还是暖冬,找工作之前都需要做好充足的准备,面试的时候才能做到游刃有余。此文是把我最近找工作准备的以及笔试面试中涉及到的手写题做一个总结。给自己,也给需要的同学。手写题是比较好准备的一个环…
  6. vuex + keep-alive实现tab标签页面缓存 在开发很多管理系统过程之中,常遇到这种需求,需要对打开路由页面进行缓存,然后在系统页眉提供方便查阅的tab标签进行切换以及对已经缓存页面进行数据刷新和清除数据操作。具体演示如下图所示: 在上面演示中实现了类似 window tab 标签页效果,会对当前数据进行缓存。在浏览器中实现对路由页面的缓存可以…
  7. 在vue3源码中学会typescript – "is" vue3:fire:是用 typescript 实现的, 所以我认为他的源码是我们学习tyepscript的 最佳实践 , 下面我就用他源码中的实例让大家学会使用typescript的" is "特性. "is"是用来干什么的? 是一种类型推断表达式的关键字, 通过和函数返回值的比较, 从而"缩小"参数的类型范围.:angry:看完这…
  8. webpack 更新日志(一) 早期,webpack 的目的是允许在浏览器中运行大多数 node.js 模块,但是模块整体格局发生了变化,现在许多模块的主要用途是以编写前端为目的。webpack <= 4 附带了许多 Node.js 核心模块的 polyfil,一旦模块中使用了任何核心模块(即 ”crypto“ 模块),这些模块就会被自动启用。 虽然这使得为 Node.js 编写模块变得简…
  9. Moment.js常用API速查日常开发经常会用Moment.js来处理时间,现对频繁使用的几个API做下整理,以便日后查阅。 获取时间 {代码…} 格式化时间 {代码…} 转化为JS原生Date对象 {代码…} 设置时间 {代码…} 比较时间 {代码…}
  10. 【JS 口袋书】第 6 章:JS 中的闭包与模块全局变量使用容易引发bug,咱们经常教导尽量不要使用全局变量,尽管全局变量在某些情况下是有用的。 例如,在浏览器中使用JS时,咱们可以访问全局window对象,window中有很多有用的方法,比如:
  11. 适合前端Vue开发童鞋的跨平台Weex基于 Vue 技术栈的你如果需要选用一种移动端跨平台框架,是 Weex?React-Native?还是Flutter? 无疑,相对于后两者,因为你现在已有比较熟练的 Vue 基础,如果在其他条件一致的情况,Weex 无疑是最佳选择;但是 W…
  12. 使用 Travis-CI 自动化部署 GitHub Pages 一直听闻持续集成的大名, 这次借着在GitHub Pages部署博客来体验一下。 目前已实现当推送一个新的commit到 我的GitHub仓库 master分支, Travis-CI 就会自动执行构建, 并在构建完成后将生成的 HTML 等内容发布到gh-pages分支。 大致流程如下: 所谓借助Travis-CI自动构建,无非就是把原本需要自己手动执…
  13. Python 命令行之旅:使用 argparse 实现 git 命令 “Python猫” ,一个值得加星标的公众号 剧照 | 《仙剑奇侠传》 前言 在前面三篇介绍argparse的文章中,我们全面了解了argparse的能力,相信不少小伙伴们都已经摩拳擦掌,想要打造一个属于自己的命令行工具。 本文将以我们日常工作中最常见的git命令为例,讲解如何使用argp…
  14. Go 中实例演示 json 的 map 和 struct 便捷处理转化今天简单谈一些 JSON 数据处理的小知识。近期工作中,因为要把数据库数据实时更新到 elasticsearch,在实践过程中遇到了一些 JSON 数据处理的问题。
  15. 基于 HTML5 WebGL 智能城市的模拟运行智能城市建设是一个系统工程:首先实现的是城市管理智能化,由智能城市管理系统辅助管理城市,通过管理系统人们可以监视城市的运行,了解城市每天中发生的变化,以及及时的根据这些变化做出相应的管理;其次是包…
  16. webpack 5 之持久化缓存 首先,要注意的是默认情况下不会启用持久化缓存。你可以自行选择启用。 为何如此? webpack 旨在注重构建安全而非性能。 我们没有打算默认启用这一功能,主要原因在于此功能虽然有 95% 几率提升性能,但仍有 5% 的几率中断你的应用程序/工作流/构建。 这可能听起来很糟,但相信我它并非如此。 只不过需要开发人员进行…
  17. [Vue] 有时候你不需要 $emit & $on在此之前,子组件到父组件的传递事件我一般还是使用 $emit 和 $on,因为这个操作理解起来并不难,代码一般也挺清晰。

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

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


关注我

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

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

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