JS初学运用

Node.js初学

Node.js 初学~ 其技术上最大的卖点是非阻塞的I/O和基于事件的异步处理机制. 后端没有什么深入研究,一直对其不是很了解. 透过一个例子看非阻塞与通常的阻塞 var text = readFileSync("sample.html");//执行完才会进行下一步 console.log(text); //第一个例子必须等到 readFileSync 读完文件, 才会有值的接受以及后来的打印. 阻塞I/O会导致线程等待,从而造成线程资源浪费,因为当应用服务器处理请求时,…

node.js 初学（二）—— 搭建注册/登录服务器

node.js 初学(二)—— 搭建注册/登录服务器理论上来说,代码实现在理论和实际上是一样的.但实际上来说,他们不是做一个最简单的用户注册登录功能 1.接口定义: 注册:/user?act=reg&user=wjw&pass=123456 返回:{"ok":false,"meg":"原因"} 登录:/user?act=login&user=wjw&pass=123456 返回:{"ok":…

node.js 初学（一）—— http fs 服务器/文件/post get

node.js 初学 —— http fs 服务器/文件/post get 这个世界,从来不会给失败者颁奖! 了解 node.js (开源) node.js 是用来做后台开发的,但是现在大部分前端人员也要掌握一定的 node.js 知识. 主要学习 node.js 的基础用法,模块,自定义. JavaScript 主要用作前端.node.js 专注于后台, 与 JavaScript 差不多,语法基本一样. 后台:python java PHP 等等. 为什么会出现 node.js 呢? 1.…

JS初学之-选项卡（图片切换类）

初学选项卡,主要问题卡在了索引值上面,花了较长的时间学习. 索引值其实很好理解,就是为每一个元素用JS的方法添加一个属性,即自定义属性. 在for循环里的函数里用i,会直接弹出这个数组的length,而不是按照数组顺序走,这个原因我们会在学习作用域时学习到,现基于此问题,解决的方法就是为每一个元素添加一个自定义属性index,这个自定义属性一旦和数组匹配,就可以找到相应数组里的东西. 代码解释:aLi[i].index=i; //为每一个Li添加一个自定义属性index等于i,也就是说每一…

JS初学之-if else图片顺序及循环切换

初学JS,代码还需多多改进,自学中... <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>p { margin:0; }body { text-align:center; }#box { width:400px; height:400px; border:10px solid #ccc; margin…

node.js初学遇到的问题

是用express安装一个网站基础架构时 express -t ejs microblog 但是出来的模板引擎是jade,通过修改js也修改模板引用npm install 等等修改了index.ejs但是不能使用模板layer.ejs 通过查资料才知道express3.0默认是jade引擎也不支持ejs模板,通过查资料 npm install express-ejs-layouts var express = require('express') , app = express() , expr…

JS初学之-效果没出来怎么办？-alert函数测试

一般出了问题之后,有经验的高手一眼就可以看出来,但是对于我们初学者来说,利用alert函数不失为一个好方法. 这时我们要利用逐行测试的方法,在任意一句代码下加alert,如果可以弹出来就说明上面的没有问题或问题不大,初学要养成好的习惯,每当有错时,不可随意猜测,要用科学的方法^-^…

使用express搭建第一个Web应用【Node.js初学】

来源:http://jingyan.baidu.com/article/bad08e1ee501e009c8512106.html express是一个开源的node.js项目框架,初学者使用express可以快速的搭建一个Web项目,express中已经集成了Web的http服务器创建.请求和文件管理以及Session的处理等功能,所以express是非常适合初学者的入门学习. 工具/原料 nodejs & npm & express 方法/步骤首先安装express模块,cd…

JS初学的一些易错的知识点

1. false ,0 , "" ,undefined , null 在Boolean 环境下当成 false: null 在数值环境下当成 0: undefined 在数值环境下当成 NaN: 2.NaN不能参与比较,NaN == NaN 结果false 3.(1)不可改变值:Number , String , Boolean ,undefined ,null 特点:数值12存放于栈中,当一变量重新赋值13时,系统会将该变量原地址的名字改为原来的编号,将下一个地址的编号改为该变…

js初学必知三重点

这里列出了一些JS重要知识点(不全面,但自己感觉很重要).彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的. 讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原理(包括三个段落): 函数相关(包括函数传参,带参数函数的调用方式,闭包): 面向对象(包括对象创建.原型链,数据类型的检测,继承). JS代码预解析原理 /****************** JS代码预解析原理 ******************//*JS代码预解析.变量作用域.作用域链等…

js'初学笔记

之前看过一个博主说的学习前端养成写博客的习惯,我慢慢学着在上面写点东西,记录我的学习. 这段时间把之前学的js基础补上一点,学了一些对数组和字符的操作,split(),将字符串变成数组.join(),数组变为字符串.conca()连接数组. charAt(),charCodeAt(),formCharCode(),slice(start,end),substring(),substr(start,length);indexOf(); 有一些我就不多说了,在这里记下来,以后看看,有兴趣可以看看山冈…

JS一点认知: JavaScrip组成:ECMAScript 核心 BOM ---Browser Object Model 游览器对象模型 DOM 文档模型 document JavaScrip写法分类: 1.內联式写在标签内部以属性为表现:事件属性="js代码" 2.内嵌式以script标签形式嵌入到html页面中 <script type="text/javascript"> js代码 </script> 3.外部引用 <…

vue.js初学，笔记1，安装

最近学习vue.js,下面是笔记: 说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事.来自官网:"这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟一次以保证尽量与官方服务同步." 官方网址:http://npm.taobao.org 安装:命令提示符执行npm install cnpm -g --registry=https://registry.…

js初学练手：Csdn Ads Cleaner

最新版本在这里哒:https://greasyfork.org/zh-CN/scripts/376621-csdn-ads-cleaner 隔壁csdn的广告太猖獗啦!写个js管管它需配合TemperMonkey使用,点击左上角的按钮就可以清除广告. V1.0代码: // ==UserScript== // @name Csdn Ads Cleaner // @namespace http://tampermonkey.net/ // @version 1.0 // @description…

js初学

1.学习一门编程语言需要记住知识点: 1.关键字. 2.标识符. 3.注释. 4.运算符. 5.常量和变量 . 6.语句. 7.函数 . 8.数组. js是一个基于对象的脚步语言 2.js与form表单共同运用 <body> </body> <script type="text/javascript"> function student(){ var Name…

angular js 初学

1 angularJS的一些概念 AngularJS 通过新的属性和表达式扩展了 HTML. AngularJS 是一个 JavaScript 框架,它是一个以Javascript编写的库,它可通过 <script> 标签添加到 HTML 页面. Angular Js是一个Javascript框架, AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications). 注:我们建议把脚本放在 <body> 元素的底部.这会提高网页加载速度…

前段js初学总结

常用的js整理 confirm("此次修改操作会清空所有基础数据!!!您确定要修改吗?") <a onclick="delBasisData('${data['_id']!''}')">删除</a> 抑制警告 @SuppressWarnings(value={"unchecked","unused"}) @SuppressWarnings("all") 如果为空给一个空的字符串 ${…

vue.js初学（三）模板语法

1:介绍 vue.js允许开发者声明式地将Dom元素绑定至Vue实例的底层,所有的模板都是合法的html,所以能够被遵循规范的浏览器和html解析器解析在底层的实现上,vue将模板编译成虚拟Dom渲染.结合响应式系统在应用改变时,vue能够智能地计算出重新渲染组件的最小代价并应用到Dom操作上. 如果你熟悉虚拟dom并且偏爱原生js的语法,你可以不用模板,直接写render函数,使用可选的jsx语法 2:插值数据绑定最常见的形式是:Mustache 双大括号. Mustache 标签将被…

vue.js初学（二）

1:构造器 var app = new Vue ( { //选项 }) 注意点: (1) 之后会经常用vm代表Vue实例 (2)实例化之后需要传入一个选项对象,它可以包括数据.模板.挂载元素.方法.生命周期钩子等选项. (3)可以扩展Vue构造器,从而用预定义选项创建可复用的组件构造器: var MyComponent = Vue.extend({ // 扩展项 }) // 所有的 ' myComponent '实例都将以预定义的扩展选项被创建 var myComponentIntstance…

vue.js初学（一） vue的入门编程

1:首先引入vue.js 2:点击事件 <div id='clickVue'> <p>{{message}}</p> <button v-on:click="reverseMessage">逆转文字</button> </div> var app = new Vue({ el: "#clickVue", data: { message: 'Hello Vue.js!' }, methods: {…

three.js 初学小示例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

node.js 初学自我笔记整理 day01

node.js 概念问题: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境. npm是一个node的包管理工具 ,也是一个网站 ,还是一条命令.Node.js 的包管理器 npm,成为世界上最大的开放源代码的生态系统. 1.用node编写http服务器方法综述: * 1.引入 http 模块 * 2.创建服务器 var http=require("http"); 接下来我们使用 h…

js初学总结

基础交换变量方式 //利用第三方变量进行交换 var num1 = 10; var num2 = 20; var temp; temp = num1; num1 = num2; num2 = temp; console.log(num1); console.log(num2); //一般适用于数字交换 var num1 = 10; var num2 = 20; num1 = num1 + num2; num2 = num1 - num2; num1 = num1 - num2; console…

JS 初学正则表达式

正则表达式匹配中文,英文字母和数字及_的写法!同时控制长度匹配中文:[\u4e00-\u9fa5] 英文字母:[a-zA-Z] 数字:[0-9] 匹配中文,英文字母和数字及_: ^[\u4e00-\u9fa5_a-zA-Z0-9]+$ 同时判断输入长度:[\u4e00-\u9fa5_a-zA-Z0-9_]{4,10} ^[\w\u4E00-\u9FA5\uF900-\uFA2D]*$ 1.一个正则表达式,只含有汉字.数字.字母.下划线不能以下划线开头和结尾:^(?!_)(?!.*?_$)[a…

js初学—实现checkbox全选功能

布局如下: <p ><input type="checkbox" id="che1"/>全选</p><div id="div1"> <input type="checkbox" /><br /> <input type="checkbox" /><br /> <input type="checkb…

js初学—js全自定义单选框

代码如下: <script type="text/javascript"> window.onload=function() { var oIput=document.getElementsByTagName('input'); var Obtn=document.getElementById('btn'); ;i<oIput.length;i++) { oIput[i].onclick=function() { ;i<oIput.length;i++) { o…

JS初学之-js的a:hover

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>.active{background:yellow;}div{width:200px;height:200px;background:#F00;display:none}</style><script>window.onload=…

JS初学之-选项卡（常见）

思路:鼠标滑过的效果直接用a:hover实现的,比较简便,缺点是在IE下不兼容. 为每一个Li添加点击事件,将每一个li用自定义属性的方法与div相匹配,重点是在点击事件内,要先遍历每一个div,使之display:none,然后在事件外写每一个div display:block;这就是所谓的思路: 1.全部清空,当前添加 for(var i=0;i<aBtn.length;i++){ aBtn[i].className=''; }; this.className='…

JS初学之-点击元素，当前的显示样式，其他变灰色

点击按钮或者其他元素,当前的变化,其他的不变(比如选项卡按钮,点击当前的变为黄色,其他的不变色),这样的情况我们有两种思路: 1.全部清空,当前添加 for(var i=0;i<aBtn.length;i++){ aBtn[i].className=''; }; this.className='active'; 2.清空上个,当前添加这个方法不利于维护以及重用,此处不做解释…

JS初学之-自定义属性（索引值）

重点:1.添加索引值的作用:建立匹配.对应的关系. 比如:使每一个按钮对应数组里的每一张图,arrImg[this.index]. 2.不要在for循环的函数里面使用i. 3.添加索引值的方法aBtn[i].index=i;//索引值给每一个li添加了自定义属性index为i,它的作用是一旦和其他数组相匹配,就可以找到相应数组里的东西代码示例: for(var i=0;i<aLi.length;i++){ aLi[i].index=i; //索引值给每一个li添加了自定义属性index为…

【JS初学运用】的更多相关文章