web学习

系统的学习方案

看各种书籍
html+div+css+ps切图+ftp网站上传

html5标签+css3动画+手机网站开发

swiper.js+iscroll.js

JavaScript+jQuery+Ajax

js插件+代码性能优化

github+sea.js+require.js+gulp

2D+3D应用

多媒体技术+地理信息+本地存储

跨域操作+多线程+highcharts图表+bootstrap

框架vue/react/Angular

HTML+css

JavaScript
《JavaScript权威指南》
jQuery和Ajax

H5+C3

有规划的学习
freecodecamp受认可吗
函授学历,是这样,对于找工作是非常有用的,因为它是国家学历的一种,与普通高校、自考、成考、等一样是学历体系中的一种。但是目前在考研、考公务员还有司法考试这三个考试项目中,函授学历还不行。

掌握HTML、CSS、JavaScript、jQuery以及框架等应该掌握的基本知识

CS核心和PC端页面开发
HTML5移动端页面开发

前端的基础

HTML、CSS、JavaScript

数学、算法、数据结构、操作系统、编译原理

前端的大牛,通常是一个各种领域都精通的全栈

image.png

对前端流露出的喜爱之情,对知识的求知欲,对基础知识的扎实

js里事件的冒泡与捕获,闭包,原型链机制,布局当中的BFC,垂直居中

babel,webpack,es6,react等

react的优化,模块加载的方式,nodejs原理性基础

书本(纸质书)、博客文章、付费视频、练习网站

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一

CSS是英语Cascading Style Sheets(层叠样式表单)的缩写

javascript思维:

静态方法:

function 函数名([虚参列表]){
 函数体;
 [return [函数返回值;]]
}

动态匿名方法
var 函数名 = new Function(["虚参列表"],"函数体");

直接量方法
函数名 = function([虚参列表]){函数体;}
<a href="javascript:函数名()"></a>

事件类型 = “函数名()”

递归调用:
定义:在函数体内部调用函数自身
格式:
function 函数名(){
代码
函数名();
}

apply:
将函数作为对象的方法来调用
将参数以数组形式传递给该方法

call:
将函数作为对象的方法来调用
将指定参数传递给该方法

toString:
返回函数的字符串表示

image.png

this:指向当前操作对象
callee:指向参数集合所属函数
prototype:指向函数附带的原型对象
constructor:指向创建该对象的构造函数

image.png

firstChild:获取元素的首个子节点

lastChild:获取元素的最后一个子节点

childNodes:获取元素的子节点列表

previousSibling:获取已知节点的前一个节点

nextSibling:获取已知节点的后一个节点

parentNode获取已知节点的父节点

createElement:创建元素节点
createAttribute:创建属性节点
createTextNode:创建文本节点

appendChild:向节点的子节点列表的末尾添加新的子节点

insertBefore:在已知的子节点前插入一个新的子节点

replaceChild:将某个子节点替换为另一个

复制节点:
cloneNode
image.png

删除节点:removeChild
removeChild要删除的节点
删除指定的节点

获取属性:getAttribute
元素节点.getAttribute(元素属性名)
获取元素节点中指定属性的属性值

设置属性:setAttribute
元素节点.setAttribute(属性名.属性值)
创建或改变元素节点的属性

删除属性:removeAttribute
语法:元素节点.removeAttribute(属性名)
功能:删除元素中的指定属性

image.png

跳转语句:
return 终止函数体的运行,并返回一个值
break 终止整个循环,不再进行判断

continue 结束本次循环,接着去判断是否执行下次循环

switch(条件表达式) {
 case 标签1:
  代码段1:;
  break;
 ...
 default:
  代码段n;
}

异常处理语句:
throw 主动抛出异常
try 指明需要处理的代码daunt
catch 捕获异常
finally 后期处理

数组:
空数组 var obj = new Array();
指定长度数组 var obj = new Array(Size);
指定元素数组
var obj = new Array(元素1,元素2,…);

image.png

存取数组元素:
单维数组
多维数组
特性:
数组长度是弹性的,下标从0开始
下标类型,数值,非数值
转为字符串,关联数组,下标将作为对象属性的名字

删除数组delete数组名[下标];
遍历数组:for(var 数组元素遍历 in 数组)

数组属性:
constructor: 引用数组对象的构建函数
length 返回数组的长度
prototype 通过增加属性和方法扩展数组的定义

push()在数组末尾添加数组
unshift()在数组头部添加元素
concat()合并两个数组

pop()删除并返回数值的最后一个元素
shift()删除并返回数组的第一个元素

splice()和slice()

数组排序:
reverse(): 数组倒数顺序
sort():默认字符串比较

数组转换:
toString() 转换为字符串并返回
toLocalString() 转换为本地格式字符串并返回
join()用指定分隔符分割数组并转为字符串

ES5:
indexOf
从数组的起始位置开始查找
lastIndexOf
从数组的结束位置开始查找

迭代方法:
every如果该函数对每一项都返回true,则返回true
filter 返回值为true的所有数组成员

map返回每次函数调用的结果数组
some有任意一项返回true,则返回true

缩小方法
reduce从数组起始开始遍历
reduceRight从数组末尾开始遍历

image.png

image.png

image.png

image.png

image.png

image.png

字符串

字符串方法:
charAt()
功能,返回字符串中第n个字符
参数,超出范围,返回空字符串
返回值,string中第n个字符的实际值

charCodeAt()
功能,返回字符串中第n个字符的代码
参数,超出范围,返回nan

fromCharCode()
功能:根据字符编码创建字符串
参数,0个或多个整数,
返回值,由指定编码字符组成的新字符串

toUpperCase()

toLowerCase()


请点赞!因为你的鼓励是我写作的最大动力!

官方微信公众号

吹逼交流群:711613774

吹逼交流群

posted @ 2019-07-13 20:29  达达前端  阅读(126)  评论(0编辑  收藏  举报