web前端知识点总结1

最新推荐文章于 2024-07-19 12:58:53 发布

码农不秃呀

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量234

点赞数 1

分类专栏：笔记文章标签：前端 javascript java

本文链接：https://blog.csdn.net/weixin_53271010/article/details/126896496

版权

笔记专栏收录该内容

31 篇文章 0 订阅

订阅专栏

布局

样式

盒模型

正常盒模型外扩

怪异盒模型内嵌

弹性盒模型

justify-content 设置主轴对齐方式

align- items 单排垂直布局

align-content 多排垂直布局

flex-grow 剩余空间的分配比例

浮动

清除浮动

BFC

格式化上下文

定位

固定定位 position：fixed 相对于浏览器窗口

相对定位 position：relative 相对于元素原来的位置

绝对定位 position：absolute相对于有定位的父元素或祖先元素如果都没有就相对于body

响应式

viewport

初始化页面元素，防止页面被缩放，规范用户操作

媒体查询

@media screen and（min-width：1200px）

特效

less

sass、scss

变形 transform

平移 transform：translateX

旋转 transform：rotate

缩放 transform：scaleY

倾斜 transform：skew

过渡 transition

过滤 filter

模糊 filter：blur

亮度 filter：brightness

对比度 filter：contrast

阴影 filter：drop-shadow

灰度 filter：grayscale

过滤 filter：hue-rotate

反转 filter：invert

透明度 filter：opacity

饱和度 filter：saturate

褐色 filter：sepia

渐变

线性渐变 linear-gradient

径向渐变 radial-gradient

交互

ES5

基本数据类型与引用数据类型的区别

基本数据类型：值在栈区

引用数据类型：值在堆区

深浅拷贝

浅拷贝：拷贝了地址

深拷贝：拷贝了内容

如何实现一个深拷贝

JSON

for in

递归

JSON

JSON是一种特殊格式的字符串

可以与数组、对象进行转换

常用于前后端数据交互、文件配置说明

递归

随机函数的书写

//封装一个函数  取两个数之间的随机整数
     function getRandom(min,max){
       return Math.floor( Math.random()*(max-min-1)+min)
     }

变量提升

1.if形成{}

2.局部变量不适用var声明

== ===区别

== 内容相等

===值和数据类型都相等

if与switch的区别

switch判断常量

switch更高效

array

排序

冒泡排序

快速排序

选择排序

数组去重

       Array.prototype.singleArr=function(){
        var newArr=[];
        this.forEach(function(item){
            newArr.indexOf(item)===-1?newArr.push(item):null;           
        })
        return newArr;
       }

string

substr与substring的区别

反转字符串

       function reverseString(str){
        return str.split('').reverse().join('');
       }
         


       String.prototype.reverseStr=function(){
        return this.split('').reverse().join('');
       }

计时器

请使用setTimeout实现setlterval

BOM

location

navigator.userAgent

EVENT

什么是事件对象

当前事件的所有信息

over out 与enter leave的区别

建议使用enter与leave

over与out在指针进入子级标签时会多次触发

冒泡与捕获