20190802 前端开发日报

前端必看的数据可视化入门指南;前端动画专题(二):输入框特效;Doka.js 找到利基市场每月 3 千美元;回到基础:JavaScript API;理解JavaScript异步编程;Vue2.5+迁移至Typescript指南;手把手教你D2C,走向前端智能化;Vue2.0源码阅读笔记(五):模板编译

  1. 前端必看的数据可视化入门指南这是一篇给大家提供数据可视化开发的入门指南,介绍了可视化要解决的问题和可以直接使用的工具,我将从下面几个方面给大家介绍,同时以阿里/蚂蚁的可视化团队和资源举例说明:
  2. 前端动画专题(二):输入框特效本文来自「心谭博客」的《动画设计·输入框特效》,更多文章放在了Github欢迎交流和Star 特效一览 划线动态: 动态边框: 划线动态 效果图 原理和代码 :before 和 :after伪元素指定了一个元素文档树内容之前和之后…
  3. Doka.js 找到利基市场每月 3 千美元 此文是一篇译文,也是「IndieMaker独立变现」人物志系列文章之一 原作者:Rik Schennink,Doka.js 创作者 原文:https://www.indiehackers.com/interview/how-i-capitalized-on-an-established-market-and-grew-to-3k-mo-3aa3037d0c Hello,你的背景是什么,你在做什么? Hi, 我是Rik Schennink…
  4. 回到基础:JavaScript APIJavaScript 有许多可用的 API,通常被定义为浏览器 API或第三方 API。我们来分别学习它们。
  5. 理解JavaScript异步编程 JavaScript是单线程编程语言,这意味着同一时间只能发生一件事情。也就是说,JavaScript引擎只能在一个线程的同一时间里处理一个语句。 单线程语言简化了我们的编程,因为你不用担心并发问题,但这也意味着在执行像网络请求这样耗时的操作的时候,会堵塞主进程的进行。 想象着从一个API接口请求一些数据,在某些情况…
  6. Vue2.5+迁移至Typescript指南Javascript本身是动态弱类型的语言,这样的特点导致了Javascript代码中充斥着很多Uncaught TypeError的报错,给开发调试和线上代码稳定都带来了不小的负面影响。而Typescript提供了静态类型检查,使很多类型错误…
  7. 手把手教你D2C,走向前端智能化这几年来 AI 来势汹汹,在部分领域应用也逐渐成熟。前端发展至今,我们也有许多成熟的前端解决方案代码,有大量的设计稿,我们是否能够结合智能化的能力将一个 Design 变成一个 Code (设计转代码,简称 D2C)来…
  8. Vue2.0源码阅读笔记(五):模板编译 在使用Vue进行实际开发的过程中,大多数时候使用模板来创建HTML,模板功能强大且简洁直观,最终模板会编译成渲染函数,本文主要介绍模板编译的具体过程。 一、编译入口 Vue从能否处理 template 选项的角度分为两个版本: 运行时+编译器 、 只包含运行时 。 运行时+编译器 版本也被称为 完整版 。 只包含运行时 比 …
  9. git submodules 如何容纳百川子模块 有种情况我们经常会遇到:某个工作中的项目需要包含并使用另一个项目。 也许是第三方库,或者你独立开发的,用于多个父项目的库。现在问题来了:你想要把它们当做两个独立的项目,同时又想在一个项目中使…
  10. Node.js后端开发笔记后续 – 2 前言 续上篇文章 Node.js 后端开发笔记后续 – 1 利用 Sequelize-Cli 工具已经完成表结构设计以及数据填充,下面使用 Sequelize 插件库本身的数据模型 model 的查询能力来实现表查询。 Sequelize 连接 MySQL 数据库 Sequelize 连接数据库的核心代码主要就是通过 new Sequelize ( database , username , …
  11. JavaScript sort()使用方法默认排序方法 默认排序是根据UniCode码的顺序排序 {代码…} 升序排列 {代码…} 降序排列 {代码…} 按照数组对象的某个属性值排序 {代码…}
  12. react开发vscode插件推荐由于本人主要是做react开发,用的代码编辑器是传说中的宇宙第一前端神器vscode, 所以在这里记录并推荐一些本人开发过程中常用的一些vscode插件帮助开发。
  13. JS 调试示例 在写 node 应用或者 react 应用时,经常需要看一些库的源码,而在看源码时,除了一个顺手的 IDE 外,学会调试也至关重要。因此,我把常见的调试的一些小问题记录下来。 本文链接: shanyue.tech/post/js-deb… Return Value 如何通过调试获取函数的返回值 当函数返回的是一个表达式时,如何在 debug 中,在…
  14. Web和Android中的Reactive 笔者刚入行的时候,做的是Android客户端开发。虽然从事的时间不长,但稍微了解一点基本的概念。后来阴差阳错从事Web开发,一直到现在,所以现在多多少少对Web领域有一丁点的见解。因为这样,所以有时候会思考下二者的共性,想找一下二者相同的点。最近有两个问题,一直萦绕着: React 中有 state , props 的概念…
  15. 从理解源码开始学习Vuex(二) 前言 通过笔者上篇文章的介绍,相信大家对 Vuex 的基本实现逻辑应该有了一个大概的了解,今天笔者想要介绍的呢就是这一个 Vuex 的 modules 部分。 这个时候就有人问了, modules 部分为啥不和上文一起介绍完呢?其实当时笔者也有想过一篇文章把 Vuex 的 state 、 getters 、 mutations 、 actions 以及今天的重点…
  16. 为vue3学点typescript, 解读高级类型直达 第一课, 体验typescript 第二课, 基础类型和入门高级类型 第三课, 泛型 第四课, 解读高级类型 回顾 第二课的时候为了更好的讲解基础类型, 所以我们讲解了一部分高级类型, 比如”接口( interface )” / “联合类…
  17. 浅谈 Web 应用的内存优化 随着 Web 应用复杂程度越来越高,以及 NodeJS 大规模投入生产环境,许多 Web 应用都会长时间运行, JavaScript 的内存管理显得更为重要。 JavaScript 具备自动回收垃圾的机制, 执行环境会负责管理代码在执行环境过程中使用的内存,将某些不再被使用的的变量所占用的内存释放掉,正因如此,大多数情况我们在前端开发的…
  18. ThreeJs 认识材质 材质和纹理有那么一点微妙的关系,纹理决定了物体的表面,而材质则决定了物体的“气质”,比如说,反射度,光滑度,金属感,塑料感或者玻璃的模仿等。当然,在 ThreeJs 中,纹理想要被展示出来是要被依附在材质中的。 二、概述 ThreeJs 中定义了非常丰富的材质,其类图如下。 从类图上看,定义了非常多的…
  19. 从JavaScript到Python之异常 不少前端工程师看到这个标题可能会产生质问: 我js用得好好的,能后端能APP,为什么还要学习Python? 至少有下面两个理由: 学习曲线。ES6之后的JavaScript(TypeScript)的在语法上和Python有很多异曲同工的地方,所以学习曲线非常平滑,上手难度很低。 应用场景。JavaScript虽然是web开发的王者,但是其在…
  20. go webssh 简单例子 (基于gin+ws+ssh) 项目地址 https://github.com/hequan2017/go-webssh go-webssh go版本 webssh 核心 本项目代码来自 https://github.com/dejavuzhou/felix ,只是把里面的webssh拿出来,修改了一下,做成webssh,特此说明.有需要可以查看此项目。 安装 修改 core/ssh.go 里面的账号密码地址等信息。 也可以自己修改成用密…
  21. 彻底理清前端单页面应用(SPA)的实现原理 【精读源码】随着React Vue前端框架的兴起,出现了Vue-router,react-router-dom等前端路由管理库,利用他们构建出来的单页面应用,也是越来越接近原生的体验,再也不是以前的点击标签跳转页面,刷新整个页面了,那么他们的原…
  22. 关于css margin,你需要知道的一切当我们学习CSS时,我们大多数人学到的第一件事是CSS中盒子的各个部分的细节,这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin,即盒子周围的透明区域,它会将其他元素从盒子内容中推开。
  23. 【JS篇】8个JS编程的好习惯 该篇内容译自 github clean-code-javascript 项目精选内容,想看具体完整文档,请跳转链接 clean-code-javascript 这篇文章列举了8种平时在js编码过程中应该养成的良好习惯。分别以goodCode(好代码)badcode(坏代码)区分。希望大家在以后的codeing过程中,加以注意。因为是意译,如有不妥 请大佬多加指正。 正文…

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

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


关注我

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

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

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