资讯专栏INFORMATION COLUMN

来玩玩chrome扩展

?xiaoxiao, / 982人阅读

摘要:很多人还是对有偏见呀,觉得只能写写网页。比如看看的,一个只有游览器的本子已经可以担负起大部分用户的日常需求了,其实的扩展和应用都很容易,会的很快能上手。前几天偶然翻到一本扩展及应用开发,写的很好,而且也免费。来到这个有趣的星球已经天

很多人还是对javascript有偏见呀,觉得只能写写网页。其实现在整个互联网包括软件行业都在强调快速迭代,而很多产品都是全平台的,所以跨平台是个很大的优势。比如看看google的chrome book,一个只有游览器的本子已经可以担负起大部分用户的日常需求了,其实chrome的扩展和应用都很容易,会javascript的很快能上手。

前几天偶然翻到一本chrome扩展及应用开发,写的很好,而且也免费。chrome扩展及应用开发 我大概看了几个晚上就看完了。

其实在深入了解之前,有javascript和JAON基础的同学可以先仿照前面一个简单的例子写一个时钟的小插件,代码的话可以直接找到作者的github下载https://github.com/sneezry/chrome_extensions_and_apps_programming/tree/master/my_clock

我重写了一下这个文件的js代码,就变成了计算从你出生到现在的天数,很有意思吧。每天刷微博的时候点开游览器插件看到天数一天天在增长,怎样不让人感伤。

function my_colck(el){

    var minutes = 1000*60
    var hours = minutes*60
    var days = hours*24
    var urodz= new Date("X/XX/XXXX");  
    var now = new Date();
    var ile = now.getTime() - urodz.getTime();
    el.innerHTML="XXX来到这个有趣的星球已经"+Math.round(ile/days)+"天";
    setTimeout(function(){my_colck(el)},1000);

}
    var clock_div=document.getElementById("clock");
    my_colck(clock_div);

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87552.html

相关文章

  • 玩玩puppeteer,实现一个小‘爬虫’

    摘要:获取实例获取浏览器页面实例链接到百度首页截屏将截屏按时间戳保存到指定路径下。关闭然后执行命令最后在文件指定路径下生成百度首页的截屏。 Puppeteer showImg(https://user-images.githubusercontent.com/10379601/29446482-04f7036a-841f-11e7-9872-91d1fc2ea683.png); puppet...

    CoorChice 评论0 收藏0
  • 重学计算机组成原理(四)- 玩玩纸带编程

    摘要:汇编器是怎么把对应的汇编代码,翻译成为机器码的。总结打孔卡,其实就是一种存储程序型计算机。推荐阅读了解的指令集参看计算机组成与设计软硬件接口第版的小节参考深入浅出计算机组成原理 你在学写程序的时候,有没有想过,古老年代的计算机程序是怎么写出来的?showImg(https://ask.qcloudimg.com/http-save/1752328/fpfs9776q8.png); 当...

    lentrue 评论0 收藏0
  • 开发一个基于 Vue2.0 的个人天气预报

    摘要:本场是一个基于的个人天气预报项目,就是兴趣所致,做来玩玩。本项目会采用高德地图,可视化库和相关的技术来开发本项目。本场你将学到如下内容学会制作自己的天气预报学会使用部分高德地图的学会使用的部分相关的一些技术。有兴趣的请到查看效果图如下 本场 Chat 是一个基于 Vue 的个人天气预报项目,就是兴趣所致,做来玩玩。顺便扩展一下知识面。 本项目会采用高德地图 API,Echarts 可视...

    mushang 评论0 收藏0
  • 实现小小的fullpage

    摘要:也尝试了这个方案,选择毫秒效果相对最佳。方案继续思考一开始的思路为啥出现问题。经过老大提醒,并结合千牛之前出现的动画问题,感觉是动画结束和控制没有达到一致。除了过渡有且只有事件,动画开始,动画结束事件,动画重复运动事件。 需求背景 今天运营给了一个需求,要做个引导页,也就是全屏滚动。考虑到只有3张图,就自己码个吧!说干就干。 思路 设置一个外层container, 用户的可见区域,也...

    hosition 评论0 收藏0

发表评论

0条评论

?xiaoxiao,

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<