腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

大史住在大前端

专栏作者

106

文章

132376

阅读量

36

订阅数

一统江湖的大前端（10）——inversify.js控制反转

容器 typescript javascript 面向对象编程

Angular是由Google推出的前端框架，曾经与React和Vue一起被开发者称为“前端三驾马车”，但从随着技术的迭代发展，它在国内前端技术圈中的存在感变得越来越低，通常只有Java技术栈的后端工程师在考虑转型全栈工程师时才会优先考虑使用。Angular没落的原因并不是因为它不够好，反而是因为它过于优秀，还有点高冷，忽略了国内前端开发者的学习意愿和接受能力，就好像一个学霸，明明成绩已经很好了，但还是不断寻求挑战来实现自我突破，尽管他从不吝啬分享自己的所思所想，但他所接触的领域令广大学渣望尘莫及，而学渣们感兴趣的事物在他看来又有些无聊，最终的结果通常都只能是大家各玩各的。

大史不说话

2021-03-02

3.2K0

【带着canvas去流浪（15）】threejs fundamentals翻译系列1-scene graph

数据结构图像处理 javascript

本文是three.js系列博文的一篇，第一篇文章是【three.js基础知识】，如果你还没有阅读过，可以从这一篇开始，页面顶部可以切换为中文或英文。

大史不说话

2020-05-12

1.6K0

【一统江湖的大前端（9）】TensorFlow.js 开箱即用的深度学习工具

tensorflow 神经网络 node.js javascript api

TensorFlow是Google推出的开源机器学习框架，并针对浏览器、移动端、IOT设备及大型生产环境均提供了相应的扩展解决方案，TensorFlow.js就是JavaScript语言版本的扩展，在它的支持下，前端开发者就可以直接在浏览器环境中来实现深度学习的功能，尝试过配置环境的读者都知道这意味着什么。浏览器环境在构建交互型应用方面有着天然优势，而端侧机器学习不仅可以分担部分云端的计算压力，也具有更好的隐私性，同时还可以借助Node.js在服务端继续使用JavaScript进行开发，这对于前端开发者而言非常友好。除了提供统一风格的术语和API，TensorFlow的不同扩展版本之间还可以通过迁移学习来实现模型的复用（许多知名的深度学习模型都可以找到python版本的源代码），或者在预训练模型的基础上来定制自己的深度神经网络，为了能够让开发者尽快熟悉相关知识，TensorFlow官方网站还提供了一系列有关JavaScript版本的教程、使用指南以及开箱即用的预训练模型，它们都可以帮助你更好地了解深度学习的相关知识。对深度学习感兴趣的读者推荐阅读美国量子物理学家Michael Nielsen编写的《神经网络与深度学习》（英文原版名为《Neural Networks and Deep Learning》），它对于深度学习基本过程和原理的讲解非常清晰。

大史不说话

2020-04-21

9310

【一统江湖的大前端（8）】matter.js 经典物理

javascript 游戏

在前端开发领域，物理引擎是一个相对小众的话题，它通常都是作为游戏开发引擎的附属工具而出现的，独立的功能演示作品常常给人好玩但是无处可用的感觉。仿真就是在计算机的虚拟世界中模拟物体在真实世界的表现（动力学仿真最为常见）。仿真能让画面中物体的运动表现更符合玩家对现实世界的认知，比如在《愤怒的小鸟》游戏中被弹弓发射出去小鸟或是因为被撞击而坍塌的物体堆，还有在《割绳子》小游戏中割断绳子后物体所发生的单摆或是坠落运动，都和现实世界的表现近乎相同，游戏体验通常也会更好。

大史不说话

2020-03-12

3.2K1

Web高性能动画及渲染原理（1）CSS动画和JS动画

Web动画的本质是元素状态改变造成的样式变更，CSS动画和JS动画的区别并不是由语言来决定的，而是由两者的特点和适用场景来判断的。CSS动画简洁高效，提升交互体验而编写的代码可以轻松地和主要业务逻辑之间实现隔离，开发中建议优先使用；而当你需要更丰富的缓动函数，多对象关联动画或是需要在动画执行的特定时间点关联一些其他的业务逻辑等需要细节控制的场景中，JS动画就会显得更加清晰且易维护，两者从来都不是非黑即白的选项。

大史不说话

2019-10-16

7.5K0

Stanford公开课《编译原理》学习笔记（2）递归下降法

编程算法 java javascript

课程里涉及到的内容讲的还是很清楚的，但个别地方有点脱节，建议课下自己配合经典著作《Compilers-priciples, Techniques and Tools》(也就是大名鼎鼎的龙书）作为补充阅读。

大史不说话

2019-10-08

9660

【带着canvas去流浪（14）】Three.js中凹浮雕模型的生成方式

javascript github git 开源

浮雕模型，简单地说就是在木板上刻字时所形成的效果，如果把字的部分都剔除掉，就得到一个凹浮雕模型，如果把字以外的部分都剔除掉，就得到一个凸浮雕模型。本文分别对利用Three.js在Web环境中生成凹浮雕模型时的几种策略进行讲解。

大史不说话

2019-09-25

2.4K0

Vue+ElementUI项目使用webpack输出MPA

webpack javascript 打包 html element ui

为另一个项目提供可嵌入的功能单页，大部分页面使用时都是独立功能页，个别页面带有左侧边栏（相当于3-4个页面的整合形态），由于资源定位地址的限定，每个页面打包为单页后，入口html文件需要定制命名，且脚本和样式文件需要放在指定的路径下，公共资源地址也必须替换成特殊字符以适配母系统的调用逻辑（比如下面结构中应用jquery.min.js的路径可能是{{publicRoot}}/{{publicLib}}/jquery.minjs）。假设原工程中拥有AB这2个旧页面，现在需要开发CDE这3个页面，目录结构要求如下：

大史不说话

2019-08-27

1.2K0

【带着canvas去流浪（12）】用Three.js制作简易的MARVEL片头动画（上）

编程算法 javascript

通读完上一篇博文中提及的教程，觉得应该搞个大作业巩固一下所学的知识，想起刚上映的漫威宇宙第三阶段收官之作《蜘蛛侠·英雄远征》，于是决定仿一个MARVEL的片头动画作为three.js的课后练习，使用的版本是R104版本。本节先来解决视频贴图的问题。

大史不说话

2019-07-22

3.1K0

【带着canvas去流浪（11）】Three.js入门学习笔记

官方文档 javascript 图像处理

官方文档中的新手示例过于简单，所以本节对Three.js中的概念进行一些补充描述：

大史不说话

2019-07-15

3.8K0

如何查看jsplumb.js的API文档(YUIdoc的基本使用)

github api git 开源 javascript

最近向一些同事推荐了网页中实现流程图绘制的工具库jsplumb.js，Community版本是开源的，在github的官方仓库的Wiki中能够找到社区版的官方指南，非常非常详细。但是在后来很多人反馈说找不到API文档，github官方仓库中的API文档链接失效了，jsplumb.js官网也找不到。

大史不说话

2019-07-11

2K0

【nodejs原理&源码赏析（6）】深度剖析cluster模块源码与node.js多进程（下）

编程算法 socket编程 javascript

前两篇博文中已经分别介绍了使用cluster模块建立集群时主进程执行cluster.fork( )方法时的执行逻辑，以及net模块在不同场景下建立通讯的基本原理。本篇继续分析cluster模块，从第一个子进程开始建立服务器讲起，cluster基本用法示例代码再来一遍：

大史不说话

2019-06-15

7620

【nodejs原理&源码赏析（5）】net模块与通讯的实现

socket编程 javascript tcp/ip

net模块是nodejs通讯功能实现的基础，nodejs中最常用的功能就是作为WebServer使用，建立服务器时使用的http.createServer就是在net.createServer方法的基础上建立的。前端最熟悉的http协议属于应用层协议，应用层的内容想要发送出去，还需要将消息逐层下发，通过传输层（tcp,udp），网际层(ip)和更底层的网络接口后才能被传输出去。net模块就是对分层通讯模型的实现。

大史不说话

2019-06-11

1.1K0

【nodejs原理&源码赏析（4）】深度剖析cluster模块源码与node.js多进程（上）

javascript 编程算法 node.js unix

cluster模块是node.js中用于实现和管理多进程的模块。常规的node.js应用程序是单线程单进程的，这也意味着它很难充分利用服务器多核CPU的性能，而cluster模块就是为了解决这个问题的，它使得node.js程序可以以多个实例并存的方式运行在不同的进程中，以求更大地榨取服务器的性能。node.js在官方示例代码中使用worker实例来表示主进程fork出的子进程，使得前端开发者在学习过程中非常容易和浏览器环境中的worker实现的多线程混淆。为了容易区分，我们和node官方文档使用一致的名称，用集群中的master和worker来区分主进程和工作进程，用worker_threads来描述工作线程。

大史不说话

2019-06-02

9960

【nodejs原理&源码赏析（3）】欣赏手术级的原型链加工艺术

node.js 面向对象编程 javascript

原型链是javascript非常重要的基础知识。最近在阅读node.js，发现许多代码乍一看会觉得很费解，但细细品味之后会觉得非常优雅，对于代码细节的把控和性能的考量让人觉得赞叹。不得不说看大师级的作品真的是一种享受。本篇中我将以cluster模块中子进程管理对象Worker类的实现为例，带你一起看看堪称艺术的代码是如何像手术一样操作原型链，同时理解本节的知识点对于下一篇cluster模块的学习压力。

大史不说话

2019-05-25

5310

javascript基础修炼(12)——手把手教你造一个简易的require.js

javascript 编程算法网站

许多前端工程师沉浸在使用脚手架工具的快感中，认为require.js这种前端模块化的库已经过气了，的确如果只从使用场景来看，在以webpack为首的自动化打包趋势下，大部分的新代码都已经使用CommonJs或ES Harmony规范实现前端模块化，require.js的确看起来没什么用武之地。但是前端模块化的基本原理却基本都是一致的，无论是实现了模块化加载的第三方库源码，还是打包工具生成的代码中，你都可以看到类似的模块管理和加载框架，所以研究require.js的原理对于前端工程师来说几乎是不可避免的，即使你绕过了require.js,也会在后续学习webpack的打包结果时学习类似的代码。研究模块化加载逻辑对于开发者理解javascript回调的运行机制非常有帮助，同时也可以提高抽象编程能力。

大史不说话

2019-05-14

1.3K0

KOA中间件的基本运作原理

koa express javascript node.js

在中间件系统的实现上，KOA中间件通过async/await来在不同中间件之间交换控制权，工作机制和栈结构非常相似，建议结合《express中间件系统的基本实现》对比学习，两个框架所基于的语法特性有区别（express使用ES5的回调风格语法，KOA使用ES7的扁平式异步async/await风格语法），但在框架基本原理上是很类似的，只是中间件写法和遍历机制稍有不同。

大史不说话

2019-03-11

8090

2018年8月中级前端开发推荐书籍

css javascript 编程算法缓存数据结构

推荐理由：曾经有一个前端大神说过，如果你想成为前端架构师，首先你得忘记自己是个前端。

大史不说话

2019-03-01

7870

React组件方法中为什么要绑定this

react javascript

上例仅仅是一个组件类的定义，当在其他组件中调用或是使用ReactDOM.render( )方法将其渲染到界面上时会生成一个组件的实例，因为组件是可以复用的，面向对象的编程方式非常适合它的定位。根据this指向的基本规则就可以知道，这里的this最终会指向组件的实例。

大史不说话

2019-03-01

8350

【响应式编程的思维艺术】（3）flatMap背后的代数理论Monad

java javascript

原文中在http请求拿到获取到数据后，最初使用了forEach实现了手动流程管理，于是原文提出了优化设想，试图探究如何依赖响应式编程的特性将手动的数据加工转换改造为对流的转换，好让最终的消费者能够拿到直接可用的数据，而不是得到一个响应后手动进行很多后处理。在代码层面需要解决的问题就是，如何在不使用手动遍历的前提下将一个有限序列中的数据逐个发给订阅者，而不是一次性将整个数据集发过去。

大史不说话

2018-12-28

5910

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态