首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

原生js一个多动症的简历

原生js一个"多动症"的简历 预览地址 源码地址 最近在知乎上看到@方应杭vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现。...会动的简历实现思路 这张会动的简历,就好像一个打字员在不断地录入文字,页面呈现动态效果。又好像一个早已经录制好影片,而我们只是坐在放映机前观看。...background: red; } 项目搭建 在这个项目中我们 使用webpack2来完成项目的构建 使用yarn来处理依赖包的管理 使用es6的写法 使用部分原生dom操作api standard.js...代码风格约束利器) 目录结构如下 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...markdownToHtmlWrap) .then(showStylesWrap.bind(null, 2)) 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现的逻辑是将原来的相关的模块Promise

6.8K70

原生js一个多动症的简历

原生js一个"多动症"的简历 预览地址 源码地址 最近在知乎上看到@方应杭vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现。...会动的简历实现思路 这张会动的简历,就好像一个打字员在不断地录入文字,页面呈现动态效果。又好像一个早已经录制好影片,而我们只是坐在放映机前观看。...background: red; } 项目搭建 在这个项目中我们 使用webpack2来完成项目的构建 使用yarn来处理依赖包的管理 使用es6的写法 使用部分原生dom操作api standard.js...(代码风格约束利器) 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...markdownToHtmlWrap) .then(showStylesWrap.bind(null, 2)) 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现的逻辑是将原来的相关的模块Promise

5.3K20

实战 | 原生js一个多动症的简历

又好像一个早已经录制好影片,而我们只是坐在放映机前观看。...接下来让我们一步步完成它 项目搭建 在这个项目中我们 1、使用webpack2来完成项目的构建 2、使用yarn来处理依赖包的管理 3、使用es6的写法 4、使用部分原生dom操作api 5、standard.js...代码风格约束利器) 目录结构如下 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...可以看出它做的事就是封装一个构造函数Vquery,它的实例会有一些简单的dom操作方法,最后为了能够像jQuery那样使用$().funcName的形式去使用,我们导出了一个匿名函数,在匿名函数中去new...我们来看一下promise分支中app模块最终的写法 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现的逻辑是将原来的相关的模块Promise包装起来,并且在原来回调函数执行的地方

4K10

一个js的接口http调试程序

所曾经端app与后台的开发与測试过程中接口调试是一个常常要做的工作。 而每当出现一个BUG,前端appproject师与后台project师往往要相互合作才干定位bug到底在那里。...而非本项目的人往往还难以帮上忙(必需要读懂别人的程序,等等的。...开发们都懂的…) 所以自己利用了业余时间js+hta的方式实现了一个简单的接口调试程序.能够由非开发者对比接口文档就能够进行接口的调试和測试。...下面是程序界面 这是一个机票程序的的接口调用程序,在这个程序中能够调试全部的接口 左側是各个接口的命名,每点击左側的接口名,右側的url和req(请求參数)会对应变为该接口的URL和參数样例,点以下的...程序小巧(10-100k) 该程序入门简单(仅仅须要懂一点html语法与js就可以), 改动easy(记录本打开就能改动), 执行easy(windows环境下双击执行就可以) 实在是居家旅行,出差工作

1.9K10

居然可以 js PPT?

居然可以 js PPT powerpoint或者keynote演示文稿,对于代码、数学公式等的支持一直是个痛点。而且对于前端同学来说,一身的css功力用不上也是个痛点。...于是我们需要一个基于web技术的ppt框架,reveal.js在这个领域成名已久了,而且上个月还有发布新版本,维护得还蛮好,第一步我们就选它了。...其核心内容部分其实非常简单,就是每一页演示文稿对应一个section。...的第一个强大功能是直接可以使用markdown来写演示文稿。...更进一步 除了上面介绍的基本特性之外,reveal.js支持自动播放、自制插件、支持处理事件等等有利于开发人员slides的特性。相信能给你的slides带来新的好玩的东西,将汇报与分享变成乐趣。

9.4K20

前端- JS 一个同 Excel 表现的智能填充算法

经过一番折腾,终于JS实现了大致的功能,然后我把它名为 smart-predictor。...Separator 我们数组 [1,2,'a1c','a2c']作为例子。当我们拿到这样一个数组的时候,第一步是要对其进行分析,分析数组内每个元素到底是一个数字,一段字符串,还是别的什么东西。...可以注意到,我会提取每一个元素的纯数字部分出来,然后把其余部分通过一个数组储存起来。...'Number1': [{    realValue: '6',    ...  }, {    realValue: '8',    ...  }] } 代码请戳:classifier.js...代码请戳:linearRegression.js 通过这条公式,我们可以轻易得到数组 [1,3]的斜率和偏移量为 {a:2,b:1},然后就可以知道以后的数据走向将会是 [5,7,9,...]。

1.5K40

超详细的怎样MarkDown目录和表格

超详细的怎样MarkDown目录和表格 强烈推介IDEA2020.2破解激活...,IntelliJ IDEA 注册码,2020.2 IDEA 激活码 超详细的怎样MarkDown目录和表格 相信看过许多大佬的博客都会心生感慨,为什么大佬的文采就这么好,条理这么清晰呢,每篇文章的开头还有自己博客的目录导航...其实用MarkDown目录挺简单的,接下面就进行详细介绍: 博客目录要用到个 " 文章目录 超详细的怎样MarkDown目录和表格 升职 加薪 赚大钱 标题增加MarkDown...的表格 表格是向左向右对齐详解 升职 升职 升职 升职 升职 升职 升职 升职 升职 升职 升职 升职 升职 加薪 加薪 加薪 加薪 加薪 加薪 加薪 加薪 加薪...加薪 加薪 加薪 加薪 加薪 赚大钱 上面是一个2级的标题,想要把这个标题写成目录,只需要 在这个标题上面加上[toc]即可,上面还有一个1级标题也成了目录,是因为一篇文章中只需要写一个[toc

1.3K30

java一个死锁

当线程访问对象时,线程会给对象加锁,而这个锁导致其它也想访问同一对象的线程被阻塞,直至第一个线程释放它加在对象上的锁。...一个线程用完CPU之后,操作系统会根据线程优先级、线程饥饿情况等数据算出一个总的优先级并分配下一个时间片给某个线程执行。...Semaphore是一个信号量,作用是限制某段代码块的并发数。...Semaphore有一个构造函数,可以传入一个int型整数n,表示某段代码最多只有n个线程可以访问,如果超出了n,那么请等待,等到某个线程执行完毕这段代码块,下一个线程再进入。...由此可以看出如果Semaphore构造函数中传入的int型整数n=1,相当于变成了一个synchronized了。

1.9K20

Vue.js一个命令行贪吃蛇游戏

前言 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web...将Vue渲染到命令行界面 使用Vue.js实现命令行贪吃蛇游戏,首先意味着我们要将Vue.js渲染到命令行界面,才能开始具体的游戏实现.我们经常用Vue.js来编写Web应用,但是Vue的能力却不仅仅局限于此...得益于Vue3出色的跨平台能力,我实现了Temir,一个Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本.顺便值得一提的是,它还支持HMR~...关于Temir就不在这里进行详细的介绍了,有兴趣的童鞋可以上Github查看介绍或者看使用Vue.js编写命令行界面这篇文章....: 元素初始化 竞技台 蛇的爬行与食物的生成都需要依赖坐标,最简单的坐标其实只需要一个索引值.因此竞技台的组成也很简单,就是由很多个小盒子(这里以⬛表示)组成,每一个盒子对应一个坐标(索引),我们要做的是一个

1.1K20

node.js从零开始去一个简单的爬虫

如果你不会Python语言,正好又是一个node.js小白,看完这篇文章之后,一定会觉得受益匪浅,感受到自己又新get到了一门技能,如何用node.js从零开始去一个简单的爬虫,十分钟时间就能搞定,步骤其实很简单...在node开大环境下开始第一步: 1:在d盘新建一个文件夹WebSpider ?...如果想要将爬取的数据和图片分类放好,那就事先建立一个data和image文件夹准备着。...图片.png 7:重点内容,打开first_spider,并一行一行的敲代码,如果你不想代码的话,去网站上找一些代码过来进行测试即可。...}) } } }) } 8:运行程序,命令很简单哦 在cmd命令行下,cd 到你创建工程文件夹FirstSpider下,然后 node first_spider.js

1.1K10

Node.js 一个多人游戏服务器引擎

30 分钟 翻译:疯狂的技术宅 原文:https://www.smashingmagazine.com/2018/12/multiplayer-text-adventure-engine-node-js...最后(虽然我将在下面详细介绍这一点),你可以设置的“攻击力”值的物品。这些是你在战斗中可以使用的道具;如果一个道具没有这个属性的话只能对敌人造成 0 点伤害。...当你试图这样的道具进行战斗时,我们可能会添加一条消息,这样你就能知道自己要做的事情是毫无意义的。...一个地牢的示例图 一个地牢的示例图 通过上面的加权图,可以确保玩家不能从入口一下子走到左翼。他们必须通过这两者之间的节点,这样做会消耗时间,可以连接的权重来测量。 现在,进入“有趣”的部分。...内容很多,将来我可能会考虑一个编辑器,来简化 JSON 文件的创建。但就目前而言还没有必要。 你可能还没有意识到,这样在文件中定义游戏是有很大好处的,能够像超级任天堂时代那样切换 JSON 文件。

2.2K40
领券