首页
学习
活动
专区
工具
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

15分钟JS一个简易计算器

前言 这个小练手旨在帮助刚上手学习JavaScript的同学练习最基本的Js知识,大神勿喷哈,由于这个是非常简易的计算器,可以完成的功能有加减乘除和AC(清屏),DEL(退格)等基本运算,所以代码也不复杂...JavaScript部分 请先不要直接看这部分代码,先看我的思路讲解再看这部分,你绝对可以轻松理解 思路讲解 请先不要看上面的JS代码,接下来请试着跟着我的思路走,完成这个计算器的功能,我是分成三个部分来解决的...这种情况也分两部分,一种是用户了等号,一种是了除等号之外的其他加减乘除运算符号,因为等号比较特殊一点,了就直接应该得出结果了,所以要区if……else……分开。我这样的思路你可以理解吧!...还有一个事情我们要考虑的是,我希望在我下加减乘除运算符号时可以清屏,这样我就可以继续键入下一数字了(举例:我下数字“5”,再按下运算符“ + ”,下瞬间屏幕清屏,然后我再键入数字“3”,最后下“...0. ”,意即用户是想输入小数的,但是懒得“0”,直接了小数点,所以我们应该加一个判断条件来帮助用户,直接小数点成为有意义的行为,代码如下: 好了,最后再加上window.onload = function

2.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 一个同 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.4K40

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 一个多人游戏服务器引擎

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

2.2K40

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

想要变有钱?试试这 10 款小程序

小小房贷计算器 如果你不巧是个房奴,拿到工资后,再来减个月供。 全面的房贷计算器,根据贷款贷款模式、利率优惠、还款方式等数据,计算每月月供。 3....理财小算盘 算得再精,也精不过这个小算盘,是时候学一些理财技能了。 提供多种金融场景的计算,只需输入金额、比率,就能快速计算定投收益、每期还款额等常见数据。 7....会记账的小猫 不仅会记账,还有神奇的理财道具。 拥有记账、资产管理、账单日备忘等功能的全能理财工具,还能计算投资收益、信用卡分期利息。 8. 全球汇率换算 在哪个国家海淘最便宜?...能够转换全球多种货币的汇率计算器,一次输入可获得 3 种货币的换算结果。 有了这些理财工具,相信你可以管好自己口袋里的钱。 你是如何利用小程序来理财的呢?欢迎在留言区,分享你的「小程序理财经」。...更多小程序合集: 10 款视频小程序,各种精彩节目,让你一次看个够 生活艰难不能自理,这些小程序拯救你 小程序发布一个月,这 10 款最值得拥有 给父母的 10 个微信小程序,比 App 简单多了!

49820

零基础学基金投资系列-06-复利滚存和单利

主要内容: 复利滚存 单利 单利与复利对比 复利滚存 既然提到复利滚存,那么,接下来,我们就来了解一下,什么是复利滚存,复利滚存又有怎样的效果。...假设,你有两万块钱,其中一万块钱单利的方式投资,年收益率是10%,那么每年就会产生1000块钱的利息,30年总共产生了3万块钱的利息。...而另外一万块钱复利的方式投资,年收益率同样是10%,这个时候可以看到,第一年跟单利一样,一万块钱本金产生1000块钱的利息。...我们可以发现一个规律,就是复利滚存最重要的是滚动,也就是利息滚入本金的这个动作,每滚动一次,本金就会长大一点,滚动次数越多,增涨的效果就越明显。...以上内容来自【理财巴士】,版权归【理财巴士】所有 E | hongtenzone@foxmail.com  B | http://www.cnblogs.com/hongten

44220

JS一个苹果序列号查询生产信息的小工具

,所以我查看了一下苹果手机序列号的规则,决定做一个小的工具,可以直接查询手机的生产地和具体时间。...今天我们就一起做一个! 我的源码地址:Github地址 密码是:include 效果预览: ?...序列号的第五位是数字(即 1 到 9,除去 0)和字母(26 个字母中除去 A、B、E、I、O、U、S 和 Z)来表示的,共 27 个,代表周数,从 1 开始,数完数字数字母,每半年一循环。...这是他的规则,这里需要明确的一点是,他是以半年为一个区间,那么序号的第五位也是半年为一个区间,所以这里首先要判断是上半年还是下半年,然后再去判断具体的日期。.../jquery.min.js" type="text/javascript" charset="utf-8"> <script src="css/layui/lay/dest/layui.all.<em>js</em>

1.2K10

年收入100万以内的家庭理财心得03:产品篇

基金投资一定要做止盈定投,如何止盈则是策略,下文提供了一个240日均线止盈定投,历史数据可以做到平均年化收益率12%左右,收益相当可观,大家可以查看详情,这里暂不赘述。...定投计算器--智投星 http://www.zhitouxing.com/fund 搜狗搜过 基金定投到底能赚多少 5、P2P 前些年互联网金融异军突起,让人们一元钱也可以理财,但是也有易租宝和地方性...面对P2P理财大家需要理性,当P2P理财产品收益率超过15%时就存在较大风险,前文中给大家的复利时间表,大家可以会看一下,如果能够给到你如此高的年化收益率,平台需要有多高的财富管理能力呢?...百度搜索 网易云课堂 简七理财之简七教你找高收益又靠谱的P2P 6、银行理财 没什么可说的,R1和R2类的投资品,收益基本有保障,年化3.5%-4.5%之间。...)该级别理财产品不保本,风险极大 如果希望购买收益率相对高一些的银行理财产品,推荐给大家一个银行理财产品导航网站,大家可以根据自己的情况进行选择。

83710

【Elasticsearch系列之四】腾讯云ES数据基本操作

pretty {"index":{}} {"productName":"大健康天天理财","annual_rate":"3.2200%","describe":"180定期理财,最低20000起投,收益稳定...,最低12000起投,每天收益到账消息推送"} {"index":{}} {"productName":"新能源动力理财","annual rate":"3.0100%","describe":"30定投产品推荐...",           "annual_rate" : "3.2200%",           "describe" : "180定期理财,最低20000起投,收益稳定,可以自助选择消息推送"         ...,无须任何手续费用,最低500起投,通过短信提示获取收益消息"         }       }     ]   } } 6、条件查询搜索 在Kibana控制台中,执行以下命令搜索年化率在3.0000%...pretty {   "doc":{"productName":"大健康天天理财","annual_rate":"3.2200%","describe":"280定期理财,最低20000起投,收益稳定

1.6K41

Python分析支付宝轻定投收益--Python数学建模实例

免责声明 本人对金融理财一窍不通,本文纯属个人自娱自乐,如造成投资误导概不负责 另欢迎理财达人批评指正 前两发现支付宝里面多了个轻定投的功能,作为一名缺钱缺的慌的小小助理工程师,只看了一眼简介就被吸引住了...因为口袋里没多少钱,我决定最小额,也就是10块钱,先投几个月试试,基金选择是推荐的唯一一个低风险基金:弘丰利债券(lof)164208。...第二步,计算每个时间点的净现值 第一步完成之后,后面就简单了,根据之前计算结果生成一个每日涨幅的数组,记得把它存入文件里,方便后面的计算。...第三步,计算不同投资方法的收益期望值 1.首先是日定投 第一的10块钱要算249次利息,第二题248次,以此类推,我们重复1000次实验得到的年终本利和均值是2537(仅供参考)元,方差53871,涨了...37元收益率为1.48%。

1.4K120
领券