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

因为平时也在上班,这些都是在地铁上抽空开始看的,总结来说还是有一些收获存在,每次看都能发现一些新东西,废话不多说,开撸! JavaScript是一种网页编程语言,可以对网页的行为进行编程,简单来说HTML5就是网页的身体,CSS决定了颜值,但是JavaScript(简称JS)才是灵魂.在实际工作后我现在认识到了,学好JS真的很重要. JS代码可以放在网页中的任何位置,例如标签中,所有的js代码都必须有script标签来包裹,在最新的版本中,可以默认不写type,网页也可以识别到你的js代码.(也…
以下内容是读书笔记,再一次温习JS好书:PPK谈JS window.load=initializePageaddEventSimple('window','load',function(){}) load事件在页面被完成加载时触发,显然这正是我们初始化脚本所需要的.问题是如果同时批量初始化,可能会发生替换,最后的赋值会替换前面的. js变量名,方法名等区分大小写使用分号作为语句分隔符注释是// /**/代码块使用{} undefined nullundefined:你访问了一个对象不存在的属性或…
前端架构之路:使用Vue.js开始第一个项目   Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文通过一个简单的实例开始上手Vue.js开发. 一.技术准备 使用传统mvc项目的开发人员,笔者建议在开始项目前,对以下两个技术点进行了解. 1. Vue.js基础知识 Vue.js特点就是入门简单,api 简洁一致,文档清晰.对于了解Html,CSS,JavaScript花几个小时看一遍,就能掌握基础的东西. 可参考http://www.runoob.com/v…
js作用:网页特效(电梯导航).交互.表单特效.就是可以用来控制结构和样式. 常用的三个输出语句都属于js的内置对象,提供我们直接使用的功能就是内置对象功能. web三标准:结构.样式.行为.而js主要控制结构和样式. <script></script> alert()弹出警示框(用的少,用户体验差) window.alert("执行语句");也可以直接alert("执行语句"); console控制台输出(用户看不见) 正常输出consol…
"流程控制语句":if.for. 1.1 if 选择语句,给程序添加了多种执行路线. 1 if(){ 2  语句1 3 }else if(){ 4  语句2 5 }else if(){ 6  语句3 7 }else{ 8  语句4 9 } 有且仅有一条出路.注意跳楼现象. 所以我们发现,计算机的两个基本能力:1)计算能力 2)流程控制能力 1.2 for 循环语句,顾名思义,就是将结构类似的语句重复执行. 1 for(var i = 0 ; i <= 100 ; i++){ 2 …
如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi. 从这个角度看,整个"接收 HTTP 请求并提供 Web 页面"的需求根本不需 要 PHP 来处理. 不过对 Node.js 来说,概念完全不一样了.使用 Node.js 时,我们不仅仅 在实现一个应用,同时还实现了整个 HTTP 服务器.事实上,我们的 Web 应用以及对应的 Web 服务器基本上是一样的. 在我们创建 Node.js 第一个…
node.js应用组成部分 1.引入require模块:我们可以使用require指令来载入Node.js模块. 2.创建服务器:服务器可以监听客户端的请求,类似于Apache,Nninx等HTTP服务器. 3.接收请求与相应请求:服务器很容易创建,客户端可以使用浏览器或终端发送HTTP请求,服务器接收请求后返回响应数据. 一个node.js小例子 var http = require('http'); http.createServer(function(request,response){…
一.Node.js简介 1.1 简介 V8引擎本身就是用于Chrome浏览器的JS解释部分,但是Ryan Dahl这哥们,鬼才般的,把这个V8搬到了服务器上,用于做服务器的软件. Node.js是一个专注于实现高性能Web服务器优化的专家,几经探索,几经挫折后,遇到V8而诞生的项目. Node.js是一个让JavaScript运行在服务器端的开发平台,它让JavaScript的触角伸到了服务器端,可以与PHP.JSP.Python.Ruby平起平坐. 但Node似乎有点不同: ● Node.js…
Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文通过一个简单的实例开始上手Vue.js开发.   一.技术准备 笔者建议在开始项目前,对以下两个技术点进行了解. 1. Vue.js基础知识 Vue.js特点就是入门简单,api 简洁一致,文档清晰.对于了解Html,CSS,JavaScript花几个小时看一遍,就能掌握基础的东西. 可参考http://www.runoob.com/vue2/vue-tutorial.html. 2. ES6的模块化加载 有E…
在我们创建 Node.js 第一个 "Hello, World!" 应用前,让我们先了解下 Node.js 应用是由哪几部分组成的: 引入 required 模块:我们可以使用 require 指令来载入 Node.js 模块. 创建服务器:服务器可以监听客户端的请求,类似于 Apache .Nginx 等 HTTP 服务器. 接收请求与响应请求 服务器很容易创建,客户端可以使用浏览器或终端发送 HTTP 请求,服务器接收请求后返回响应数据. 引入 required 模块 我们使用 r…
第一种方法: demo.html代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http…
Three.js顾名思义3D的js库.是运行在浏览器的基于webgl的3D引擎.该引擎是github上的一个开源项目,下载地址:https://github.com/mrdoob/three.js/ 1.搭建一个本地服务器.(本人用的是另外一台mac电脑的自带本地服务器) 2.下载three.js库.https://github.com/mrdoob/three.js/ 准备好前面的操作后,接下来是创建一个项目的过程. 第一步:新建一个项目文件夹"Threejs" 第二步:在Three…
转自:http://www.runoob.com/nodejs/nodejs-tutorial.html 如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi. 从这个角度看,整个"接收 HTTP 请求并提供 Web 页面"的需求根本不需 要 PHP 来处理. 不过对 Node.js 来说,概念完全不一样了.使用 Node.js 时,我们不仅仅 在实现一个应用,同时还实现了整个 HTTP 服务器.事…
/* 实现一个应用,同时还实现了整个 HTTP 服务器. * */ //1.引入http模块 var http=require('http'); //2.用http模块创建服务 /* req获取url信息 (request) res 浏览器返回响应信息 (response) * */ http.createServer(function(req,res){ // 发送 HTTP 头部 // HTTP 状态值: 200 : OK //设置 HTTP 头部,状态码是 200,文件类型是 html,字…
准备工作 1.运用three.js进行3d开发,其实和页面编程一样,首先需要在html文件中引入three.js.Three.js使用面向对象的方式来构建程序,它包含3个基本对象: 场景(scene), 相机(camera), 以及一个渲染器(renderer). 第一步: 引入three.js. <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>My first Three.js…
1.初识JS a.我的第一个JS程序: document.write("Hello JS")://这段代码是输出到body中就是直接打开就可以看到: console.log("Hello JS"); //这段代码是可以通过检查,可以在后台显示看到: b.JS添加 JS在一个页面内可以在任何地方添加<script type="text/javascript">document</script>顺序自上而下执行: c.JS引入…
因为工作需求,最近接触到了ThreeJs库,国内学习文档的确少,所以在这里写下bolgs记录学习史,并且给后面学习的人尽一份微博之力. 3D场景依靠WebGL技术.目前支持比较好的浏览器,谷歌.火狐.  要展示一个3D效果,使用ThreeJS库需要创建几个重要的东西.包括相机.场景. 渲染.形状.下面是几个Js库: Three.JS--核心库,3D场景.形状.光线等处理- Detector.JS--探测器,目前使用用途,判断浏览器是否支持WebGL  Stats.min.js--基本库,因为…
1.js 按照编写顺序执行 2.输出使用document.write. 3.申明数组 var array = [1,2,3,5] ;  var arrStr = ["sgsg","gset","etet"]; 或者  var myArray = new Array();  Array[1] = 10; 4.清空变量时负值为null ; var i = 10 ; i = null;…
转载请注明出处         挺帅的移动开发专栏  http://blog.csdn.net/wangtingshuai/article/details/8631835        在android的开发过程中,有很多时候需要用到本地java代码和javascript进行交互.android对交互进行了很好的封装,在开发中我们可以很简单的用java代码调用webview中的js,也可以用webview中的js来调用本地的java代码,这样我们可以实现很多原来做不了的功能,比如点击网页上的电话…
实践案例一 表单提交 demo.html <!doctype html> <html> <head> <title>表单提交</title> </head> <body> <form method="post" action="http://localhost:3000/"> 姓名:<input type="text" name="ti…
不管js被包装成什么样子,最终交给浏览器执行的js都是原生的,都离不开原生js的原理. Script标签纸html中用来加载js的标签,我们知道js可以是来自外部,本地,或者内部一段代码,在这里只讨论来自外部的加载,对于一个随时进行网络数据交换的浏览器而言,网络请求必然是异步执行的,自然的js文件一般来说异步执行比较好,不容易造成UI卡顿,但是Script标签默认加载js是同步,阻塞式的,也就是说默认情况下浏览器按照从上至下,从左自右的方式解释执行脚本,对于同步请求js文件会造成js文件下载完成…
知识点总结 HTML的属性操作:读.写 元素.属性名 => “读” 元素.属性名=新的值 => “写” 例如: oBtn.value => “读” oBtn.value='按钮' => “写” 注意事项: 1.表单元素的类型不要乱改,即oInput.type='checkbox',因为IE6.IE7.IE8不支持 如果还要实现这种效果, 比如:点击后,由button变成checkbox 实现方法:将button隐藏起来,checkbox显示来实现 2.float IE(styleF…
<div id="app" class="app"> <p>{{ message }}</p> <p>{{ info }}</p> <!-- 等价于下面的写法--> <div v-html="message"></div> <div v-html="info"></div> </div> <…
一.http模块 //require表示引包,引包就是引用自己的一个特殊功能 var http = require("http"); //创建服务器,参数是一个回调函数,表示如果有请求进来,要做什么 var server = http.createServer(function(req,res){ //req表示请求,request; res表示响应,response //设置HTTP头部,状态码是200,文件类型是html,字符集是utf8 res.writeHead(200,{&q…
什么是Electron Node.js和Chromium的结合品.允许只使用HTML,CSS和JavaScript来开发跨平台桌面应用. 编写第一个Electron程序(Hello World) 在开始之前确保Node.js和Electron已经正确安装,可以用node -v,electron -v来看看有没有输出版号信息 确定必要环境都安装好之后就可以开始 首先创建一个新的文件夹,可以叫做Hello World 在该文件夹下创建三个文件,分别是index.html,main.js,packag…
vue.js是一个前端框架,他与jquery不同,jquery是一个js库,而vue.js是js的前端框架. vue.js对我们前端页面入侵比较大,而jquery则不然.那我们还为什么要使用vue.js呢,vue.js可以让我们不再关注前端的视图层,只要关注前端的业务逻辑即可:vue.js与jquery并不冲突,但vue.js不建议我们再进行手动的或者使用jquery操作dom元素.我们可以使用jquery进行ajax向后台请求数据或者进行动画操作.jquery可以和vue.js进行搭配使用.v…
Underscore 是一个非常实用的Javascript类库. 通过研究他能提高自身的JS水平. 我们看到整个代码被 (function() { /*  代码 */ }.call(this)); 包裹了起来. (function() { // 代码 }.call(this)); 这是什么意思?作用是什么?先不着急,我们通过一个个例子来学习. 这个其实很好理解 // 这是一个普通函数 var a = function(){ alert("11") } 如果运行这段JS脚本,不会弹出11…
这个好像比ANGULAR.JS要轻量一些,看看. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="demo.css" /> </head> <body> <!--this is my Vi…
一.环境配置 windows系统 cnpm install node 下载nw.js https://github.com/nwjs/nw.js 找到download下载合适的版本 二.开发 项目目录如下: node_modules存放用到的node模块,package.json是入口文件 package.json内容为 {“name”: “nw-app”,“version”: “1.0.0”,“description”: “”,“main”: “index.html”, “author”: “…
Vue.js是一个轻巧.高性能.可组件化的MVVM库,同时拥有非常容易上手的API. 1.安装 下载 git clone https://github.com/vuejs/vue.git 页面中直接引入 <script src="./dist/vue.js"></script> 2.HelloWorld 代码如下: <html><head> <meta charset="utf-8"> <title&…