新手学编程必会100个代码(只需要一分钟一行代码)

打开任意一款浏览器(推荐chrome谷歌、firefox火狐),如果您电脑上没有装这两个浏览器,那么QQ浏览器、360浏览器或者UC浏览器等国产浏览器上选极速模式也行(带一个闪电图标的那个),最次的就是IE兼容模式,不过也勉强能用,基本上所有浏览器的“开发者工具”快捷键都是F12,你也可以去菜单里找,我这里以chrome 和ie 为例:

新手学编程必会100个代码(只需要一分钟一行代码)(1)

新手学编程必会100个代码(只需要一分钟一行代码)(2)

按下F12,打开“开发人员工具”界面,并选择“Console或控制台”

新手学编程必会100个代码(只需要一分钟一行代码)(3)

新手学编程必会100个代码(只需要一分钟一行代码)(4)

以上截图只是说明所有主流浏览器都自带了 F12开发人员工具,而且都有 Console控制台这个标签页,我们在Console控制台下所执行的所有代码效果“几乎”是一致的,这里用了“几乎”两个字,是因因为如果涉及到界面显示,可能会有一点点差异,我们的目标是编程,而不是UI,所以这个差异我们可以忽略。第一课我会用chrome和ie一起讲解,让大家了解到同样的 js 在不同浏览器都是一样的效果,从第二课开始我将会只用 chrome 进行开发,如果你没那么懒的话,还是建议装个chrome,如果你实在是懒得烧蛇吃,那么将就用 ie 也不是不可以。

好了,废话不多说,来跟着我一个字符一个字符的敲出我们的第一行代码吧,下边那位同学,请不要东张西望,一定要敲,我要是看到哪个同学偷懒,复制粘贴的话,我就一棍子哈。

接下来请将鼠标点到console控制台里头,然后输入下面这行代码。

document.write("你好") 打到括号即可,暂时不急敲回车哈。

注意:document.write("") 全是英文半角字符,这句话里只有【你好】两个字是中文哈。千万不要打成 document.write("你好"),document。write("你好") 或是 document.write(“你好”) ,英文的标点符号和中文的标点符号是不一样滴,错了肯定是跑不起来的。

新手学编程必会100个代码(只需要一分钟一行代码)(5)

这也是我为什么要求你们尽量用 chrome谷歌浏览器的原因了,IE的输入区太窄了,如果你非要用IE的话,请将鼠标指向红色框的横线部分,出现上下箭头的时候,按下鼠标,可以拖动调整大小。

新手学编程必会100个代码(只需要一分钟一行代码)(6)

然后,见证奇迹的时候到了:“让我们敲下回车键,疑问在心中旋转,接下来将会看到什么?我的心里面好奇万分,键盘儿敲起,期待又期待,……”,靠,谁扔我臭鸡蛋?难道不知道老师是我们宿舍的歌王么?好了,我敲回车键了哈。

新手学编程必会100个代码(只需要一分钟一行代码)(7)

噫,chrome谷歌浏览器已经看到“你好”两个字了,但是ie上头啥也没有呢?让我仔细一看,哦,原来呀,IE得按那个绿色的三角形。

新手学编程必会100个代码(只需要一分钟一行代码)(8)

看到了吧?叫你们装 chrome 你们不信吧~~~,ie真是浪费力气。如果某些同学敲完回车,发现报错了,请检查一下你的输入法是不是弄成中文输入法了。

好了,我们的第一行代码,完美运行!!!!!有兴趣的可以把“你好”两个字随便改一下,比如说改成:"老师我爱你,就像老鼠爱大米”,“张老三,我问你,你的脚丫像瞎米?你的脚,像狗屎,又黄又臭又稀奇。”

好了,胡闹够了,咱们来分析一下吧,虽然只有一行代码,咱们也要搞清楚是啥原理。

新手学编程必会100个代码(只需要一分钟一行代码)(9)

documemt.write("你好") 意思就是,在文档(document)中写入(write)字符串 "你好",有好学的同学可能会问,为啥没有把引号也打出来?这里请大家记住,在 javascript 里面所有的字符串,必须用成对的半角双引号"" 或半角单引号'给括起来比如说 "在两个半角双引号之间的叫字符串"'在两个半角单引号之前的也可以叫字符串'"一个半角双引号,一个半角单引号,不成对哈,所以这里头不是字符串,这样写会报错的'“包含这句文字的是中文的全角双引号,也是不可以的”‘包含这句文字的是中文 的全角单引号,当然也不行了’

新手学编程必会100个代码(只需要一分钟一行代码)(10)

然中后又有小朋友问了,如果我就要打印单引号或双引号呢?给大家几个例子就知道了。"双引号中当然可以直接使用单引号'了噻,而且可以随便用,一个'也可以,两个''也可以。"'单引号中当然也可以直接使用双引号"了噻,同样随便用,一个"也可以,两个"也可以'"至于中文全角的双引号“”和单引号‘’则是当成普通的文字处理""如果你非得想在双引号里头再用一个双引号请在双引号前加反斜线,比如说\",看到了吧?这是合法的"'如果你非得想在单引号里头再用一个单引号同样要在单引号前加反斜线,比如说\',这也是合法的'"那么问题又来了,我要打印反斜线本身呢?那就这样吧\\,这样打印出来就是一个了"

新手学编程必会100个代码(只需要一分钟一行代码)(11)

我们的反斜线标点符号【\】它的作用就是“转义”,关于“转义符”的文章太多了,我直接找一篇复制到本课程的最下面吧,大家也可以直接去来源地址查看,为了尊重规则,咱就不发网址了,大家也不要看着内容多就怕,放心,不用你去死记硬背的,只有你想要打印的字符串里里头报错了,你才需要考虑是不是需要使用转义符的事情,而怎么使用转义符,你把网址收藏好,直接去现查现用就是,多用几次,自然就记得了,跟本不用特意去记。

好了,今天的课程就到这儿了吧,是不是很简单呢?有没有打退堂鼓?

什么?这位同学,你说你看不懂?[吐血][吐血][吐血][吐血][吐血][吐血],等我去吐2000cc血之后,再来研究为啥这么简单你还听不懂哈,同学们,下节课见。


新手学编程必会100个代码(只需要一分钟一行代码)(12)

新手学编程必会100个代码(只需要一分钟一行代码)(13)

新手学编程必会100个代码(只需要一分钟一行代码)(14)

新手学编程必会100个代码(只需要一分钟一行代码)(15)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页