zoukankan      html  css  js  c++  java
  • 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

    吹逼交流群

  • 相关阅读:
    MybatisProperties注册IOC容器和初始化
    Springboot源码之application.yaml读取过程
    DataSource的注册容器和初始化
    修改ha_config配置文件
    读书笔记--Python基础教程 001
    Python实现购物车小程序
    Python3实现三级菜单
    实现用户登录并且输入错误三次后锁定该用户
    day1-python 的基础部分
    翻译:《实用的Python编程》06_02_Customizing_iteration
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11932375.html
Copyright © 2011-2022 走看看