文档章节

[js]javascript索引

o
 osc_gq0nahbo
发布于 2018/04/28 23:11
字数 1172
阅读 96
收藏 2

行业解决方案、产品招募中!想赚钱就来传!>>>

js&jq总结的还是挺棒的: http://www.cnblogs.com/yuanchenqi/articles/5980312.html http://www.cnblogs.com/yuanchenqi/articles/6070667.html

我学了很久没把js学会, 我发现我的路子错了, 一开始就追求大而全.....累死... 好办法应该是迭代式更新知识点....

ECMAScript(4,5) 目前学的是es5 es6其实是ECMAScript 2015.

mvc模式和mvvm模式及vue学习思路

- 前端工作的日常:

拿到ui设计图: 切图--> html+css静态布局-->js写一下动态效果
ajax和后台进行交互-->把数据绑定到页面上-->用nodejs服务平台做src管理-->
用nodejs做后台



前端开发:
    html css js
后端开发:
    nodejs提供resetful api
移动端开发:
    前端开发 html5 css3 bootstrap angular promise websocket requre.js
    后端开发 nodejs express socket.io resetful
    数据库: mongodb redis mysql orm
    移动开发: react react-native


- node
1.创建服务器,访问
2,区分path和query
3,返回指定html, fs模块
4,返回任意html
5.根据后缀设置content-type

// 思路: 接收请求 -- 获取后缀 -- 设置content-type -- 响应

4种输出方法 说明
alert(confirm) 弹出
document.write 写入文档,通常页面中间插入广告
console.log console
innerHTML/innerText 在指定元素中动态添加内容
浏览器(window浏览器对象) --> 文档(document对象) --> html元素

js有3部分组成:
ECMAScript(4,5): 定义了js的语法.(数据类型,基本语法,操作语句等最核心的东西)
BOM:  (Window)           浏览器对象模型
DOM: (Document)            文档对象模型: 参考: http://www.cnblogs.com/iiiiher/p/7967384.html

注意: document 文档对象和BOM(浏览器对象模型)不是一回事.
// 变量命名: 区分大小写
// 定义变量:
var name = "maotai";
console.log(name);

// 数据类型:
// 数字 字符串 布尔 [] {} 正则
var num = 12;
var str = "maotai";
var boo = true;
var n = null;
var m = undefined;
var obj = {name: 'maotai'};
var arr = [1, 2, 3];
var reg = /^1\d{11}/;
var fn = function () {

}

// 数据类型分类:
// 基本数据类型: number string boolen null undefined
// 引用数据类型:  对象{} 数组[] 正则reg
// 函数数据类型
- if判断& switch语句
- 两种for循环

// 3个判断 3个循环
var num = 10;
if (num < 0) {
    console.log('负数');
} else if (num > 10 && num < 10) {
    console.log('1-10');
} else {
    console.log('大于10');
}

num >=0?console.log("正数或0"):console.log("负数");


switch (num){
    case 0:
        console.log("0");
    case 5:
        console.log('5');
        break;
    default:
        console.log("NaN");
}

for (var i = 0;i<10;i++){
    console.log(i);
    break;
}


var arr = [1,2,3,4,'maotai'];
for (i in arr){
    console.log(arr[i]);
}


- innerHTML和innerText的区别

<div id="app"></div>

<script>
    var app = document.getElementById("app");
    app.innerText = '<h1>maotai</h1>';
    // app.innerHTML = '<h1>maotai</h1>';
</script>

- innerHtml解析html标签, innnerText不解析html
- 数组的13个方法

var arr = [0, 1, 2, 3];
arr.push(4);
arr.push(5, 6);
arr[arr.length] = 7;
console.log(arr);

arr.pop();
console.log(arr);

arr.shift()
console.log(arr);

arr.unshift(0);
console.log(arr);


arr.splice(2,2); //从索引n开始删除m个
console.log(arr);

arr.splice(2); //从索引n开始删除到结尾
arr.splice(0); //清空原数组,返回原数组的每一项
arr.splice(); //数组中一项都没删除, 返回一个空数组

arr.splice(1,2,0); //从索引n开始删除m个,删除的部分用x代替

arr2 = [6,7,8];
arr1.concat(arr2); // 把arr2接到arr1后

arr2.toString(); // 将数组转换为字符串

arr.join('+'); // 数组以+为分割符

arr.reverse(); // 倒序排列

- 每一种资源文件都有自己的标识类型. 浏览器按照提供的MIME(content-type)类型渲染页面
text/plain  txt

    var suffix = reg.exec(pathname)[1].toUpperCase();
    var reg = /\.(HTML|CSS|JS|JSON|TXT|ICO)/i;
    var suffixMIME = 'text/plain';
    if (reg.test(pathname)) {
        switch (suffix) {
            case "HTML":
                suffixMIME = 'text/html';
                break;
            case "JS":
                suffixMIME = 'text/javascript';
                break;
            case "CSS":
                suffixMIME = 'text/css';
                break;
            case "JSON":
                suffixMIME = 'application/json';
                break;
            case "ICO":
                suffixMIME = 'application/octet-stream';
                break;
        }
    }

****js字符串和数组的方法

js中函数传参判断 oop1 oop2 js中事件的3要素

作用域链查找规则获取值和设置值 js代码执行顺序/全局&私有变量/作用域链/闭包 js原型链继承小结 js栈内存的全局/私有作用域,代码预解释 js中4种无节操的预解释情况 js的惰性声明, js中声明过的变量(预解释),后在不会重新声明了 this关键字代表当前执行的主体 js中变量带var和不带var的区别 函数的上级作用域,他的上级作用域就是谁,跟函数在哪执行的没什么关系.

js中类的继承

js设计模式-单例模式 js设计模式-工厂模式 js设计模式-原型模式 js设计模式-修改原型 js杂项陆续补充中... js设计模式-构造函数模式 js设计模式小结 设计模式小结&对原型的修改

ajax-异源请求jsonp jquery里的jsonp实现ajax异源请求 浏览器同源策略(same-origin policy)

nodejs初探http/url/fs模块*****

js前端求和与flask后端求和

o
粉丝 1
博文 499
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Nutch学习笔记4-Nutch 1.7 的 索引篇 ElasticSearch

上一篇讲解了爬取和分析的流程,很重要的收获就是: 解析过程中,会根据页面的ContentType获得一系列的注册解析器, 依次调用每个解析器,当其中一个解析成功后就返回,否则继续执行下一个解...

强子哥哥
2014/06/26
712
0
CSS Browser Selector

CSS Browser Selector 是一个小的 JS 库,可增强 CSS 的选择器功能,支持根据不同的操作系统和浏览器来编写指定的 CSS 代码,可检测浏览器、浏览器版本、平台、平台版本、设备、设备版本、m...

匿名
2013/01/17
2.7K
1
在多个浏览器上运行脚本--Queen

假设你想和朋友们玩这么个游戏:你写下某个数字,然后让朋友们猜你写的是什么数字。你的朋友们将不断的给你一些猜测的数字,直到猜中为止。 现在想象你的朋友都是使用的浏览器,这个游戏就相...

匿名
2013/01/24
4.4K
1
Web开发组件管理器--Bower

Bower 是一个针对Web开发的包管理器。该工具主要用来帮助用户轻松安装CSS、JavaScript、图像等相关包,并管理这些包之间的依赖。 功能有些类似于Component。不同之处是,Component是围绕Git...

匿名
2013/02/01
1.2W
2
C++模板库--C++ B-tree

这是一个google开源的C++模板库,实现了基于B-tree数据结构的有序内存容器。类似于STL的map、set、multimap和multiset模板,C++ B-tree也提供了btreemap、btreeset、btreemultimap和btreemu...

匿名
2013/02/05
3.2K
1

没有更多内容

加载失败,请刷新页面

加载更多

好用到爆的 Java 技巧

本文不是一个吹嘘的文章,不会讲很多高深的架构,相反,会讲解很多基础的问题和写法问题,如果读者自认为基础问题和写法问题都是不是问题,那请忽略这篇文章,节省出时间去做一些有意义的事情...

码农突围
39分钟前
8
0
消息队列(MessageQueue)-分析

这里分析消息队列的原理和一般做法和其理念价值 这里还会 分析 NATS 和其可改进点 TODO

梦想游戏人
43分钟前
20
0
Redis 教程

Redis 教程 REmote DIctionary Server(Redis) 是一个由Salvatore Sanfilippo写的key-value存储系统。 Redis是一个开源的使用ANSI C语言编写、遵守BSD协议、支持网络、可基于内存亦可持久化的...

rootliu
45分钟前
9
0
SPSSAU 付费数据研究报告服务

SPSSAU-付费数据分析报告服务(周老师提供) 本文分享自微信公众号 - SPSSAU(spssau)。 如有侵权,请联系 support@oschina.cn 删除。 本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起...

SPSSAU
2017/11/08
0
0
芋艿-springcloud gateway

http://www.iocoder.cn/Spring-Cloud/Spring-Cloud-Gateway/?github springcloud gateway 官方文档 https://cloud.spring.io/spring-cloud-gateway/reference/html/#gatewayfilter-factories......

Java搬砖工程师
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部