夏小姃-CSDN博客

转载 npm i 、 npm ci 、package.json、 package-lock.json

package.json、 package-lock.json的关系https://juejin.cn/post/7078233610683170824npm i 和 npm ci 的区别这里是原文https://blog.mazey.net/1887.html

2022-04-21 10:56:40 196

转载 setState的解读，最好的解释

这个人解读的非常清晰，贴过来，以防丢失。https://segmentfault.com/a/1190000015615057https://segmentfault.com/a/1190000015821018

2021-01-07 15:28:21 242

原创 Mac系统，使用create-react-app命令创建一个项目，运行npm run eject命令暴露配置文件都报这个Remove untracked files, stash or comm错误。

在进行npx create-react-app myapp(npx可以避免全局安装的模块，一般全局安装:$npm i -g create-react-app$create-react-app myapp)cd myappgit add .git commit -m “init”yarn eject需要特别注意所创建的文件夹名称，我这次是因为文件夹名称为MYAPP，文件夹里新建的项目名称为myapp，在git add .时就出现问题，继续git commit -m "init"的时候就会报错

2020-12-17 00:03:17 297

原创 REM方案

rem是如何实现自适应布局的？摘要：rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相

2020-08-28 14:36:51 454

原创 webpack---基础知识笔记（先不要看，待梳理）

因为是学习的时候做的笔记，有些地方别人会不知道是啥意思，我后期复习还会继续梳理，建议先不要看。注意点:============================================安装时1.项目录中不能有中文/大写字母/特殊字符安装之前需要先安装 npm init -y（package.json）用于存储自己的包2.webpack最好安装在本地开发环境下（开发依赖：–save-dev），因为部署在生成环境中（生产依赖：服务器部署的环境）不需要再编译打包了。3.安装yarn add we

2020-07-17 18:05:13 291

原创练习题------变量提升&闭包

写出下面代码输出的结果console.log(a);var a = 12;a = 13;console.log(a);console.log(a);let a = 12;a = 13;console.log(a);console.log(a);a = 13;console.log(a);写出下面代码输出的结果var a = 12;var a = 13;console.log(a);let a = 12;let a = 13;console.log(a);.

2020-07-17 18:00:15 472

原创框架VUE学习--1

1.简介Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。开发商是尤雨溪，使用的是javescript语言。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件1、VUE的特点（数据驱动视图）Vue最大的特点之一就是数据驱动视图，我们可以把数据理解为状态，而视图就是用户可直观看到页面。页面不可能是一成不变的，它应该是动

2020-07-17 10:26:54 168 1

原创 npm常用命令速查表

npm（node package manager）node的包管理工具在npm中，包（package）、模块（module）、依赖（dependency）说的都是一回事儿。安装官网：https://nodejs.org中文文档网站：https://www.nodeapp.cn/常用命令npm init 初始化项目，其实就是创建一个package.json文件。npm install 安装所有项目依赖。npm help xxx 查看xxx命令的帮助信息。npm search 搜索（快捷方式：.

2020-07-10 10:24:00 189

原创前端JS基础知识复习笔记（18）---AXIOS

axios：一款基于PROMISE设计模式封装的AJAX库（JQ中的AJAX就是最普通的AJAX库，没有基于PROMISE管理）// 安装：在文档夹中右击打开命令窗口，输出npm i axios即可//=>axios.get([URL],[OPTIONS]);// axios.get();// axios.delete();// axios.head();//=>axios.post([URL],[DATA],[OPTIONS])：DATA通过请求主传递给服务器的内容// axio

2020-07-08 17:20:01 271

原创前端JS基础知识复习笔记（17）---Promise+ajax的回调地狱

let promiseExamp = new Promise(); //=>Uncaught TypeError: Promise resolver undefined is not a functionnew Promise([executor]):第一个执行函数必须传递* [executor 简称EXE]* 1.NEW PROMISE的时候就会把EXE执行，创建PROMISE的一个实例（EXE是PROMISE类的一个回调函数，PROMISE内部会把它执行）* 2.PRO

2020-07-08 17:12:39 287

原创前端JS基础知识复习笔记（16）---AJAX

什么是 AJAXasync javascript and xml：异步的 JS 和 XML此处的异步指的是：局部刷新（对应的是全局刷新）XML：可扩展的标记语言，用自己自定义的标签来存储数据的（在很早以前，我们基于 AJAX 和服务器进行交互的数据格式一般都已 XML 格式为主，因为它能清晰展示出对应的数据和结构层级；但是到后面，流行了一种新的数据格式 JSON，它不仅比 XML 更清晰展示数据的结构，而且同样的数据存储，JSON 更加轻量，也方便解析和相关的操作，所以现在前后端的数据交互都已 JS

2020-07-08 08:59:50 160

原创前端JS基础知识复习笔记（15）---MATH数学函数对象

Math数学函数中常用的方法* 1.Math是一个对象对象数据类型值，在它的堆内存中，存储了很多的内置属性和方法，这些方法一般都是用来操作数字的，所以我们把Math称为“数学函数对象” // console.log(typeof Math); //=>"object" // console.dir(Math); * Math.PI / Math['PI'] ：获取圆周率 => 3.141592653589793 * * Math.abs([N])：获取数字N的绝对值（绝

2020-07-06 13:44:36 256

原创 padStart应用

// 将一个ipv4地址转换为10进制数输出// eg: 192.168.1.1function translateIP2Dig(ipStr) { let ipArr = ipStr.split('.') let resArr = [] ipArr.forEach(item => { let str = parseInt(item).toString(2) str = str.padStart(8, 0) resArr.push(str) }) retu

2020-07-02 20:44:18 161

原创前端JS基础知识复习笔记（14）---JS中的DOM操作：盒子模型属性

JS中的DOM操作：盒子模型属性DOM：document object model 文档对象模型，提供系列的属性和方法，让我们能在JS中操作页面中的元素获取元素的属性和方法document.getElementById([ID])[context].getElementsByTagName([TAG-NAME])[context].getElementsByClassName([CLASS-NAME]) //=>在IE6~8中不兼容document.getElementsByName

2020-07-01 16:17:56 189

原创 instance of 检测原理

已知基于 instanceof 可以实现检测：实例是否属于某个类，现在需要自己编写这样的一个方法，实现出 instanceof 的效果 //=>example：要检测的实例//=>classFunc:要检测的类function instance_of(example, classFunc) { //...}let res = instance_of([12,23],Array);console.log(res); //=>true如果example实例的原型链里面有

2020-06-30 10:44:33 311 1

原创前端JS基础知识复习笔记（13）---数组基本知识

数组是引用数据类型中的对象数据类型（特殊对象）**创建一个数组，也是要开辟一个堆内存，堆内存中存储数组对象中的键值对* 0 : 10* 1 : 20* 2 : 30* length : 3* 1）数组中我们看到的每一项都是属性值，默认的属性名是数字，数字从零开始递增，数字代表当前是第几项，我们把代表位置的数字属性名称为“索引”；数组是以数字为索引，索引从零开始递增的结构！* 2）默认存在一个length属性，代表数组的长度（有多少项）* 3）数组中

2020-06-26 17:15:08 410

原创前端JS基础知识复习笔记（12）---数据类型转换

两个值的比较：* == 左右两边数据类型不一致，先默认转换为一致的，在进行比较* ===* Object.is** 基于进行比较的时候，左右两边数据类型不一致，隐式转换规则* NaNNaN =>false NaN和任何值（包含自己本身）都不相等* InfinityInfinity =>true Infinity只和自己相等，和其它值都不相等* Symbol(1) == Symbol(1) =>false* 对象 == 对象

2020-06-26 12:07:58 128

原创前端JS基础知识复习笔记（11）---函数的基础知识

每一个函数都分为两部分* 1.创建函数* function 函数名(形参){ 函数体 }* 2.执行函数* 函数名(实参)** 函数就是对实现某一个功能的具体封装，这样后期再想实现这个功能，直接的执行函数即可，无需重新编写代码（减少页面中冗余代码，提高代码重复使用率 =>“低耦合、高内聚”）function func() { let total = 10 + 10; console.log(total); } func(); //=>每执

2020-06-26 12:04:07 145

原创前端JS基础知识复习笔记（10）---DOM操作

JS的三部分组成：* ECMAScript 3 / 6* DOM：document object model 文档对象模型（提供一系列的属性和方法，让我们能操作页面中的DOM元素->简单理解为操作页面中的HTML标签）* BOM** 获取DOM元素* document.getElementById([ID]) 基于元素的ID获取到这个元素（一个元素对象）* document.body 获取页面中的BODY元素* document.getElementsByTag

2020-06-20 21:05:10 151

原创前端JS基础知识复习笔记（9）---循环语句

循环：一轮一轮的重复做某一件事情（真实项目中一般应用于：循环一个集合或者控制循环处理的次数，每一轮循环都控制相关的事情执行一遍）for(设置初始值;设置循环执行的条件,控制循环次数;每一轮循环结束后处理的事情[步长累加]){* //=>循环体（每一轮循环要做的事情） * }1. 设置初始值2. 验证条件（条件不成立循环结束）3. 循环体4. 步长累加5. 再次验证条件6. 循环体… for (var i = 0; i < 5; i++) { console.l

2020-06-20 17:20:26 130

原创前端JS基础知识复习笔记（8）---判断语句

一、编程语言中最常用的判断：if、else if、else let x = 10; if (x) { // 条件（验证真假的过程）： // x==10 x===10 x>10 x<10 x>=10 ... // x 把当前值转换为布尔类型验证真假 // x>=0 && x<=10 或者 x==1 || x==2 // .... x++; } else { // 以上条件都不成立，执行else x--; } co

2020-06-20 15:43:45 310

原创 JS复习作业---JS基础知识课后作业（1）--数据类型相关

学过数据类型之后就可以做这个作业了课后作业一、问答题1.JS中常用的数据类型有哪些？数据类型分为基础类型数据和引用类型数据。其中基础类型数据（7个）有：number、string、boolean、null、undefine、bigint（大数据值）、symbol（唯一值）。引用类型有：对象（new Arry、new RegExp、new date ）2.浏览器中常用的内核有哪些？webkit gecko presto…3.数据类型之间的区别？4.列举常用的关键字和保留字5.JS中

2020-06-20 14:43:55 504

原创前端JS基础知识复习笔记（7）---数据类型检测+数据比较

基本数据类型：number string boolean null undefined symbol BigInt引用数据类型：object（普通对象、数组对象、正则对象、日期对象…） function/** JS中的数据类型检测：* + tyepof [value] 检测数据类型的运算符* + [example] instanceof [class] 检测某一个实例是否属于这个类* + [example].constructor===[class] 检测实例和类关系的，从

2020-06-20 10:11:16 206

原创前端JS基础知识复习笔记（6）---对象

一、所有的对象都应该具备以下特点:1.用键值对(key:value 俗称属性名和属性值) 来描述一个对象的特征（每一个对象都是综合体，存在零到多组键值对）2.{ key:value , …} 每一组键值对是 key:value 的格式，多组键值对用逗号分隔3.key不能是引用数据类型的，value可以是任何的数据类型let obj = { name: '张三', age: 25, sex: '男', score: [100, 98, 89], fn: function ()

2020-06-18 13:24:26 213

原创前端JS基础知识复习笔记（5）---Boolean类型

如何把其它数据类型转换为布尔类型* + Boolean([value])* + ![value] 把指定的值转换为布尔类型后取反* + !![value] 取反再取反，相当于没有取反，只是把它转换为布尔类型值* 规则：只有 “0/NaN/null/undefined/空字符串” 最后是false，其余的都是true console.log(!!1); //=>true console.log(!1); //=>false console.log(!!-

2020-06-18 13:11:32 279

原创前端JS基础知识复习笔记（4）---String类型

String类型在JS中用单引号/双引号/反引号包起来的都是字符串* 1.把其它数据类型转换为字符串类型* + String([value])* + [value].toString()* 普通对象转换为字符串都是 “[object Object]”，数组对象转换为字符串是 “第一项,第二项…”（逗号分隔数组中的每一项）** 2.在JS中常用的数学运算* 数学运算：+ - * / 加减乘除* %（膜）取余数* 除了加法以外，其余的情况都是数学运算（如果遇到非

2020-06-18 11:29:25 247

原创前端JS基础知识复习笔记（3）---Number类型

number数据类型* =>正数、零、负数、小数* =>NaN：not a number 不是一个有效数字，但是属于number类型的* =>Infinity：无穷大的值，也是number类型的*/// console.log(1 == 1); //=>true// console.log(NaN == NaN); //=>false NaN和任何值都不相等（包括自己本身）*1. 想要验证一下n是不是有效数字：isNaN 验证一个值是否为非有效数字，

2020-06-18 11:19:31 338

原创前端JS基础知识复习笔记（1）

珠峰前端JS基础复习笔记（1）在财务工作中自学了HTML和CSS之后，硬啃了JS高级编程三，实在觉得要学的透需要找一位好老师，于是最近在学习周啸天老师的高级编程学，空的时候回看看基础，我会不定期更新博客，主要还是自己复习的时候方便，感兴趣的筒子们我们可以一起学习呀····这里的笔记也是周老师允许上传复制的哦，没有侵犯人家的版权哦。浏览器分类1.以谷歌浏览器webkit内核为主（V8引擎）谷歌浏览器 Chrome苹果浏览器 Safari国产浏览器360普通浏览器360极速浏览器猎豹浏览器

2020-06-17 16:36:25 788

原创前端JS基础知识复习笔记（2）

珠峰的JS基础课程笔记（第一天） **在财务转行之前已经自学了HTML和CSS，离职后的一个月又硬啃完了高级JS（三）。看完就意识到还是要找位老师学习，所以最近在学习周啸天老师的高级前端课程，随便把JS的基础知识复习一遍，后面会不定期更新珠峰的JS基础课程笔记和练习题，大部分是复制过来的笔记，用于手机端的复习，记忆，如果大家有兴趣也可看看，see you~~**浏览器分类1.以谷歌浏览器webkit内核为主（V8引擎）谷歌浏览器 Chrome苹果浏览器 Safari国产浏览器360普

2020-06-17 15:32:14 339

weixin_48420364的博客