c语言开发谷歌浏览器插件,用Chrome学编程
利用chrome学编程,一切都变得简单...
用chrome学编程,安装浏览器就可以上手,javascript本身也足够强大,前后端通吃,容易出成果,有了成果产生的成就感也就有了持续学习编程的动力...
chrome_js
编辑器在哪里?
开启snippets
(一) 孩子第一次开口都叫"妈妈",我们第一次编程要打印"Hello world"!
动图_天才第一步
源码:
alert("Hello World");
为什么第一次要打印Hello world?
Hello world是程序员的符号和图腾,第一本介绍C语言的书《C程序设计语言》,书的第一章通过打印Hello world介绍了c语言,后来人们也都跟着用了... 其实Hello world你可能一辈子也用不到,你也可以打印Hello girl
(二) 九九乘法表!
先放一张童年阴影:
快乐学习_九九乘法表
记得小学二年级背诵"小九九",老师为了检验学生背诵熟练度,发明了2种检测方式:
广度检测:
学生按座位次序(这个不流行摇号...),到讲台背乘法表,通过回座位,不通过继续排队(小学生不容易额~~).
深度检测:
DNF_小九
何为"斜着背"
其实像"小九九"乘法表这种问题,编程几句就可以搞定,而且不出错!
动图_js打印小九九
源码:
function jiujiu() {
// 存储每一行的数据
var result = "";
for (var i = 1; i <= 9; i++) {
// 清空上一行的数据
result = "";
for (var j = 1; j <= i; j++) {
// 表示每一句运算口诀
con = i + "*" + j + "=" + i*j;
result = result + " " + con;
}
// 打印每一行的数据
console.log(result + "\n");
}
}
// 调用刚刚写好的函数
jiujiu();
九九乘法表涉及了编程的循环(负责从一数到九),函数(决定什么时候开始数)...
循环就是让计算机做重复的工作:
动图_循环弹出
这里面的i被称为变量,负责计数,计算机每完成一次,i就会加一,当累加到十的时候,任务完成!
for(var i = 1; i<=10; i++){
alert("这是第"+i+"个弹窗");
}
这里面的function就是函数,函数是一个功能,它可以简单而无聊,也可以复杂而强大...
但一个好的函数可以简单而强大...
(三) 函数为chrome写扩展
chrome扩展可以看做是浏览器的一个小插件,这次我们就用函数为chrome写一个时钟...
动图_时钟扩展
源码:
function my_clock(clock_div){
// 获取今天的日期
var today = new Date();
// 获取当前的"时"
var h = today.getHours();
// 获取当前的"秒"
var m = today.getMinutes();
// 获取当前的"秒"
var s = today.getSeconds();
// 为了美观, 当"分钟数"小于十的时候在个位数的前面补一个零
m = m >= 10? m: ('0'+m);
// 为了美观, 当"秒钟数"小于十的时候在个位数的前面补一个零
s = s >= 10? s: ('0'+s);
// 将刚刚得到的数据拼接好,插入到结点中
clock_div.innerHTML = h+":" + m + ":" + s;
// 每隔1000毫秒(一秒钟)更新一次时间
setTimeout(function(){my_clock(clock_div)}, 1000);
}
// 通过Id获取元素结点
var clock_div = document.getElementById("clock_div");
// 将元素结点传入my_clock函数
my_clock(clock_div);
简单与强大并不矛盾,getHours, getMinutes, getSeconds是系统内置的函数,我们简单调用它们,它们为程序员提供强大的功能.
如何获取独立IDE?
动图_独立IDE
教程涉及到的资源我都通过百度网盘分享给大家,为了便于大家的下载,资源整合到了一张独立的帖子里,链接如下:
本文永久更新地址(欢迎来读留言,写评论):
c语言开发谷歌浏览器插件,用Chrome学编程相关推荐
- 开发谷歌浏览器插件会上瘾,搞了一个JSONViewer,一个页面格式化多条JSON,提升工作效率...
最近写了一个谷歌浏览器插件(Chrome extension),拿出来分享下,希望能提升大家的工作效率. 一.背景 先说痛点:日常开发中,经常需要不停的把接口输出的JSON拷贝到在线JSON格式化页面 ...
- 用chrome学编程
利用chrome学编程,一切都变得简单... 用chrome学编程,安装浏览器就可以上手,javascript本身也足够强大,前后端通吃,容易出成果,有了成果产生的成就感也就有了持续学习编程的动力.. ...
- 《用Chrome学编程》真心话大冒险
Gif高清原图地址: user-images.githubusercontent.com/15868458/63- 真心话大冒险 在线地址: https://zhaoolee.com/Programm ...
- python语言要英语基础吗_学编程需要英语基础吗?
很多编程培训机构都宣传0基础可入门.0基础可精通,好像是个人都能够学会编程一样,那么学编程需要什么条件?学编程需要英语基础吗?英语到底对于编程有多重要了? 学编程需要英语基础吗 编程和英语完全是两码事 ...
- 十二岁孩子学编程用c语言好吗,太原12岁学编程
导语概要 太原12岁学编程 ?小编推荐童程童美,童程童美是知名品牌,名师执教.通俗易懂.深受广大学员所欢迎.下面是小编整理的太原12岁学编程 的一些资料,仅供参考. 学习少儿编程好处 1.更好的适应未 ...
- sublime text c语言开发环境插件集合
献给 c coder 的一份礼物 常用sublime text 编辑器时 有很多的差价可以使用 那么 针对 c语言的一些好用的插件 文章进行了 简单的总结 在开发中配合这些插件 能够极大的提高开发效率 ...
- sublime c语言插件,sublime text c语言开发环境插件集合
献给 c coder 的一份礼物 常用sublime text 编辑器时 有很多的差价可以使用 那么 针对 c语言的一些好用的插件 文章进行了 简单的总结 在开发中配合这些插件 能够极大的提高开发效率 ...
- 人形图案c语言程序_做游戏,学编程(C语言) 7 学习EasyX图形交互功能----flappy bird源代码...
经过之前的学习,我们基本掌握了开发小游戏所需要的语法知识和搭建方法,但是基础C语言的可视化与交互功能实在是太弱了 . 利用免费的EasyX插件,我们可以快速上手,简单实现很酷的视觉效果 . EasyX ...
- c语言是静态语言python语言是脚本语言对吗_初中生想学编程,请问先学C语言好还是先学Python?...
本人大二,一开始学的语言是java.碰巧C语言和python都学过皮毛,各有利弊.Python语言方便上手,pip一下,天下我有.C语言功能也很强大,从嵌入式到图形学,C语言也一直陪伴着我,很多算法都 ...
- avr-gcc与avr单片机c语言开发 pdf,AVR 单片机与GCC 编程使用方法
原标题:AVR 单片机与GCC 编程使用方法 WIN 是一个ATMEL AVR 系列 的开发工具集,它包含GNU C 和C++编译器 . 1.1 一个简单的例子 为了先有一个感性的认识,我们首先看一下 ...
最新文章
- 从零开始单排学设计模式「UML类图」定级赛
- c 后台输出easyui html,EasyUI——实现展示后台数据代码
- 卷王李富贵算法每日一题--分治算法(四)--循环比赛
- 4.数据库数据导入查询数据库信息出现乱码问题
- jQuery中animate()的方法以及$(body).animate({scrollTop:top})不被Firefox支持问题的解决...
- [RK3399][Android7.1] 调试笔记 --- 查看开机上一次kernel log
- Java Web实战详细教程(二)第一个Java Web项目+JSP模板设置
- 技嘉ide模式怎么改_技嘉主板bios设置ide
- java解析富文本内容_java 解析富文本处理 img 标签
- 报告女王陛下,我找到了可以吃的塑料杯!
- c语言中floor有什么作用,floor函数?floor函数的使用方法?ceil函数?C语言 floor 函数...
- ProcessOn画斜箭头、写公式方法记录
- Mybatis的四种分页方式详解
- php存在文件夹_PHP创建文件夹 PHP判断文件夹文件是否存在
- JavaScript对象 1
- JDBC,你真的知道怎么用吗?
- 网游中针对网络延迟的优化
- 如何使用脚本编辑器为您的Google Apps增压
- IONIC扫描二维码和一维码(条形码)
- 伯克利大学sawyer机器人环境配置