JS学习笔记-1--基本知识和注意事项
1、JS开始的目的主要是验证表单的输入验证
2、是一种具有面向对象能力的、解释型语言。是基于事件驱动的相对较安全的客户端脚本语言
3、JS 特点:松散型:变量不具备一个明确的类型; 对象属性:把属性名可以映射成任意的属性值,有点像哈希表和关联数组 ; 继承机制:基于原型的。
4、组成:核心即语法(Ecma);文档对象模型(DOM);浏览器对象模型(BOM);
5、注意事项:编码格式
6、<Script>标签解析:type 必需,表示代码使用的脚本语言的内容类型;src 可选,表示要执 行的代码的外部文件; charset,language,defer(延迟到文档加载后执行)都被 浏览器忽 略故,很少用;defer可以实现的方式是将<script>中 内容放到文档类容的后面就OK
7、代码嵌入问题:在嵌入脚本的时候比如想打印</script>的话是可以采用'</scr'+ipt>'形式来 打印,否则是打印不出来的,因为执行到此 浏览器会将这次打印的内容解释为结尾标签, 但是外部引用则不会存在此种问题
8、外部JS文件的优点:维护性能高、可缓存(加载一次就无需加载),方便未来扩展
9、JS是双标签,同时用 src 引用了外部JS文件,此时在<script>标签中的代码是不会被执行的
10、如果浏览器不支持<sctipt>标签可以采用提供注释的方式,即在代码前后添加注释标签 <!-- alert("欢迎来到JS世界") --> 这样浏览器支持就会加载,不支持就会以文档形式出现
11、平稳退化机制:如果用户禁用了 JS 选项,可以采用<noscript>您没有启用 JavaSctipt </noscript> 标签来将<nosctipt>中的内容显示给用户但如果启用了JS这里面内容不会执行
12、外部JS文件中是不需要写 <script></script>标签的,否则浏览器解析出错
JS学习笔记-1--基本知识和注意事项的更多相关文章
- 一点感悟:《Node.js学习笔记》star数突破1000+
写作背景 笔者前年开始撰写的<Node.js学习笔记> github star 数突破了1000,算是个里程碑吧. 从第一次提交(2016.11.03)到现在,1年半过去了.突然有些感慨, ...
- 系列文章--Node.js学习笔记系列
Node.js学习笔记系列总索引 Nodejs学习笔记(一)--- 简介及安装Node.js开发环境 Nodejs学习笔记(二)--- 事件模块 Nodejs学习笔记(三)--- 模块 Nodejs学 ...
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- Vue.js学习笔记(2)vue-router
vue中vue-router的使用:
- JS 学习笔记--9---变量-作用域-内存相关
JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...
- MyBatis:学习笔记(1)——基础知识
MyBatis:学习笔记(1)--基础知识 引入MyBatis JDBC编程的问题及解决设想 ☐ 数据库连接使用时创建,不使用时就释放,频繁开启和关闭,造成数据库资源浪费,影响数据库性能. ☐ 使用数 ...
- WebGL three.js学习笔记 使用粒子系统模拟时空隧道(虫洞)
WebGL three.js学习笔记 使用粒子系统模拟时空隧道 本例的运行结果如图: 时空隧道demo演示 Demo地址:https://nsytsqdtn.github.io/demo/sprite ...
- WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法
WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...
- WebGL three.js学习笔记 创建three.js代码的基本框架
WebGL学习----Three.js学习笔记(1) webgl介绍 WebGL是一种3D绘图协议,它把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的 ...
随机推荐
- sublime简单配置
Preferences------->settings user { "font_face": "Courier New", "font_siz ...
- 短信接口调用以及ajax发送短信接口实现以及前端样式
我们短信api用的是云信使平台提供的非免费短信服务:官网提供的demo有两种,分别是function加其调用.class文件加其调用. 在这里我们用class文件加调用: 首先,ThinkPHP里面自 ...
- C++十进制转换为二进制
题目内容:将十进制整数转换成二进制数. 输入描述:输入数据中含有不多于50个的整数n(-231<n<231). 输出描述:对于每个n,以11位的宽度右对齐输入n值,然后输出“-->” ...
- Nginx安装第二步手动下载依赖包
nginx可以使用各平台的默认包来安装,本文是介绍使用源码编译安装,包括具体的编译参数信息. 正式开始前,编译环境gcc g++ 开发库之类的需要提前装好,这里默认你已经装好. ububtu平台编译环 ...
- 获取枚举的title
public class StringValue : System.Attribute { private readonly string _value; public StringValue(str ...
- Web Design:欧美人形剪影的404界面
项目需求,必须得写个404界面,比较愁,因为网站属于那种电商+艺术品拍卖的网站,404界面不太好设计 很多时候网站直接代码报错输出404,不过设计过的404也有好处,比如改进用户体验.增强互动性之类的 ...
- Github上LeakCanary编译报错CreateProcess error=2的解决方法
现象说明: 从github上拉下LeakCanary编译时报错 CreateProcess error=2, ϵͳÕҲ»µ½ָ¶ 原因分析: 该现象是由于Windows中Gradle调用命令未加cmd ...
- python中的lambda
lambda表达式返回一个函数对象 例子: func = lambda x,y:x+y func相当于下面这个函数 def func(x,y): return x+y 注意def是语句而lambda是 ...
- phpstorm自动对齐数组=>,自动加空格
写完代码后可以点菜单中code-reformat code,快捷键是option+command+L
- (转)android Fragments详解二:创建Fragment
创建Fragment 要创建fragment,必须从Fragment或Fragment的派生类派生出一个类.Fragment的代码写起来有些像activity.它具有跟activity一样的回调方法, ...