基础-知识点总结
关注
分享
扫一扫
文章平均质量分 65
HTML/CSS/JavaScript/Vue
爱吃松果的美美
前端开发
展开
-
JS//通信、AJAX
JS//（先占坑）3原创 2021-02-28 11:57:42 · 144 阅读 · 0 评论 -
vue2 vs vue3
https://juejin.cn/post/6892295955844956167https://juejin.cn/post/6967706999706353672https://segmentfault.com/a/1190000040099578原创 2021-07-09 13:21:27 · 75 阅读 · 0 评论 -
JS//对象
JS——对象1 JS Array属性constructor、length、prototype方法增 —— （push、unshift）（join、concat）删 —— （pop、shift、splice）改 —— （reverse、copyWithin、fill）（toLocaleString、toString）查 —— （indexOf、lastIndexOf、includes、sort）（slice）迭代 —— （forEach、every 、some、 fliter、.原创 2021-03-02 22:57:50 · 223 阅读 · 0 评论 -
基础//开发环境之模块化
基础//开发环境之模块化原创 2021-03-01 10:14:19 · 103 阅读 · 0 评论 -
基础//开发环境之IDE、git、上线回滚
基础//开发环境之IDE、git、上线回滚1 IDE2 git3 模块化4 上线回滚原创 2021-03-01 10:11:55 · 251 阅读 · 0 评论 -
前端学习网站分享（完善ing）
网易云课堂原创 2021-02-28 18:20:54 · 117 阅读 · 0 评论 -
基础//安全
基础——安全原创 2021-02-28 18:19:13 · 117 阅读 · 0 评论 -
基础//性能优化
基础——性能优化1.1 性能优化的原则① 多使用内存、缓存或者其他方法② 减少 CPU 计算、减少网络1.2 提升性能的方法有哪些？1）加载资源优化①资源压缩合并，减少HTTP请求②非核心代码异步加载 → 异步加载方式 → 异步加载的区别③利用浏览器缓存 → 缓存分类 → 缓存原理④使用CDN 让资源加载更快⑤预解析DNSmeta http-equiv=“x-dns-prefetch-control” content=“on”>link rel=“dns-prefec..原创 2021-02-28 18:08:55 · 160 阅读 · 0 评论 -
基础//渲染机制、页面加载
基础——渲染机制1）什么是DOCTYPE、作用、类型DOCTYPE是用来声明文档类型和DTD规范的，一个主要的用途是文件的合法性验证， 如果文件代码不合法，那么浏览器解析时便会出一些差错。（告诉浏览器现在用哪个文件类型）DOCTYPE类型：HTML 5HTML 4.01 Strict （该DTD包含所有HTML元素和属性，但不包括展示性和弃用性的元素font...）HTML 4.01 Transitional （该DTD包含所有HTML元素和属性，包括展示性和弃用性的元素font..原创 2021-02-28 17:44:34 · 187 阅读 · 0 评论 -
JS//存储
JS——存储1 知识点1.1 cookiecookie 本身用于客户端和服务器端通信。但是它有本地存储的功能，于是就被“借用”。使用 document.cookie = … 获取和修改即可。特点： 存储量太少，只有 4KB所有 http 请求都带着，会影响获取资源的效率API复杂，需要封装才能用 document.cookie = …1.2 sessionStorage 和 localStorageHTML5 专门为存储而设计，最大容量 5MAPI简单易用：localStorage.原创 2021-02-28 17:38:27 · 115 阅读 · 0 评论 -
JS//HTTP 协议
JS//（先占坑）2原创 2021-02-28 11:57:05 · 1379 阅读 · 0 评论 -
基础//HTML5/CSS3/ES6新特性
JS//（先占坑）1原创 2021-02-28 11:56:30 · 272 阅读 · 1 评论 -
前端基础知识总结（完善ing）
前端基础知识总结学习前端知识的过程中，我对所学的基础知识（HTML / CSS / JavaScript / 开发环境 / 运行环境等）做了思维导图框架总结。现在在此分享~ 欢迎大家指正分享~~页面布局两栏布局1、两栏布局2、两栏布局3、两栏布局4三栏布局1、三栏布局2页面布局总结...原创 2021-02-28 11:44:03 · 201 阅读 · 2 评论 -
JS//DOM事件、事件
JS//（先占坑）1JS//（先占坑）2JS//（先占坑）3JS//4（先占坑）4JS//5（先占坑）5JS//（先占坑）6原创 2021-02-28 11:55:53 · 136 阅读 · 0 评论 -
JS//BOM
JS//BOM（先占坑）原创 2021-02-27 23:50:07 · 113 阅读 · 0 评论 -
JS//DOM
JS//DOM（先占坑）原创 2021-02-27 23:49:02 · 141 阅读 · 0 评论 -
JS//日期 Math 数组API 对象API
JS——日期 Math 数组API 对象API原创 2021-02-27 23:47:22 · 121 阅读 · 0 评论 -
JS//JS运行机制（异步 单线程）
JS——异步 单线程（先占坑）原创 2021-02-27 23:45:35 · 164 阅读 · 0 评论 -
JS//作用域和闭包
JS——作用域和闭包1 知识点1.1 执行上下文执行上下文的范围：① 一段script（全局）； ② 一个函数在 “全局” or “函数” 范围内，以下变量会提升全局：变量定义、函数声明函数：变量定义、函数声明、this、arguments（PS：注意“函数声明”和“函数表达式”的区别）1.2 thisthis 要在执行时才能确认值，定义时无法确认。————————————————*作为构造函数执行*作为对象属性执行*作为普通函数执行*call apply bind（区.原创 2021-02-27 23:37:00 · 583 阅读 · 0 评论 -
JS//面向对象（类与实例、类与继承）
JS——原型和原型链、面向对象1 知识点1.2.1 类与实例类的声明1）ES5Function Animal( ) { this.name = 'name';}2）ES6中class的声明class Animal2( ) { constructor( ) { this.name = 'name'; }}生成实例1）new Animal( );2）new Animal2( );1.2.2 类与继承继承有几种方式？各有什么优缺点？.原创 2021-02-27 22:37:32 · 140 阅读 · 0 评论 -
JS//原型和原型链
JS——原型和原型链、面向对象1 知识点1.1 原型和原型链1.1.1构造函数 & 构造函数-扩展1）function Foo(name, age) { this.name = name this.age = age this.class = 'class-1' // return this //默认有这一行}var f = new Foo('zhangsan', 20)2）var a = {} 其实是 var a = new Objec..原创 2021-02-27 22:27:58 · 219 阅读 · 0 评论 -
基础//CSS盒模型、BFC
1 CSS盒模型的基本概念CSS盒模型包括内容（content）、内边距（padding）、边框（border）、外边距（margin）属性的一个盒子模型。2 盒模型如何分类、有什么区别、如何设置①盒子模型分为2种标准：标准模型、IE模型。②标准模型的宽高指content的宽高；IE模型的宽高指content+padding+border的长度。③标准模型 “box-sizing: content-box;”（浏览器默认为标准模型）IE模型 “box-sizing: border-bo.原创 2021-02-27 20:32:50 · 130 阅读 · 0 评论 -
基础//页面布局总结
1 方案不管三栏布局、还是两栏布局，只要左右布局的方式，多 float，（float、absolute、flex、table、grid）；上下布局的方式，没有 float，（absolute、flex、table、grid）。2 各方案有什么优缺点？1）浮动 float优：简单缺：脱离文档流，需结合BFC应用注意：需把浮动的块级写在前面！！！float在左右布局中才有用diaplay: left/right2）绝对定位 absolute优：简单缺：脱离文档流，需结合BFC应用，.原创 2021-02-27 19:58:59 · 295 阅读 · 0 评论 -
JS//变量类型和计算
JS——变量类型和计算1 知识点1.1 变量类型值类型 VS 引用类型值类型：Number / String / Boolean / Undefined / Null引用类型：Object / Array / Functiontypeof 运算符详解number(NaN)、string、boolean、undefined、object（object/array/null）、functiontypeof 123 //numbertypeof 'abc' //stringtypeof .原创 2021-02-27 11:33:51 · 145 阅读 · 2 评论 -
Vue//总结
Vuevue是什么？有什么功能？有什么优点？1、vue 是一个轻量级的前端框架语言。用于创建 web 交互界面的库，是一个精简的 MVVM。通过双向数据绑定把 view 层和 model 层连接了起来。2、功能：① 数据渲染 / 数据同步② 模块化 / 组件化③ 其它：路由、ajax、数据流3、优点：① 体积小，压缩后只有33k；② 运行效率高，虚拟dom，预先通过JavaScript进行各种计算，把最终的dom操作计算出来并优化；③ 双向数据绑定，可减少dom操作，专注于业务逻辑上；原创 2021-02-26 17:23:26 · 1941 阅读 · 0 评论 -
JS//JS部分实战题
复习//JS部分实战题文章目录复习//JS部分实战题1、写一个原型链继承的例子2、创建10个`a`标签，点击对应标签时弹出对应序号（作用域问题）3、实际开发中闭包的应用4、写一个能遍历对象和数组的通用 forEach 函数5、DOM 操作常用 API 有哪些？1.引入库1.引入库1.引入库1.引入库总结1、写一个原型链继承的例子<div id="root"></div>在这里插入代码片function Elem(id) { this.elem = document.g原创 2020-12-14 10:49:52 · 451 阅读 · 2 评论 -
基础//页面布局——两栏布局4
文章目录一、题目二、我的代码详情三、总结一、题目根据题目给出你的答案。（下高度固定，上自适应）题目：下高度固定为150px，上自适应。二、我的代码详情https://codepen.io/janmie-cjm/pen/LYNBqrz<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=.原创 2020-09-16 21:09:39 · 183 阅读 · 0 评论 -
基础//页面布局——两栏布局3
文章目录一、题目二、我的代码详情三、总结一、题目根据题目给出你的答案。（上高度固定，下自适应）题目：上高度固定为150px，下自适应。二、我的代码详情https三、总结本题目的解决方案有哪些？浮动 / 绝对定位 / flexbox / 表格布局 / 网格布局 ；各方案优缺点？1）浮动优：简单缺：脱离文档流，需结合BFC应用2）绝对定位优：简单缺：脱离文档流，需结合BFC应用，代码较多3）flexbox优：简单快捷，兼容性好4）表格布局优：兼容性较好缺.原创 2020-09-16 20:11:12 · 199 阅读 · 0 评论 -
基础//页面布局——两栏布局2
文章目录一、题目二、我的代码详情三、总结一、题目根据题目给出你的答案。（右栏宽度固定，左栏自适应）题目：右宽度固定150px，左宽度自适应。二、我的代码详情https://codepen.io/janmie-cjm/pen/oNxMPBg<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid.原创 2020-09-16 16:57:28 · 239 阅读 · 0 评论 -
基础//页面布局——两栏布局1
文章目录一、题目二、我的代码详情三、总结一、题目根据题目给出你的答案。（左栏宽度固定，右栏自适应）题目：已知高度100px，左宽度固定150px，右宽度自适应。二、我的代码详情https://codepen.io/janmie-cjm/pen/ExKpVdO<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co.原创 2020-09-16 10:30:38 · 260 阅读 · 0 评论 -
基础//页面布局——三栏布局2
文章目录一、题目二、我的代码详情三、总结一、题目根据题目给出你的答案。（上栏、下栏高度固定，中间自适应）题目：假设宽度已知，请写出三栏布局，其中上栏、下栏高度各位150px，中间自适应。二、我的代码详情https://codepen.io/janmie-cjm/pen/vYGReEv<!DOCTYPE html>html *{ padding: 0; margin: 0;}三、总结本题目的解决方案有哪些？浮动 / 绝对定位 / flexbox / 表.原创 2020-09-10 15:57:18 · 180 阅读 · 0 评论 -
基础//页面布局——三栏布局1
文章目录一、题目二、我的代码详情三、总结一、题目根据题目给出你的答案。二、我的代码详情https://codepen.io/janmie-cjm/pen/gOrvBEw?editors=1100<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia.原创 2020-09-09 16:16:38 · 256 阅读 · 0 评论