首页
AI Coding
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端从零到一
ZHOUQYI
创建于2022-03-04
订阅专栏
本专栏主要分享我自己学习前端的笔记心得。偏向基础,适合新人学习!欢迎大家指点迷津!!!大佬勿喷!!!
暂无订阅
共25篇文章
创建于2022-03-04
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
前端-024:正则表达式 与 es6
1. 正则表达式 1.1 什么是正则表达式 正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象,通常被用来检索、替换
前端-023:this指向 闭包与递归
1. this 1.1 函数内 this 的指向: 1.2 改变函数内部 this 指向 JavaScript 为我们专门提供了一些函数方法来处理函数内部 this 的指向问题,常用的有 bind()
前端-022:构造函数和原型 ES5新增方法
1. 构造函数和原型 1.1 概述 但在 ES6 之前,JS 中并没用引入类的概念,对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征 创建对象可以通过以下三种方式: 对象字
前端-021:面向对象编程
1. 面向对象编程 面向对象编程 OOP (Object Oriented Programming)就是把事务分解成为一个个对象,然后由对象之间分工与合作,面向对象是以对象功能来划分问题,而不是步骤
前端-020:本地存储 localStorage和 sessionStorage
本地存储特性: 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大,sessionStorage约5M、localStorage约20M 只能存储字符串,可以将对象JSON.st
前端-019:网页特效归纳总结
1. offset 元素偏移量 offset 翻译过来就是偏移量,使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度
前端-018:BOM浏览器对象模型
1. BOM 概述 BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window 1.1 BOM 的构成 window
前端-017:DOM事件高级
1. 注册事件(绑定事件) 概述: 给元素添加事件,称为注册事件或者绑定事件,注册事件有两种方式:传统方式和方法监听注册方式 传统注册方式: 利用 on 开头的事件 onclick <button o
前端-016:DOM基础一站式通关总结
什么是 DOM: 文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口,通过这些 DOM 接口可以改变
前端-015:JS内置的基本对象方法
1. Math 对象 Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员 注: 上面的方法必须带括号 2. Date
前端-014:JS作用域 变量提升与JS对象
1. JavaScript 作用域 1.1 作用域 一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域 作用域的使用提高了程序逻辑的局部性,增强了程序
前端-013:JS循环 数组 函数
1. 流程控制-循环 循环目的: 在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句 Js 中主要有三种类型的循环语句: for 循环 while 循环 do.
前端-012:JS运算符 流程分支控制
1. 运算符 运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号 中常用的运算符有: 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.1 算
前端-011:JS变量 数据类型
1. 变量 1.1 什么是变量 变量是用于存放数据的容器。 我们通过 变量名 获取数据,甚至数据可以修改。变量就是一个装东西的盒子 本质:变量是程序在内存中申请的一块用来存放数据的空间 1.2 变量的
前端-010:移动端流式布局 flex布局 rem适配布局
1. 视口 在学习移动端布局之前需要线了解以下什么是视口 视口(viewport)就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口 1.1 布局视口 layout view
前端-009:CSS3动画 2D/3D转换
1. 2D 转换 转换(transform)也是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果 2D 转换就是改变标签在二维平面上的位置和形状 主要有: 移动:translate
前端-008:HTML5与CSS3新增特性提高
1. HTML5 的新特性 HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等 1.1 HTML5 新增语义化标签 以前布局,我们基本用 div 来做。div 对
前端-007:CSS高级 精灵图 三角 vertical-align 溢出省略号
1. 精灵图 1.1 为什么需要精灵图 网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度 因此,为
前端-006:CSS定位 元素的显示与隐藏
1. 定位 1.1 定位的作用 元素可以自由的在一个盒子内移动位置,并且压住其他盒子 当我们滚动窗口的时候,盒子是固定屏幕某个位置的 以上效果,标准流或浮动都无法快速实现,此时需要定位来实现。 浮动与
前端-005:CSS浮动与清除浮动
1. 浮动(float) CSS 提供了三种传统布局方式(就是盒子如何进行排列顺序): 普通流(标准流) 浮动 定位 所谓的标准流: 就是标签按照规定好默认方式排列,也是最基本的布局方式 实际开发中,
下一页