20180617 前端开发日报

JavaScript 如何实现 GPU 加速?;如何用JavaScript手动实现一个栈;如何使用@vue/cli 3.0在npm上创建,发布和使用你自己的Vue.js组件库;异步解决方案—-Promise与Await;深入理解javascript系列(十):模块化与闭包;前端架构之路(6) – 组件化;Vue 折腾记 – (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化;更可靠的 React 组件:单一职责原则

  1. JavaScript 如何实现 GPU 加速? 一、什么是Javascript实现GPU加速? CPU与GPU设计目标不同,导致它们之间内部结构差异很大。 CPU需要应对通用场景,内部结构非常复杂。 而GPU往往面向数据类型统一,且相互无依赖的计算。 所以,我们在Web上实现3D场景时,通常使用WebGL利用GPU运算(大量顶点)。 但是,如果只是通用的计算场景呢?比如处…
  2. 如何用JavaScript手动实现一个栈 什么是栈(Stack) 栈是一种遵从后进先出(LIFO)原则的有序集合。 新添加的或待删除的元素都保存在栈的末尾,称为栈顶,另一端叫栈底。 在栈里,新元素都靠近栈顶,旧元素都接近栈底 现实中的例子 在生活中也能发现很多栈的例子。例如,厨房里堆放的盘子,总
  3. 如何使用@vue/cli 3.0在npm上创建,发布和使用你自己的Vue.js组件库 译者按: 你可能npm人家的包过成千上万次,但你是否有创建,发布和使用过自己的npm包? 原文: How to create, publish and use your own VueJS Component library on NPM using @vu
  4. 异步解决方案—-Promise与Await 前言 异步编程模式在前端开发过程中,显得越来越重要。从最开始的XHR到封装后的Ajax都在试图解决异步编程过程中的问题。随着ES6新标准的到来,处理异步数据流又有了新的方案。我们都知道,在传统的ajax请求中,当异步请求之间的数据存在依赖关系的时候,就可能产生
  5. 深入理解javascript系列(十):模块化与闭包 如果想在所有的地方都能访问同一个变量,那么应该怎么办呢? 在实践中这种场景很多,比如全局的状态管理。 但前面我们介绍过,在实际开发中,不要轻易使用全局变量,那又该怎么办呢?模块化的思维能够帮助我们解决这个问题。 模块化开发是目前最流行,也是必须要掌握的一种开发思路。而模块化其实是建立在单例…
  6. 前端架构之路(6) – 组件化组件化就是将项目中可以共用的代码提取出来,单独成一个组件,以便在多个地方调用此组件,这样便可以做到只维护一份代码,而不需要每次更新都要改多个地方,而且还不能保证都一样。
  7. Vue 折腾记 – (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化 前言 @vue/cli v3从开始到现在已经经历了四个月的迭代(目前RC2), 除了终端初始化的姿势,还引入了一个新的项目初始化姿势; Web端的初始化,体验了一下,效果很不错;所以记录一下. 后方多图,感兴趣的可以瞧瞧,不感兴趣的请止步,免得浪费你的时间,谢
  8. 更可靠的 React 组件:单一职责原则 原文摘自:https://dmitripavlutin.com/7-architectural-attributes-of-a-reliable-react-component/#6testableandtested 当只有唯一的原因能改变一个组件时,该组件
  9. JavaScript深拷贝的一些坑 前言 之前去一家公司面试的时候,面试官问了我一个问题,说:"如何才能深拷贝一个对象"。当时我心里有些窃喜,这么简单的问题还用想吗?于是脱口而出:"平时常用的有两种办法,第一种用JSON.parse(JSON.stringify(obj)),第二种可以使用fo
  10. Node.js项目拆包工程化 背景 在我们开发的过程中,经常会遇到这样的问题,开发完了一些代码或者一个接口,别的小伙伴过来问你,代码可不可以给他复用,接口可以给他调用。这说明代码的复用和抽象对团队协作是很重要的。举个例子,如下图 在这幅图中A服务先开发的,B服务开
  11. WKWebView的15条应用指南 WKWebView是iOS的重要部分,在任何时间地点都能提供高性能网络渲染。 在这篇文章里,我汇总了15条最常用的WKWebView案例,并提供了我验证过的代码解决方案。所以如果你想解决某个具体问题,或想看看WebKit能够做些什么,请往下看! 1.让一个web view充满屏幕 有时候你会看到有人向viewDidLoad()中添加代码,创建一…
  12. JavaScript tips —— 关于下载与导出的二三事 前言在项目中经常会遇到下载或导出服务端资源的需求,一般分为2种做法获取文件流,编码后下载获取文件的url,直接下载本文主要探讨第二种方法,在最后会提及文件流的方法。浏览器的安全策略在介绍方法之前,我们需要知道浏览器的一些安全机制,防止恶意代码对用户的破坏。现代
  13. 从零开始,在 Redux 中构建时间旅行式调试 原文地址:Build time travel debugging in Redux from scratch 原文作者:Trey Huffine 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:老教授 校对者:DM.
  14. 20180616 前端开发日报】vue-cli 3.0 使用全过程讲解;【JSConf EU 2018】Ryan Dahl: Node.js 的设计错误;深入理解javascript系列(九):应用闭包;一份超全的深度学习模型 GitHub 集合;如何检查Javascript中的内存泄漏;nodejs脚本自动上传ft…详情→ ​​​

    20180616 前端开发日报
  15. React Native项目自动化打包发布 今天这篇文章的目的是在rn项目的构建,并不会涉及到rn框架或者使用的讲解,说起构建,特别是前端构建大家应该很快会想到webpack、Grunt、 Gulp等。而这些工具在rn项目中就显得有些鸡肋。所以在此给大家分享一下不使用构建工具实现rn项目自动化打包发布的
  16. 手把手教你 vue-cli 单页到多页应用 vue-cli到多页应用 前言:我有一个cli创建的vue项目,但是我想做成多页应用,怎么办,废话不多说,直接开撸~ 约定:新增代码部分在//add和//end中间 删除(注释)代码部分在//del和//end中间,很多东西都写在注释里

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

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


关注我

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

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

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