因为平时也在上班,这些都是在地铁上抽空开始看的,总结来说还是有一些收获存在,每次看都能发现一些新东西,废话不多说,开撸!

JavaScript是一种网页编程语言,可以对网页的行为进行编程,简单来说HTML5就是网页的身体,CSS决定了颜值,但是JavaScript(简称JS)才是灵魂。在实际工作后我现在认识到了,学好JS真的很重要。

JS代码可以放在网页中的任何位置,例如标签中,所有的js代码都必须有script标签来包裹,在最新的版本中,可以默认不写type,网页也可以识别到你的js代码。(也有要写type的时候,例如你使用了react中babel框架后,这里的type最好写上type="text/babel",当然这里好像不写也可以识别,我没有去试)这里有一个小知识点,HTML5代码是由上往下的允许,即先写的代码会首先执行,为了网页的加载速度,一般把不影响网页加载的JS放在最后面或者加上defer属性,即对脚本执行进行延迟,直到页面加载为止。

我会按照自己在工作中的理解对所有的篇幅进行一个重点程度的评分处理,1-5分,5分最重要。

第一篇:JS打印方式 --2

使用 window.alert() 写入警告框 --这里要将一下,移动端代码在真机测试的时候没有办法看到代码的后台执行情况,当你出现bug的时候也不好定位问题和调试,所以善用alert()

使用 document.write() 写入 HTML 输出 --看过就算了,我基本不用,如果不是这个属性我都不知道这个,或许可以打印一空字符用来清空HTML页面?!

使用 innerHTML 写入 HTML 元素 --操作dom的时候会用到很多次,而且操作dom会拖慢网页速度。但是,只要网页不崩溃我就不用考虑性能优化,那是大公司才做的事情。

使用 console.log() 写入浏览器控制台 --比起断点调试,我更喜欢consol.log()调试代码,突出一个爽。

第二篇:语句 --1

JS语句想对来说比较宽松,没有特别严格的要求(严格模式除外)

总结三点:1.以分号作为结尾 2.允许空格,允许换行,以{}中的内容为一个代码段。3.定义变量名的时候记得关键字不可以使用,反正会保错。

第三篇:语法 --1

JS只需要记住两种类型的值:混合值(字面量)和变量值,字面量就是数值或者字符串,变量值就是你定义来接收这个值用来操作的对象,当然字面量也可以直接操作。还有运算符(+、-、*、/)他们的组合后的语句就是表达式,例如:var num = 4 + 5

第四篇:变量 --1

变量必须是唯一的,而且不能使用关键字来命名,因为在底层关键字已经被命名了,所以为了保持唯一性,你换。如果你不服,你写一套框架嘛,别人跟你来命令,你说啥子是撒子嘛

名称可包含字母、数字、下划线和美元符号($)

名称必须以字母开头

名称也可以 $ 和 _ 开头(但是不推荐)

名称对大小写敏感(y 和 Y 是不同的变量)这里注意了解一下驼峰命名法

保留字(关键字)无法用作变量名称

第五篇:运算符--2

运算符主要使用四种:算数运算符(+、-、*、/),赋值运算符(=,即给变量赋值的作用),比较运算符(>、<...),逻辑运算符(&&、||、!)。

这里有一个小知识点,当你使用运算符的时候,JS为了尽可能的执行你的代码,会进行一些隐形的类型转变,即:6 + 'w123',结果是'6w123'

第六篇:数据类型--2

数据类型:数值、字符串值、数组、对象等,这里有一个点undefined和null,他们都表示为空,但是不一样,在typeof中null为object,undefined就只是undefined

JavaScript 中有五种可包含值的数据类型:

字符串(string)

数字(number)

布尔(boolean)

对象(object)

函数(function)

同时有两种不能包含值的数据类型:

null

undefined

有三种对象类型:

对象(Object)

日期(Date)

数组(Array)

typeof返回的也是数据类型,同时注意:

NaN 的数据类型是数值

数组的数据类型是对象

日期的数据类型是对象

null 的数据类型是对象

未定义变量的数据类型是 undefined

尚未赋值的变量的数据类型也是 undefined

constructor 属性返回所有 JavaScript 变量的构造器函数,简单解释来说就是这个对象在底层是由那个函数来生成的,可以用来区分数据类型。

当你想转换数据类型的时候,一共有两种方式:

通过使用 JavaScript 函数 ---3,有时候真的用到很多,且方便

通过 JavaScript 本身自动转换(隐形转换) ---2 平时多注意,这相当于JS给的隐藏福利

用头发换JS的第一天的更多相关文章

  1. PPK谈JS笔记第一弹

    以下内容是读书笔记,再一次温习JS好书:PPK谈JS window.load=initializePageaddEventSimple('window','load',function(){}) lo ...

  2. Vue.js开始第一个项目

    前端架构之路:使用Vue.js开始第一个项目   Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文通过一个简单的实例开始上手Vue.js开发. 一.技术准备 使用 ...

  3. js基础第一天

    js作用:网页特效(电梯导航).交互.表单特效.就是可以用来控制结构和样式. 常用的三个输出语句都属于js的内置对象,提供我们直接使用的功能就是内置对象功能. web三标准:结构.样式.行为.而js主 ...

  4. JS原生第一篇 (帅哥)

    "流程控制语句":if.for. 1.1 if 选择语句,给程序添加了多种执行路线. 1 if(){ 2  语句1 3 }else if(){ 4  语句2 5 }else if( ...

  5. Node.js 创建第一个应用

    如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi. 从这个角度看,整个"接收 HTTP 请求并提供 ...

  6. 使用node.js创建第一个应用

    node.js应用组成部分 1.引入require模块:我们可以使用require指令来载入Node.js模块. 2.创建服务器:服务器可以监听客户端的请求,类似于Apache,Nninx等HTTP服 ...

  7. Node.js入门第一天

    一.Node.js简介 1.1 简介 V8引擎本身就是用于Chrome浏览器的JS解释部分,但是Ryan Dahl这哥们,鬼才般的,把这个V8搬到了服务器上,用于做服务器的软件. Node.js是一个 ...

  8. 前端架构之路:使用Vue.js开始第一个项目

    Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文通过一个简单的实例开始上手Vue.js开发.   一.技术准备 笔者建议在开始项目前,对以下两个技术点进行了解. ...

  9. Node.js创建第一个应用

    在我们创建 Node.js 第一个 "Hello, World!" 应用前,让我们先了解下 Node.js 应用是由哪几部分组成的: 引入 required 模块:我们可以使用 r ...

随机推荐

  1. List的扩容机制,你真的明白吗?

    一:背景 1. 讲故事 在前一篇大内存排查中,我们看到了Dictionary正在做扩容操作,当时这个字典的count=251w,你把字典玩的66飞起,其实都是底层为你负重前行,比如其中的扩容机制,当你 ...

  2. Java-建立一个AnalysisResult类,对成绩进行分析

    import java.io.*; import java.util.*; public class AnalysisResult { public static void main(String[] ...

  3. Python Redis常用操作(持续更新)

    目录 1.Redis简介 2.Redis部署 3.Redis API应用 4.String操作 1.Redis简介 redis是业界主流的key-value,nosql数据库之一.和Memcached ...

  4. 机器人操作系统——ROS,Robot Operating System

    Note:偶然看到的滴滴研究院的无人驾驶竞赛,了解一下. ROS:专为机器人软件开发所设计出来的一套电脑操作系统架构.是一个开源的元级操作系统(后操作系统),提供类似操作系统的服务,包括硬件抽象描述. ...

  5. 货车运输 noip2013 luogu P1967 (最大生成树+倍增LCA)

    luogu题目传送门! 首先,题目让我们求每个货车的最大运输量,翻译一下就是求路径上边权最小的边. 利用一下贪心思想可知,所有货车肯定都会尽量往大的边走. 进一步翻译,即为有一些小边货车根本不会走,或 ...

  6. 01 . Prometheus简介及安装配置Grafana

    Promethus简介 Prometheus受启发于Google的Brogmon监控系统(相似的Kubernetes是从Google的Brog系统演变而来),从2012年开始由前Google工程师在S ...

  7. 小谢第6问:js中,filter函数是怎么使用的

    数组的常用方法filter,今天在做数组筛选的时候用到需要将有重复的数组去除,因此用到这个函数,主要用到-- 选择需要的属性,最终留下想要的数组,如果刚开始的话可以看下下面代码 let nums = ...

  8. Rocket - regmapper - RegMapper

    https://mp.weixin.qq.com/s/aXxgzWwh6unuztjgyVX0iQ 简单介绍RegMapper的实现. 1. 简单介绍 RegMapper使用指定的输入接口,为一组寄存 ...

  9. Magicodes.IE 在100万数据量下导入导出性能测试

    原文作者:HueiFeng 前言 目前Magicodes.IE更新到了2.2.3,感谢大家的支持,同时建议大家在使用过程中如果遇到一些问题或者说需要一些额外的功能可以直接提issues,当然更建议大家 ...

  10. 8.0 以上版本 mySQL数据库导致的命令行可连接,NaviCat不可连接的问题

    错误代码: client does not support authentication 原因: 没有开启Mysql的远程连接配置 解决办法: 1 使用命令行进入数据库 C:\Users\wushao ...