Js1k:用1k的代码做出炫目的效果。代码扩写 犀牛书 微信公众号：前端大全 1. ***变量 2. ***数据类型 一．***变量：内存中存储*一个*数据的存储空间，再起一个名字 何时使用：程序中反复使用的数据，都要先保存在变量中，再参与运算 如何使用：声明赋值取值 1. 声明：在内存中创建一个新变量 如何声明：var 变量名; 仅声明，但暂未赋值，默认值为undefined 变量命名：1. 不能以数字开头，仅能包含字母，数字和下划线 2. 不能用保留字：js中已经预先使用的关键字 比如：name X 3. 见名知意 4. 驼峰命名：第一个单词首字母小写， 之后每个单词首字母大写： 比如：backgroundColor，listStyleType 2. 赋值：将等号*右边*的数据，保存到等号*左边*的变量中 如何赋值：变量名=值;il *对已经包含值的变量赋新值，新值会替换旧值* 建议：1. 在声明同时，初始化变量的值 如何在声明同时初始化：var 变量名=值; 3. 取值：只要使用变量名，在运行时，会被自动替换为变量中的值 特殊情况：3种： 1. 只声明，但未赋值的变量，可任意使用 比如：var hb; console.log(hb); //undefined 2. 从未声明的变量，不能使用(取值)！ 报错：ReferenceError: XXX is not defined 3. 未声明的变量，却可赋值！——其实和var不一样 强烈建议：必须用var声明变量 ***声明提前：在程序正式*执行前*，都会将var声明的变量提前到*当前脚本块*的顶部集中声明。再开始执行程序。***赋值留在原地*** 常量：一旦初始化，值不能改变的量 何时使用：程序中，一旦定义不可擅自改变的值，都要用常量保存 如何创建：const 常量名=值; 用作常量的名称，都要大写字母 强行修改常量的值，不会报错，但也无法修改成功！
零基础js入门试题
————————————————————————————————作者：————————————————————————————————日期：
1,什么是Javascript? 答：Javascipt是一种脚本语言，由web浏览器进行解释和执行。 2,JavaScript是由那几个部分组成？ 答：主要分为以下三种： ECMAScript : 核心 DOM : 文档对象模型 BOM : 浏览器对象模型 3,请写出两种将Javascript的应用到网页的方式 答： 方法一：将javascript代码插入html文档
部分的 方法二：将javascript代码存放在一个独立的文件。用.js作为文件的扩展名，再利用 4,如何定义一个变量？变量的命名规则有哪些？ 答：变量由var 运算符加变量名定义,如： var num = 24; var name= ‘金团网’; 命名规则第一个字符必须是字母、下划线(_)、或美元符号($); 变量名中不能包含空格或标点符号（$ 除外); 变量名区分大小写; 不能使用保留字; 为了让变量名有更好的可读性，可以在变量名中适当的插入下划线分隔，如：var my_name = ‘金团网’; 5,Javascript的常用的几种数据类型有哪些？Vue.js 专注于MVVM 模型的ViewModel 层。它通过双向数据绑定把View 层和Model 层连接了起来。Vue.js和其他库相比是一个小而美的库，作者的主要目的是通过一个尽量简单的API 产生可反映的数据绑定和可组合的视图组件，感觉作者的思路非常清晰。 介绍 vue.js 是用来构建web应用接口的一个库 技术上，Vue.js 重点集中在MVVM模式的ViewModel层，它连接视图和数据绑定模型通过两种方式。实际的DOM操作和输出格式被抽象的方式到指令（Directives）和过滤器（Filters） 在哲学领域内,尽量让MVVM数据绑定API尽可能简单。模块化和可组合性也是重要的设计考虑。vue不是一个全面的框架,它被设计成简单的和灵活的。你可以用它快速原型,或混合和匹配与其他库定义前端堆栈。 Vue。js的API是参考了AngularJS、KnockoutJS Ractive.js Rivets.js。尽管有相似之处,我相信Vue.js提供一个有价值能够让你在现在的一些现有框架中舍取其价值即使你已经熟悉其中的一些术语,建议您通过以下概念的概述,因为你的这些术语的概念可能在Vue.js的下文中有所不同 概念概述 ViewModel 一个对象,同步模型和视图. 在Vue.js中,ViewModels是实例化的Vue的构造器或者是它的子类 var vm = new Vue({ /* options */ }) 这是主要的对象,你会与作为开发人员在使用Vue.js交互。更多细节请参阅Class: Vue. View 用户看到的实际HTML / DOM vm.$el // The View 当使用Vue.js时候，除了自己自定义的指令你几乎不会触碰到DOM的操作，当数据更新后视图的更新将会自动的触发，视图的更新可以很精确的到每一个testNode节点，他们也批处理和异步执行从而提供更好的性能。 Model 这是一个略微修改的Javascript对象 vm.$data // The Model 在Vue.js中，模型只是简单的Javascript对象,数据对象,你能够操控他们的属性和视图模型，观察他们的从而能获取通知后更改。Vue.js在data对象胡总用ES5的getter/setter 把属性转化了，它允许直接操作而不需要脏检查。 data对象在适当的时候会产生突变，所以修改它与通过引用修改vm.$data是一样的效果。这也方便了多个ViewModel实例观察同一块数据。 技术细节请看Instantiation Options: data. Directives 私有的HTML属性是告诉Vue.js做一些关于DOM的处理 <div v-text="message"></div> 这里的div元素有一个v-text的指令，值是message.意思是告诉Vue.js 保持这个div节点的内容与viewMode中的message属性同步 指令可以封装任意DOM操作。例如v-attr 操作一个属性元素,v-repeat克隆基于数组的
1、分析下段代码输出结果是（） var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < ;i++) { sum +=arr[i] } (sum); A．20 B．18 C．14 D．12 2、以下关于 Array 数组对象的说法不正确的是（） A．对数组里数据的排序可以用 sort 函数，如果排序效果非预期，可以给 sort 函数加一个排序函数的参数 B．reverse 用于对数组数据的倒序排列 C．向数组的最后位置加一个新元素，可以用 pop 方法 D．unshift 方法用于向数组删除第一个元素 3、以下代码运行的结果是输出( ) var a = b = 10; (function(){ var a=b=20 })(); (b); A．10 B．20 C．报错 D．undefined
4、以下代码运行后的结果是输出( ) var a=[1, 2, 3]; ()); A．123 B．1,2,3 C．1 2 3 D．[1,2,3] 5、在 JS 中，’1555’+3 的运行结果是( ) A．1558 B．1552 C．15553 D．1553 6、以下代码运行后弹出的结果是( ) var a = 888; ++a; alert(a++); A．888 B．889 C．890 D．891 7、关于变量的命名规则，下列说法正确的是（） A．首字符必须是大写或小写的字母，下划线（_）或美元符（$）B．除首字母的字符可以是字母，数字，下划线或美元符 C．变量名称不能是保留字 D．长度是任意的 E．区分大小写
8、下列的哪一个表达式将返回值为假（） A．!(3<=1) B．(4>=4)&&(5<=2) C．(“a”==“a”)&&(“c”!=“d”) D．(2<3)||(3<2) 9、下面代码，k的运行结果是（） var i = 0,j = 0; for(;i<10,j<6;i++,j++){ k = i + j; } A．16 B．10 C．6 D．12 10、var x = 1; function fn(n){n = n+1}; y = fn(x); y 的值为（）A．2 B．1 C．3 D．undefined 11、[1,2,3,4].join("0").split("") 的执行结果是（） A．"1,2,3,4" B．[1,2,3,4] C．[“1”,“0”,“2”,“0”,“3”,“0”,“4”] D．"1,0,2,0,3,0,4"
JavaScript基础术语和概念总结 一、什么是JavaScript ? JavaScript 是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java 小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。它的出现使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。 二、JavaScript的特点 JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，主要用于创建具有交互性较强的动态页面。其具有以下特点： 1)基于对象：JavaScript 是基于对象的脚本编程语言，能通过DOM（文档结构模型）及自身提供的对象及操作方法来实现所需的功能。 2)事件驱动：JavaScript 采用事件驱动方式，能响应键盘事件、鼠标事件及浏览器窗口事件等，并执行指定的操作。 3)解释性语言：JavaScript 是一种解释性脚本语言，无需专门编译器编译，而是在嵌入JavaScript 脚本的HTML 文档载入时被浏览器逐行地解释，大量节省客户端与服 务器端进行数据交互的时间。 4)实时性：JavaScript 事件处理是实时的，无须经服务器就可以直接对客户端的事件做出响应，并用处理结果实时更新目标页面。 5)动态性：JavaScript 提供简单高效的语言流程，灵活处理对象的各种方法和属性，同时及时响应文档页面事件，实现页面的交互性和动态性。 6)跨平台：JavaScript 脚本的正确运行依赖于浏览器，而与具体的操作系统无关。只要客户端装有支持JavaScript 脚本的浏览器，JavaScript 脚本运行结果就能正确反 映在客户端浏览器平台上。 7)开发使用简单：JavaScript 基本结构类似C 语言，采用小程序段的方式编程，并提供了简易的开发平台和便捷的开发流程，就可以嵌入到HTML 文档中供浏览器解 释执行。同时JavaScript 的变量类型是弱类型，使用不严格。 8)相对安全性：JavaScript 是客户端脚本，通过浏览器解释执行。它不允许访问本地
2012-5-15 [成就源于整理] | oush [深圳残 友动漫] 静态页面效果代码
目录 1.获取当前日期和星期 (2) 2.繁简中文转换 (2) 3.支持ff和ie的滤镜效果样式 (2) 4.让ie6实现li的hover事件代码 (3) 5.首页菜单效果 (3) 6.鼠标经过时菜单显示不一样的背景js (5) 7.banner效果 (6) 8.兼容两种浏览器，通常方法 (6) 9.用样式实现div的圆角 (7) 10.如何在ie6及更早浏览器中定义小调试的容器 (7) 11. 如何解决IE6及更早浏览器浮动时产生双倍边距的BUG (7) 12. 如何在IE6及更早浏览器下模拟min-height效果 (7) 13．如何解决按钮在IE7及更早浏览器下随着value增多两边留白也随着增加的问题.. 8 14．如何解决IE7及更早浏览器下当li中出现2个或以上的浮动时，li之间产生的空白间隙的BUG (8) 15．如何解决IE6下的文本溢出BUG (8) 16．如何使文本溢出边界显示为省略号 (8) 17. 如何使连续的长字符串自动换行 (9) 18．如何让已知高度的容器在页面中水平垂直居中 (9) 19. 如何做1像素细边框的table (9) 20. 如何在点文字时也选中复选框或单选框 (9) 21.渐变背景色css3 (9) 22.加载在线jquery (10) 23.鼠标经过时宽度加长 (10) 24.跳转下拉菜单 (10) 25.去除超链接虚线框 (10) 26.显示子菜单封装类 (10) 27. 实现图片延迟加载 (11) 28.动态获取当前时间 (11) 29.百度地图API，地图生成工具 (12) 30.返回到顶部 (12) 31．刷新页面的js方法 (13) 32.固定层div样式 (13) 33.高级样式 (13) 34.激活hasLayout (14)
一、选择题（每题 2 分，多选题错选、少选不得分） 1、分析下段代码输出结果是（） var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < arr.length;i++) { sum +=arr[i] } console.log(sum); A．20 B．18 C．14 D．12 2、以下关于Array 数组对象的说法不正确的是（） A．对数组里数据的排序可以用sort 函数，如果排序效果非预期，可以给sort 函数加一个排序函数的参数 B．reverse 用于对数组数据的倒序排列 C．向数组的最后位置加一个新元素，可以用pop 方法 D．unshift 方法用于向数组删除第一个元素
3、以下代码运行的结果是输出( ) var a = b = 10; (function(){ var a=b=20 })(); console.log(b); A．10 B．20 C．报错D．undefined 4、以下代码运行后的结果是输出( ) var a=[1, 2, 3]; console.log(a.join()); A．123 B．1,2,3 C．1 2 3 D．[1,2,3] 5、在JS 中，’1555 ’+3 的运行结果是( )
A．1558 B．1552 C．15553 D．1553 6、以下代码运行后弹出的结果是( ) var a = 888; ++a; alert(a++); A．888 B．889 C．890 D．891 7、关于变量的命名规则，下列说法正确的是（） A．首字符必须是大写或小写的字母，下划线（_）或美元符（$ ）B．除首字母的字符可以是字母，数字，下划线或美元符 C．变量名称不能是保留字 D．长度是任意的 E．区分大小写
H5-JS基础试题姓名：班级：成绩： 一、单选题（每小题1分，20小题，共60分） 1、null，undefined，”瑳楲杮，20，true和false的共同点是（） A、都是对象 B、都有相同的实例属性 C、都是原始值 D、都是函数 2、下列哪个正确的引入了myScript.js（） A、 JavaScript代码的出现位置 (1) HTML页面主体部分(
) 例01.html(2) HTML页面头部(
) 02.html (3) 单独的外部文件 03.html 数据类型 JavaScript支持基本数据类型和对象类型(1)基本数据类型 整型 浮点型 字符型 布尔型 (2)对象类型 内置对象 (String、Math、Date) 浏览器对象(Window、Document、History,Forms、…) 用户自定义对象 变量 (1)命名规则: <1>必须以字母、下划线或美元符号开头，