最近从北京搬到了上海,开始了一段新的生活,算是人生中一个比较大的事件,于是特地用 Three.js 做了下可视化。
10月24号那天,也就是传说中的1024程序员节,我翻开日历的时候,看到一段代码:
Node.js 是能够在服务器端运行 JavaScript 的开放源代码、跨平台运行环境。Node.js 由 OpenJS Foundation(原为 Node.js Foundation,已与 JS Foundation 合并)持有和维护,亦为 Linux 基金会的项目。Node.js 采用 Google 开发的 V8 运行代码,使用事件驱动、非阻塞和异步输入输出模型等技术来提高性能,可优化应用程序的传输量和规模。这些技术通常用于资料密集的即时应用程序。
本系列文章主要针对Python语言【pyecharts】库生成折线图功能进行深入探究与二次开发而撰写的,专栏文章的作用是帮助大家在工作中【快速】、【高效】、【美观】、【大气】的展示各种适合【折线图】的数据,且只针对折线图,我相信折线图才是最美的图表,在折线图中你能找到真正的数学之美,当前只针对生成网页类型可以截图使用,也可以通过录制操作过程生成小视频的方式使用,后期我会想办法针对视频自动演示进行研究,可能前几十篇或甚至是上百篇文章都是对折线图的具体探究与深度学习,后面的文章我会写一些功能类的GUI工具,用于生成各类折线图,有望在2024年的年会PPT汇报上给予大家【唯美】的帮助。
上一篇的推文我们使用geopandas+plotnine 完美绘制高斯核密度插值的空间可视化结果,并提供了一个简单高效的裁剪方法,具体内容点击链接:Python-plotnine 核密度空间插值可视化绘制Python-plotnine 核密度空间插值可视化绘制。
在之前的文章 Canvas基础-粒子动画Part2 和 Canvas基础-粒子动画Part3 中分别讲了用图片和文字做粒子动画,今天我们来把代码简单整理一下,封装成一个类,能同时支持用图片和文字做粒子动画,而且有更好的灵活性。 封装类 HTML结构和上一篇的一样,这里从外部引入一个js文件,我们的类就写这里面。 <body> <input id="txt" type="text" name="" valu07
当输入的 (x² + y² - 1)³ - x³y³ < 0 说明在心形函数内,那么此时应输出内容
小程序分享到朋友圈只能使用小程序码海报来实现,生成小程序码的方式有两种,一种是使用后端方式,一种是使用小程序自带的canvas生成;后端的方式开发难度大,由于生成图片耗用内存比较大对服务端也是不小的压力;所以使用小程序的canvas是一个不错的选择,但由于canvas水比较深,坑比较多,还有不同海报需要重现写渲染流程,导致代码冗余难以维护,加上不同设备版本的情况不一样,因此小程序海报生成组件的需求十分迫切。
大家好,今天是0618,今天的先行者计划的主题是“可编辑表格”的第一次课。 既然是一个前端组件,那么就涉及到如何设计的问题。我们不是单纯的要实现一个可编辑表格的效果,而是要实践一个组件化的方案。 总体的方向: 第一,view层,需要分层设计; 第二,model层,需要让数据来控制view层; 思路的话,可以参考react的生命周期概念: 1,插入dom; 2,获得新数据,重新渲染dom; 3,删除dom; 咱们也一样给这三种状态各提供二种处理函数, will是事前调用; did是事后调用; 还要有公开出来
在JavaScript中,它的内存分为三种类型:代码空间、栈空间、堆空间,其中代码空间用于存放可执行代码。
初学JavaScript,用Canvas画一个表。主要用到昨天学的间歇调用(setInterval)。 方法和属性介绍 context.beginPath()、context.closePath():开始路径和结束路径。通俗讲就像纸上画画的落笔和提笔。 context.strokeStyle、context.fillStyle:设置边框颜色和填充颜色。 context.arc(x,y,radius,startAngle,endAngle,anticlockwise):画一个圆。 context.rotate
Facebook聊天框里出道的灰色短毛猫Pusheen,是柔软的微胖界宠儿,中文名字叫胖吉。
这段时间我主讲的前端零基础课,让我感觉js这东西是越来越简单了。你当然可以说我这是越讲课越熟。确实是有这部分因素,但更主要的是,我发现js中虽然有许多的概念各不相同,但在具体的代码实现中,基本都是非常类似,甚至是完全一样的。这就导致前端新人在学习的过程中,学着学着,就分不清谁是谁了。 例如在27号的课程中,主要讲js的自定义对象。在课程中提到了,函数,方法,对象,又加个构造器,,这就已经四个概念了,但使用代码表现出来, function abc(){ console.log('abc') } 全都是一样的
图中线的两端是圆点或者菱形,旁边都有标注持仓证券商和相对应的持多仓数或持空仓数,且左右线颜色不同。画图思路大体就是:先画水平线图,再用 scatter 散点图画线左右两端的点,然后标注两端名称,以及标题和注解。
这个例子来自于[CodePen],它是根据鼠标的位置设置两个眼球的transform: rotate属性做的效果。
酷家乐(10-20k) 电话一面 三十五分钟 如何学习前端,看了什么书 谈实习经历 谈项目,问为什么用那么多插件,有没有想过自己写 position有几个属性 行内元素和块状元素区别 有碰到兼容性问题不,讲一讲怎么解决 事件冒泡 函数声明 如何阻止默认事件 promise和settimeout执行顺序(顺势延伸谈js运行机制) es6特性有哪些 箭头函数特点 箭头函数能否当构造函数 jquery用了多久(一年前用过) webpack基本配置 vue-loader如何运行 有什么想问的(这个可以问一下技术栈和
上篇简要介绍了svg.js的基本信息和基本用法,这篇开始详细讲解svg.js的用法。
当然,我们仅仅是使用人脸识别,那有人已经在TensorFlow的基础上封装了专门针对人脸识别的库 face-api.js
最近刚把Js高级程序设计看了一遍,仔细的读了其中的第6章的第6.3节-继承。今天写出来跟大家分享一下,顺便也加深一下自己的理解。
Facebook 于2015年9月15日推出react native for Android 版本, 加上2014年底已经开源的IOS版本,至此RN (react-native)真正成为跨平台的客户端框架。本篇主要是从分析代码入手,探讨一下RN在安卓平台上是如何构建一套JS的运行框架。 一、 整体架构 RN 这套框架让 JS开发者可以大部分使用JS代码就可以构建一个跨平台APP。 Facebook官方说法是learn once, run everywhere, 即在Android 、 IOS、 Browse
在网页中观看和分享视频内容是一个很常见的功能,多年来,视频嵌入网页的方式发生了变化。现在,我们在现代浏览器中使用 标签就可以添加视频文件到网页上,该标签支持多个视频格式。
贪吃蛇被业内视为真正意义上的第一款手机游戏,玩法简单到极致,随着诺基亚手机的流行风靡一时!在本次课程中我们采用Pixelbox.js这个框架进行开发,其核心是数据模型及渲染。通过贪吃蛇的开发,我们将对JS的语法更加的熟悉,同时学习如何把一个需求给分解成具体的开发步骤,培养你做项目的思维。
这是一道非常经典的面试题,涵盖了从函数的基本概念、运算符优先级,到作用域链、原型链、this关键字、new关键字等基础知识点考察,可以说能完整答对 JS 基础才算过了关,本文就带大家回顾并剖析这道面试题,应该是全网最详细的文章了,这次彻底搞懂它。
但是,下课之前我说,今天的作业,如何如何要求,格式什么样,标明用了多长时间,然后就有同学在学习群里问我,。。原话记不太清了,大概意思就是,自己写的看不明白了,还得再写一遍呀?
由于Frida(https://frida.re)动态插桩框架的跨平台、简单易用,现在已经被广泛应用于安全领域。相比Xposed而言,虽不能更底层地去Hook系统进程,但它可以免启动,应对App的hook完全够用,更关键的是,它完全可以用JavaScript来写代码,免去编译的烦恼,调试也方便。
有小伙伴说,使用 matplotlib 做出来的图表比不上其他的基于 js 包装的库(pyechart、bokeh、plotly等)漂亮,他们可以还可以交互。同时,基于 matplotlib 包装的 seaborn 似乎也比较省代码。
与 2016 年第一次调查相比,使用 TypeScript 的人数占比从 21% 提升到了 69%。前端框架 React 和 Vue 占据主导地位。Vite 获得了 98% 的超高满意度。许多新项目(Deno、Rome、Astro、Remix)获得了风险投资公司的支持,这或许为脆弱的开源融资环境提供了一个可行的替代方案。
odoo14/custom/estate/static/src/js/hide_or_show_form_button.js
SVG 是用 Illustrator 画的,苹果是手绘的(虽然是画的丑了点 0.0)。
众所周知,在上古年代,node的开发一直被 Commonjs 规范所支配着,这也是悲剧发生的导火索,请看灾难现场:
这一章相对来说是部重头戏,看完之后才发现用了这么久的js,却很少有用真正OO的思想在写js代码……
最近在看一本书,里面提到js的模块化,觉得很有必要,所以记录下来 Game.js
只要理解了 WebGL 背后的概念,学习 WebGL 并没有那么难。很多 WebGL 入门文章并没有介绍这些重要的概念,直接使用 WebGL 复杂的 API 开始渲染图形,很轻松就把入坑文变成了劝退文。这篇文章将会着重讲解这些概念,并一步步探究 WebGL 是如何渲染图片到屏幕的,理解这些重要的概念,将会大大降低学习曲线。
今天下午在逛街的时候,脑子里突然蹦出一段代码,很简单, function abc(){ this.aa = 123; this.xx = function(){ console.log( thi
2、把js代码分割成一小块,尽量小。然后用逐行填充的方式,分别替换到上一步生成的字符画里去
在浏览一些图片网站的时候,经常会看到很多的漂亮的星空图,比如,下面的图片。其实这种星星图片的效果,也可以通过html+css样式和js的方式来实现。今天教大家如何实现星星图的效果。
这两天用 Three.js 画了一个 3D 的房子,放了一个床进去,可以用鼠标和键盘控制移动,有种 3D 游戏的即视感。
单线程是指,js在执行的时候,都只有一个线程来处理所有任务。这个线程就是js的主线程。
上一篇简单的介绍了几何体的构造体参数,这一篇郭先生就更加详细的说一说(十分简单的几何体我就不说了)
<iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/LearningMiniProgram/" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe>
最近闲来无事 ,于是我就想用 ThreeJS 画个房子 ๑乛◡乛๑ 。而我选择从画 ‘墙’ 开始下手, 其实说白了‘墙’ 就是个立方体而已,但是窗户、门呢,所以就需要在立方体上边掏个洞。
“ handsontable是一款强大的web端类excel插件,对于需要在网页上编辑类excel数据的同学来说,简直是妙不可言!”
文末将附上组件封装的源码,欢迎大家随时沟通交流。关于项目的打包,我将使用自己基于gulp4搭建的9012教你如何使用gulp4开发项目脚手架。
以下是我的学习经历,希望给未入门的师弟师妹些许的指导,让他们少走些弯路,哪怕他们因此得到只是一点点启发,我也会感到欣慰。 我2013年6月毕业,同年3月开始认真学习JavaScript,而在此之前我相对熟悉些VB.NET,Java,C++什么的。 但我学习的办法其实比较笨,只是因为自知看书比较快,所以就大量查阅有关博客以及JS书籍/电子文档。从《锋利的jQuery》入门,豆瓣8分以上的JS有关的图书,10本里面我大概读过7~8本。 由于JS的语言特性使得你很容易进行横向学习(现在想想,也是我年tai少sha
前面两篇推文我们分别介绍了使用Python和R进行IDW(反距离加权法) 插值的计算及结果的可视化过程,详细内容可见如下:
用过echart的人都会遇到一个问题,就算是代码中写了window.onresize = echart.resize,也只是横向自适应拉伸填充页面,垂直方向不会变化,除非指定高度才可以,这就比较郁闷了,为何echart本身不会自适应呢?按道理不应该啊,莫非实现起来很困难?好吧先不管这个了,这个问题搜索出来一大堆解决方案,在Qt的浏览器控件中也有这个问题,为了解决这个问题想了两个策略,一种是程序本身检测尺寸变化,然后重新设置高度并载入网页,一种是js函数设置对应的宽高,什么时候执行呢,就是在程序界面尺寸变化的时候,两种办法对比下来,最终选用的后者,因为效果比较好,还是异步执行的,无需重新加载网页,那个每次高度变化了就重新加载网页的办法在早期的作品中用过,看起来好弱弱的。
前面几篇推文我们分辨介绍了使用Python和R绘制了二维核密度空间插值方法,并使用了Python可视化库plotnine、Basemap以及R的ggplot2完成了相关可视化教程的绘制推文,详细内容如下:
cocos官方有对应的子域接入教程: https://github.com/cocos-creator/creator-docs/blob/master/zh/publish/publish-wech
领取专属 10元无门槛券
手把手带您无忧上云