Javascript是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言. JavaScript使我们有能力创建动态页面,而事件是可以被JavaScript侦测到的行为,Javascript事件像HTML标签的属性一样使用,事件是发生在HTML元素上的某些行为,如什么时候被点击了或者什么时候失去焦点. 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件,比方说,我们可以在用户点击某按钮…
Node.js入门   Node.js     Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行Linux 或 Mac OS X.如果是在Windows下,那就需要安装MinGW以获得一个仿POSIX的环境.在Node中,Http是首要的.Node为创建http服务器作了优化,所以在网上看到的大部分示例和库都是集中在web上(http框架.模板库等).   Node.js不是JS应用,而是JS…
JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: 返回值:bool类型,返回用户是否点击确定.如果点击确定,返回true,如果点击取消或小叉子关闭对话框,返回false: var r=confirm("确认还是取消?") console.log(r); 2.js文件中插入html代码 var div = document.createEl…
[源码下载] 背水一战 Windows 10 (75) - 控件(控件基类): FrameworkElement - 基础知识, 相关事件, HorizontalAlignment, VerticalAlignment 作者:webabcd 介绍背水一战 Windows 10 之 控件(控件基类 - FrameworkElement) 基础知识 相关事件 HorizontalAlignment 和 VerticalAlignment 示例1.演示 FrameworkElement 的基础知识Co…
项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or block 可切换 <p>1.两个用于标出范围的标签</p> <div>2. div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素di…
HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="stylesheet" type="text/css" href="mystyle.css"> 内部样式表:<style type="text/css"> body {background-color: red} p {marg…
第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 console.log(" node app1.js 1> info.log console.log("This is a test String ."); //从第二个参数开始,依序输出所有的字符串 console.log("%s","hoge","foo");//输出结果为 hoge…
2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false var test=new Boolean(0); console.log(test); // false var test=new Boolean(null); console.log(test); // false var test=new Boolean(''); console.log(tes…
本文涉及的主题虽然很基础,在很多人眼里属于小伎俩,但在JavaScript基础知识中属于一个综合性的话题.这里会涉及到对象属性的封装.原型.构造函数.闭包以及立即执行表达式等知识. 公有方法 公有方法就是能被外部访问并调用的方法. // 在对象中 var Restaurant = { name: 'McDonald', // 公有方法 getName: function() { return this.name; } } // 在构造函数中 function Person(name, age)…
1. 原型 / 构造函数 / 实例 原型(prototype): 一个简单的对象,用于实现对象的 属性继承.可以简单的理解成对象的爹.在 Firefox 和 Chrome 中,每个JavaScript对象中都包含一个__proto__ (非标准)的属性指向它爹(该对象的原型),可obj.__proto__进行访问. 构造函数: 可以通过new来 新建一个对象 的函数. 实例: 通过构造函数和new创建出来的对象,便是实例. 实例通过__proto__指向原型,通过constructor指向构造函…
HTML基础 目录 HTML基础 HTML5标签 doctype 标签 html标签 head标签 meta标签 title标签 body标签 文本和超链接标签 标题标签 段落标签 换行标签 水平标签 强调标签 图片标签与超链接标签 图片标签 超链接标签 音频标签视频标签 音频标签 视频标签 列表.div 以及 span 标签 列表标签 div 标签 span标签 表格标签 表单标签 输入框 单选按钮 复选框 下拉框 表单验证 类型匹配验证 CSS基础语法 样式表的分类 外部样式表 内嵌样式表…
本文中,我将通过两个范例由浅入深地讲述什么是委托.为什么要使用委托.委托的调用方式.事件的由来..Net Framework中的委托和事件.委托和事件对Observer设计模式的意义,对它们的中间代码也做了讨论. 一.委托是什么 来看下面这两个最简单的方法,它们不过是在屏幕上输出一句问候的话语: public void GreetPeople(string name) { EnglishGreeting(name); } public void EnglishGreeting(string na…
基础的JavaScript知识,只放XMind截图.小白 JS01 JS02 JS03 最基础的js知识--!…
js页面效果学习 (轮播图,文字滚动效果等等) javascript能来做什么 1.数据验证 2.将动态的内容写入网页中(ajax) 3.可以对时间做出响应 4.可以读写html中的内容 5.可以检测浏览器 6.模拟动画 javascript是一种能让你的网页活泼的语言,你可以利用javascript轻易做出亲切的欢迎提示,漂亮的轮播图.有广告效果的跑马灯.还可以显示浏览器停留的时间让这些特殊的效果提高网页的可观性.和用户更好的交互,是web2.0时代不可或缺的客户端语言 前端通过post,ge…
是时候写一写 "继承"了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是 继承 其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承 描述了一种代码的组织结构形式.举个例子:"汽车"可以被看作是"交通工具"的一种特例.我们可以定义一个 Vehicle 类和一个 Car 类来对这种关系进行描述.Vehicle 的定义可能包含引擎.载人能力等,也就是 所有交通工具,比如飞机.火车和汽车等都有的通用的功能描述.在对 Car 类进行定义的…
第8章:过渡 1.CSS过渡 2.JavaScript过渡 3.渐进过渡 第9章:method Vue.js的事件一般通过v-on指令配置在HTML中,虽然也可以在js的代码中使用原生的addEventListener方法添加事件监听,但并不推荐,因为它并不符合"关注点分离"的设计理念. 使用v-on指令有几点好处: 通过HTML模板(视图)就能看到js对应的方法;无需手动绑定事件,ViewModel和DOM完全解耦.易于测试;当一个ViewModel被销毁时,所有的事件处理器都会被自…
1.js事件简介 事件(Event) 是 JavaScript 应用跳动的心脏 ,进行交互,使网页动起来.也是把所有东西粘在一起的胶水.当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了.事件可能是用户在某些内容上的点击.鼠标经过某个特定元素或按下键盘上的某些按键.事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小.通过使用 JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应 2.主要…
html标签是有子和父的,这个时候就出现了事件触发顺序的问题,比如: <!DOCTYPE html> <html> <head> <style> .first{ border:solid #FF0000 } .second{ border:solid #00FF00 } .third{ border:solid #0000FF } </style> <script src="http://libs.baidu.com/jquery…
当你在浏览器上点击一个按钮时,点击的事件不仅仅发生在按钮上,同时点击的还有这个按钮的容器元素,甚至也点击了整个页面. 事件流 事件流描述了从页面接收事件的顺序,但在浏览器发展到第四代时,浏览器开发团队提出了两种完全相反的事件流. 冒泡事件流:IE提出的事件流,即事件由最具体的元素接收,逐级向上,传播到页面.…
使用js的三种方式 1.HTML标签内嵌js <button onclick="javascript:alert(真点啊)">有本事点我</button> 不提倡使用 2.HTML页面中直接使用js <script type="text/javascript"> js代码 </script> 3.引用外部js文件 <script language="JavaScript" src="…
js运行机制 本章了解一下js的运行原理,了解了js的运行原理才能写出更优美的代码,提高运行效率,还能解决开发中遇到的不理解的问题. 进程与线程 进程是cpu资源分配的最小单位,进程可以包含多个线程. 浏览器就是多进程的,每打开的一个浏览器窗口就是一个进程. 线程是cpu调度的最小单位,同一进程下的各个线程之间共享程序的内存空间. 可以把进程看做一个仓库,线程是可以运输的货车,每个仓库有属于自己的多辆货车为仓库服务(运货),每个仓库可以同时由多辆车同时拉货,但是每辆车同一时间只能干一件事,就是运…
前端性能优化总结 资源优化 缓存 最好的资源优化就是不加载资源.缓存也是最见效的优化手段.说实话,虽然说客户端缓存发生在浏览器端,但缓存主要还是服务端来控制,与我们前端关系并不是很大.但还是有必要了解一下. 缓存包括服务端缓存和客户端缓存,本文只谈客户端缓存.所谓客户端缓存主要是http缓存.http缓存主要分为强制缓存和协商缓存. 强制缓存 Expires(http1.0) 在http1.0中使用Expires来做强制缓存.Exprires的值为服务端返回的数据到期时间.当再次请求时的请求时间…
JS控制语句 switch 语句用于基于不同的条件来执行不同的动作 <script> function myFunction(){ var x; var d=new Date().getDay(); switch (d){ case 0:x="今天是星期日"; break; case 1:x="今天是星期一"; break; case 2:x="今天是星期二"; break; case 3:x="今天是星期三";…
之前说过,在js的 运行环境为浏览器时,js就主要有三部分组成: ECMAScript核心语法.BOM.DOM.今天就和大家详细说一下BOM的一些基础知识. BOM BOM通常被称为浏览器对象模型,主要描述了与浏览器交互的方法和接口. 作为JavaScript的一部分,因为每个浏览器对自己的BOM的实现方式不同,BOM并没有任何标准. BOM主要处理浏览器窗口和框架,不过通常浏览器特定的 JavaScript 扩展都被看做 BOM的一部分.扩展包括: -弹出新的浏览器窗口 -移动.关闭浏览器窗口…
  js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class…
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class和f…
http://www.zhangxinxu.com/wordpress/2012/04/js-dom%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BA%8B%E4%BB%B6/ http://blog.csdn.net/jxst051665/article/details/3931598 早就和凌乱说好要发的一篇文章 由于最近工作实在太忙给耽搁了 以下就是抽了个半夜草草写的一点文字,请大家见谅. 主要讲解下方法,实例就不多写了 为大家起一个抛砖引玉的作用 如果大家将一张网页看成一…
摘要:php 基础知识2   重点:有序无序列表:<a>标签:<table>标签  内容容器 1.段落标签 <p></p> 注: 执行前后换行,并空一行. 2.有序列表ol (ordered list) 与无序列表ul  (unordered list) 格式: <ol type="1"> <li>today</li> <li>is</li> <li>ok</l…
目录 网盘 第12章:表单校验 1.npm安装vue-validator $ npm install vue-validator 代码示例: var Vue=require("vue"); var VueValidator=require("vue-validator"); Vue.use(VueValidator); 2.直接使用script标签引入vue.js 要下载vue-validator,那么进入cdn的地址https://cdn.bootcss.com/…
1.存在形式 文件 如: <script src='js/jc.js'></script> 前页面 <script type='text/javascript'>alert('页面')</script> 注意:js代码块要放在页面最底部,body的闭合标签上面即可,如下标黄部分. <!DOCTYPE html><html>    <head>         <meta http-equiv="conten…