1 天前 / 雇个城管打天下
本文翻译自“Building a Dynamic Tree Diagram with SVG and Vue.js”，点击文章底部「阅读原文」即可查看 本文将会带你了解到我是如何创建一个动态树图的，该图使用 SVG（可缩放矢量图形）绘制三次贝塞尔曲线（Cubic Bezier）路径并通过 Vue.js 以实现数据响应。 在开始前，先让我们来看一个 demo(http://svg-tree-diagram.surge.sh/)。 基于 SVG 和 Vue.js 框架的强大功能，我们可以轻松创建基于数据驱动、可交互和可配置的图表与信息图。 该图是一个三次贝塞尔曲线的集合，它基于用户提供的数据，从单点出发，并在不同的点结束，且点和点......
1 天前 / Fundebug
(给技术最前线加星标，每天看技术热点) 原创：技术最前线（id：TopITNews） 今天 Hacker News 首页有个热门消息，是大佬 Fabrice Bellard 在 7 月 9 日发布的新作品：QuickJS JavaScript 引擎。 JS 引擎是执行 JavaScript 代码的程序或解释器，它以某种形式将JavaScript编译为字节码。有个大家熟知的 JS 引擎是 V8，由 Google 用 C++ 实现的。 QuickJS 是一个可嵌入的小巧 Javascript 引擎。它支持 ES2019 规范，包括模块、异步生成器和代理。它还支持数学扩展，比如大整数(BigInt)、大浮点数(BigFloat)和操作符重载。 QuickJS ......
19 天前 / 冷星1024
原文：https://www.freecodecamp.org/news/the-complexity-of-simple-algorithms-and-data-structures-in-javascript-11e25b29de1e/ 译者：zhicheng 校对者：Chengjun.L 提示：文中的蓝色字体大家可以点击文末“阅读原文”在 freeCodeCamp 中文论坛访问链接 在之前的文章迈向计算科学的一步：JS 里的简易算法和数据结构里，我们讨论了简易的算法 (线性和二分搜索；冒泡、选择、插入排序) 以及数据结构 (数组、键值对对象)，这里将继续讨论算法和数据结构的复杂度概念及其应用。 复杂度复杂度是衡量程序复杂程度的一个指标。对于算法和数......
19 天前 / u134271
this.windowWidth = window.innerWidth;this.windowHeight = window.innerHeight;window.onresize = () => {this.windowWidth = window.innerWidth;this.windowHeight = window.innerHeight;}this.canvasContext = document.querySelector("#animationCanvas").getContext("2d");
24 天前 / 冷星1024
对象着手 在谈原型链之前，先了解对象。所有引用类型（函数，数组，对象）都拥有__proto__属性（隐式原型） 所有函数拥有prototype属性（显式原型）（仅限函数） 原型对象：拥有prototype属性的对象，在定义函数时就被创建 prototype与__proto__两个概念prototype：此属性只有构造函数才有，它指向的是当前构造函数的原型对象。 proto：此属性是任何对象在创建时都会有的一个属性，它指向了产生当前对象的构造函数的原型对象，由于并非标准规定属性，不要随便去更改这个属性的值，以免破坏原型链，但是可以借助这个属性来学习，所谓的原型链......
28 天前 / ConardLi
导读使用Electron开发客户端程序已经有一段时间了，整体感觉还是非常不错的，其中也遇到了一些坑点，本文是从【运行原理】到【实际应用】对Electron进行一次系统性的总结。【多图，长文预警～】 本文所有实例代码均在我的github electron-react上，结合代码阅读文章效果更佳。另外electron-react还可作为使用Electron + React + Mobx + Webpack技术栈的脚手架工程。 一、桌面应用程序桌面应用程序，又称为 GUI 程序（Graphical User Interface），但是和 GUI 程序也有一些区别。桌面应用程序 将 GUI 程序从GUI 具体为“桌面”，使冷冰冰的像块木......
45 天前 / ConardLi
导读变量和类型是学习JavaScript最先接触到的东西，但是往往看起来最简单的东西往往还隐藏着很多你不了解、或者容易犯错的知识，比如下面几个问题： JavaScript中的变量在内存中的具体存储形式是什么？ 0.1+0.2为什么不等于0.3发生小数计算错误的具体原因是什么？ Symbol的特点，以及实际应用场景是什么？ [] == ![]、[undefined] == false为什么等于true代码中何时会发生隐式类型转换？转换的规则是什么？ 如何精确的判断变量的类型？ 如果你还不能很好的解答上面的问题，那说明你还没有完全掌握这部分的知识，那么请好好阅读下面的文章吧。......
70 天前 / RedHoodSu
写文章Licia 支持小程序的 JS 工具库RedHood希望自己变得更好5 人赞同了该文章导语Licia是一套在开发中实践积累起来的实用 JavaScript 工具库。该库目前拥有超过 300 个模块，同时支持浏览器、node 及小程序运行环境，提供了包括日期格式化、md5、颜色转换等实用模块，可以极大地提高开发效率。 前言因为小程序运行的是 JavaScript 代码，传统前端所使用的 JS 库理应也能够被用在小程序中才对。然而，经过实际测试，你会发现有相当一部分 npm 包是无法直接在小程序中跑起来的。比如前端工程师十分常用的 lodash，在小程序中引入会报错。 为什么会......
77 天前 / 噶牛爱尚
首发于nodejs源码分析写文章nodejs之js调用c++初探theanarkh分享技术，交流技术，欢迎关注公众号编程杂技11 人赞同了该文章nodejs的很多功能都是通过c++或者通过c++层调用libuv层实现的，nodejs是如何在js层面调用c++的呢？在nodejs里，使用c++层的功能主要有两种方式，第一种就是调用全局变量process，Buffer等，第二种就是通过process.binding函数。 1 process、buffer等全局变量首先来看第一个种。在nodejs启动的过程中。在Environment::Start函数中生成了process对象。 // 利用v8新建一个函数auto process_template = FunctionTemplate::New(......
83 天前 / 噶牛爱尚
首发于夜曉宸写文章从前端角度彻底搞懂 DIP、IoC、DI、JS曉宸90 人赞同了该文章在这个标题中，除了 JS 是乱入之外，其它的几个词汇都是存在一个共同点的，那就是依赖。 那么，依赖是什么呢？比如，现在我正在写这篇博客文，但是我得在电脑上编辑，电脑便是我完成这件事的依赖。而在代码中，最直观的体现是模块之间的依赖。如某个模块依赖另外一个模块，那么另外的那个模块就是该模块的依赖。其实在上篇博客文章《JaVaScript中的模块》中，我们也手写了一个模块依赖管理器。 依赖这个理解起来很简单，但这不代表可以随意的依赖。在写模块的时候，......
87 天前 / Aelous
文/北妈 阅读本文需要5.1分钟 一 人的观念和喜好其实对一个成年人，而且有自己特定思想的人来说很难转变，比如生活里，你是宅男、腐女型的。 然后，突然有人说宅不好，要多出去走走，体验体验大自然和不同的生活模式，这对你就造成了一种冲击和下意识抵触，因为这需要改变你平时固有的思维和生活习惯，无疑的痛苦的。 但一旦你跨出去了第一步，并且切实感受到了积极生活习惯带来的变化和好处，那么你就会觉得这是正确的选择和，甚至豁然开朗。 我写了这么多感慨，你们一定以为北妈又在洗脑了对不对（我打死你丫的）......
90 天前 / 丁亚光
SVG不规则圆形动画12 Apr 2019 前言：记得第一次听说SVG还是刚毕业时听同事说他们在网易的时候研究过SVG，还以为是很古老的技术以为会被canvas淘汰呢 当年还是太年轻，SVG作为一门描述性语言可能在有逻辑处理的需求中力不从心，但是有这毕竟是极少的需求，在大多数情况下SVG的丰富的表意已经完全可以满足我们的需求。 本文记录了使用SVG实现一个动画需求的过程，希望可以帮助大家了解到SVG的一些作用 一、需求最终的效果是这样一个半径随着角度连续变化的圆 二、分析想法1： 这个似乎可以定义一个函数 R = f(A) 即半径R随着角度A变化。那么......