MC猴-CSDN博客

原创 Yarn 安装与使用教程

Yarn 安装与使用教程一、官网指引快速入门 | Yarn 中文文档npm 中文文档 | npm 中文网 (npmshell.cn)二、安装稳定版: v1.22.17支持的 Node 版本: ^4.8.0 || ^5.7.0 || ^6.2.2 || >=8.0.0windows 安装：官网安装介绍npm install --global yarnYarn 淘宝源安装，分别复制粘贴以下代码行到黑窗口运行即可yarn config set registry https://r

2022-01-25 15:52:06 12966

原创 Vue3快速上手

Vue3快速上手，源于尚硅谷禹哥讲解vue3.0部分，简单介绍了vue3.0的新特性。

2022-01-25 13:28:24 186

原创 JavaScript面试题

#markdown 正文带✅的为常见面试题（可能不准确）带❌的表示不常用 ????JavaScript面试题PDF文件文章目录#markdown 正文JavaScript面试题一、数据类型与检测✅1.intanceof 操作符的实现原理及实现？✅2.判断数组的方式有哪些？✅3.null 和 undefined 的区别？✅4.为什么0.1+0.2 ! == 0.3，如何让其相等?✅5.isNaN 和 Number.isNaN 函数的区别？✅6.Object.is() 与比较操作符 “===”、

2022-01-23 17:52:21 180

原创 CSS面试题整理

CSS面试题整理带✅的为常见面试题（可能不准确）带❌的表示不常用 ????文章目录CSS面试题整理一、基础知识1.✅常见的选择器及其优先级？2.✅伪元素和伪类的区别和使用?3.✅flex包括哪几个属性？4.✅link 和 @import 的区别?5.✅CSS3 的新特性？6.✅CSS预处理器/后处理器是什么？为什么使用/优点？7.✅单行、多行文本溢出如何隐藏？8.✅什么是盒子模型？9.✅CSS 优化和提高性能的方法有哪些？10.✅z-index 属性在什么情况下会失效?11.✅说一下对 reque

2022-01-22 16:00:00 278

原创 HTML面试题

文章目录#说明HTML面试题整理✅1.HTML语义化理解✅2.HTML5的更新内容2.1. 语义化标签2.2. 媒体标签2.3. 表单2.4. 进度条、度量器2.5.DOM查询操作2.6. Web存储2.7. 其他✅3.script标签中 defer 和 async 的区别✅4.行内元素、块级元素、空(void)元素分别有哪些？✅5.常用的meta标签？✅6.说一下 web worker7.iframe 的优点和缺点？8.DOCTYPE(文档类型)的作用9.Canvas 和 SVG 的区别？10.head.

2022-01-22 10:31:33 125

原创常用 Git 命令总结

常用 Git 命令总结 git config --global user.name "你的名字" 让你全部的Git仓库绑定你的名字 git config --global user.email "你的邮箱" 让你全部的Git仓库绑定你的邮箱 git init 初始化你的仓库 git add . 把工作区的文件全部提交到暂存区 git add ./<file>/ 把工作区的<file>文件提交到暂存区 git commit -m "xxx" 把暂存区的所有文件提交到仓库区，

2022-01-17 15:24:10 352

原创 Vue 常见高频面试题(34-76) -- pink老师

Vue 常见高频面试题(34-76)34、你是怎么认识 vuex 的？（必会）Vuex可以理解为一种开发模式或框架。比如 PHP 有 thinkphp,java 有 spring等，通过状态（数据源）集中管理驱动组件的变化（好比 spring 的 IOC 容器对 bean 进行集中管理）。1、应用级的状态集中放在 store 中;2、改变状态的方式是提交 mutations，这是个同步的事物;3、异步逻辑应该封装在 action 中。35、Vuex 的 5 个核心属性是什么？（必会）分别是：

2022-01-16 15:11:12 755

原创 Vue 常见高频面试题(1-33) -- pink老师

Vue 常见高频面试题(1-33)1、Vue 的最大的优势是什么？（必会）Vue 作为一款轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟 DOM、运行速度快，并且作者是中国人尤雨溪，对应的 AP1 文档对国内开发者优化，作为前端开发人员的首选入门框架，Vue 有很多优势：Vue.js 可以进行组件化开发，使代码编写量大大减少，读者更加易于理解。Vue.js 最突出的优势在于可以对数据进行双向绑定。使用 Vue.js 编写出来的界面效果本身就是响应式的，这使网页在各种设备上都

2022-01-16 15:07:14 856

原创前端常见面试题 - 粗略整理

目录#说明前端常见高频面试题1、什么是 MVVM、mvc 模型？2、vue 双向数据绑定的原理？3、vue 的生命周期有哪些？4、v-if 和 v-show 有什么区别？5、async await 是什么？它有哪些作用？6、常用的数组方法有哪些？7、数组有哪几种循环方式？分别有什么作用？8、常用的字符串方法有哪些？9、什么是原型链？10、什么是闭包？手写一个闭包函数？闭包有哪些优缺点？11、常见的继承有哪些？一、原型链继承二、借用构造函数继承三、组合继承（组合原型链继承和借用构造函数继承）（常用）四、原型

2022-01-14 18:45:53 409

原创 vue2.0_脚手架案例分析

vue2.0项目分析讲解笔记脚手架文件结构关于不同版本的Vuevue.config.js配置文件ref属性props配置项mixin(混入)插件scoped样式总结TodoList案例webStorage组件的自定义事件全局事件总线（GlobalEventBus）消息订阅与发布（pubsub）nextTickVue封装的过度与动画vue脚手架配置代理方法一方法二插槽Vuex1.概念2.何时使用？3.搭建vuex环境4.基本使用5.getters的使用6.四个map方法的使用7.模块化+命名空间路由1.基本使

2022-01-07 18:21:42 368

转载 CSS3 - 查漏补缺

文章目录一、知识点详解Ⅰ-css3 `pointer-events`二、实际问题解决Ⅰ-图片不拉伸属性 ` object-fit`Ⅱ-css鼠标点击的五种状态Ⅲ-阴影效果Ⅳ-实现a标签禁用Ⅴ-实现父元素半透明，子元素不透明一、知识点详解Ⅰ-css3 pointer-events此属性会阻止hover、active、onclick等触发事件pointer-events更像是JavaScript，它能够：阻止用户的点击动作产生任何效果阻止缺省鼠标指针的显示阻止CSS里的 hover和 ac

2021-11-03 09:53:22 99

转载 CSS - 利用视口单位适配页面

文章目录# 说明利用视口单位适配页面做法一：仅使用vw作为CSS单位做法二：搭配vw和rem，布局更优化小结# 说明资料参考：努力学习的汪：洪学习笔记这是笔者在偶然中阅读到[翻译]使用VH和VW实现真正的流体排版这一篇文章得到的感悟与成果，也满心欢喜地期待这篇文章同样能够带给读者一些启发，并提出一些的vw单位使用秘笈来交流交流～:）原文：凹凸实验室利用视口单位适配页面对于移动端开发来说，最为重要的一点是如何适配页面，实现多终端的兼容，不同的适配方式各有千秋，也各有缺点。就主流的响应式布局、

2021-11-03 09:42:20 154

转载 HTML中的一些细节处理

# 说明参考资料:简书的伴歌知行的JS下载图片和文件，防止浏览器直接打开、夜半修仙,;CSDN的weixin_3791475的使用a标签下载文件不跳转;努力学习的汪：洪学习笔记文章目录# 说明前端利用a标签实现文件[图片]下载文件下载常用方式总结分析Ⅰ-后端设置下载请求的响应头 `Content-Disposition` 强制下载Ⅱ-实现[HTMLCanvasElement]类型图片下载Ⅲ- a标签+download属性Ⅳ-通过接口跨域请求，动态创建a标签，以blob形式下载1、`fetch`请

2021-11-03 09:29:53 662

原创移动端WEB开发布局 - 流失布局 - Flex(弹性盒) 布局 - rem - 响应式

移动端开发做法流失布局视口二倍图Flex(弹性盒) 布局rem 布局响应式布局流失布局视口视口meta视口标签 <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

2021-11-02 11:11:56 510

原创 HTML5 + CSS3 新特性

目录结构HTML5 新增概述HTML5新增标签CSS3 新增选择器2D转换HTML5 新增概述什么是HTML5定义：HTML5定义了HTML标准的最新版本，是对HTML的第五次重大修改，号称下一代的HTML。两个概念：是一个新版本的HTML语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指：HTML5、CSS3、JavaScript,这也是广义上的HTML5。HTML5拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3特

2021-11-01 14:45:57 150

原创 CSS基础二盒子模型+浮动+定位+扩展

结构目录盒子模型 ✍1. 盒子边框(border)2. 内边距(padding)3. 外边距（margin）4.外边距合并5. CSS3 新增浮动 ✍CSS布局的三种机制清除浮动CSS属性书写顺序定位 ✍定位模式(position)定位(position)的扩展CSS扩展 display-visibility-overflow ✍元素的显示与隐藏CSS用户界面样式vertical-align 垂直对齐溢出的文字省略号显示CSS 三角形盒子模型 ✍W3c标准盒子模型标准 w3c 盒子模型的范围包括 m

2021-11-01 10:56:53 238

原创 CSS基础一选择器+字体样式+display+三大特性

目录结构CSS选择器1.CSS基础选择器① 标签选择器② 类选择器CSS选择器1.CSS基础选择器① 标签选择器标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。作用：可以把某一类标签全部选择出来。标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } div{width:100px;height:100px}② 类选择器类选择器使用"."(英文点号)进行标识，后面紧跟类名。语法：类名选择器.类

2021-10-31 21:01:39 327

原创 HTML基础篇

目录结构一、认识WEB????1.1 前提知识1.2 Web标准二、HTML初识????2.1 HTML初识2.2 文档类型声明标签2.3 lang语言种类2.4 字符集三、HTML常用标签????3.1、标题标签3.2、段落标签3.3、换行标签/水平线标签3.4、文本格式化标签3.5 图像标签3.6 链接标签(重点)3.7 特殊字符四、表格列表????4.1 表格标签4.2 表格属性4.3 列表五、表单????form表单域input 控件label标签textarea控件(文本域)select下拉列表

2021-10-31 16:01:34 123

原创 axios入门与源码解析笔记

axios入门与源码解析笔记json-serveraxios 的理解与使用1.axios 是什么?2.axios 特点3. axios 常用语法4.axios 的基本使用5. 原理图axios 源码与分析json-server官网文档地址json-server文档安装json-servernpm install -g json-server目标根目录下创建数据库 json 文件: db.json { "posts": [ { "id": 1, "title":

2021-10-29 10:36:26 300

原创 fetch、ajax、axios的区别

1、ajax本身是针对MVC的编程,不符合现在前端MVVM的浪潮基于原生的XHR开发,XHR本身的架构不够清晰,已经有了fetch的替代方案2、fetchfetch号称是AJAX的替代品,是在ES6出现的,使用了ES6中Promise对象fetch的代码结构笔记ajax简单多了,但fetch不是ajax的进一步封装,而是原生js,没有使用XMLHttpRequest对象优点:符合关注分离: 没有将输入、输出和用事件来跟踪的状态混杂在一个对象里更加底层,提供的API丰富,是更好更方便

2021-10-27 18:07:00 216

原创 Promise自定义封装-async-await

@top(Promise自定义封装-async-await)

2021-10-27 17:54:33 683

原创 Promise入门-理解-API

promise1. 预备知识1.1 实例对象与函数对象1.2 JS中的异常error处理1.错误的类型2. 错误处理（捕获与抛出）3. 错误对象2. Promise的理解与使用2.1 Promise是什么1. 理解Promise2. Promise 的状态3. Promise 的基本流程4. Promise 的基本使用2.2 为什么要用 Promise1.指定回调函数的方式更加灵活2.支持链式调用，可以解决回调地狱问题2.3 如何使用 Promise、常用 API 概述1. Promise 构造函数：Pro

2021-10-24 22:33:21 154

jxmchou的博客