xiangshj-CSDN博客

原创 eslint常见插件用途及webpack打包配置

最近在研究怎样在webpack打包中加入代码格式审查，看到一大堆各种莫名其妙的eslint相关扩展插件，头大，不明所以，随花了两天时间研究了一下相应的操作；一般我们使用eslint是想格式化我们的代码，使它更规范，大家能约定熟成，便于统一项目代码风格，减少不必要的格式错误；一般理想的状态是，大家提交代码之前一会自动格式化，并检查格式错误，给予提示；git钩子huskyhsuky的作用是在我们git提交代码的生命过程中，针对不同的生命周期，做一些额外操作，例如代码格式审查；1.安装huskynpm

2021-03-11 17:34:19 3325 1

原创 js中的垃圾回收机制

一台计算机当我们一个程序运行时，它的使用内存并不是无限，是有使用限制的，稍不注意可能就造成内存溢出，程序崩溃。内存生命周期JS 环境中分配的内存有如下声明周期：内存分配：申明变量、函数、对象的时候，系统会自动为他们分配内存；内存使用：读写内存，也就是使用变量、函数等；内存回收：使用完毕，由垃圾回收机制自动回收不再使用的内存；JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主

2021-02-20 14:33:00 180 1

原创 js中this的指向问题

初学js的是时候，觉得js中this的指向是千变万化的，无所定型，仿佛是时刻在变，至少在一个js文件里面不同地方调用this都是不尽相同的，面时中时长会有这样的提问或者面试提出现，今天一次性搞定，应付面试应该够了；js中this的指向大致分为以下几大类：全局上下文非严格模式和严格模式中this都是指向顶层window对象；函数上下文普通函数普通函数里面的this一般他的调用者；function test(){ console.log(this.a);// undefined};// 相

2021-01-26 17:02:54 116

原创 call、apply、bind的区别及其实现原理

日常开发中呢，我们或多或少会用到bind、call、apply这三个方法，今天我们就来讲一讲他们之间的区别和模拟实现解释他的原理；1.共同点1.首先这三个方法都是Function原型上的方法，针对函数而言的；2.其次他们都是用于改变函数的内部this指向，这里划重点：是改变函数执行时候的内部this指向；3.都是可以接受两个或多个参数，第一个参数就是改变后的this指向，后面为可选参数2.区别1.apply和call的调用会立即返回函数执行结果，如果使用apply或call方法，那么this指向

2021-01-26 15:13:59 509 1

原创 git常见基本操作

作为一名程序猿，项目管理工具的使用必不可少，而我们经常用的git居多，本文将对git的一些日常使用频率较高的命令行做个总结，方便大家一时头脑短路查阅，献丑了；git clone originpath，这个命令用来初始克隆项目；git clone [email protected] add 加点.代表将所有改动提交到暂存区， git add 也可以直接后接文件名；//添加一个或多个文件到暂存区：git add [file1] [file2] ...// 添加指定目录到暂存区，包括

2021-01-25 17:40:24 377

原创 webpack概念概览及其基本用法

webpack概念概览及其基本用法作为一名前端菜鸟，日常工作中或多或少会接触到webpack，尤其是现在前后端分离，前端项目的管理日益要求严格，打包作为最后一步，在我们的开发前后显得日益重要，webpack 是一个现代 JavaScript 应用程序的静态模块打包器，日常工作过程中断断续续对他进行了了解，看多了之后渐渐有些心得，以前打开webpack官网看到那么一大坨，顿感好高大上，看久了觉得分功能模块来看也就这样，无非就是一个配置文件，不同属性决定项目不同表现，基于这种思想来学习，就比较清晰易懂了，话不

2021-01-21 15:22:24 195 1

原创父盒子宽度不固定水平居中子元素弹性布局

grid布局最近开发遇到一个简单的布局需求，尝试了几次总达不到ui的需求；需求如下：1.父盒子宽度不固定，内部有多个宽度不固定的子元素组成，要求父盒子水平居中，内部元素随着宽度的变化，排列个数自动变化的弹性布局；2. 整个内容区域上下间隔之比为1：2；很显然这种布局方式，单纯的flex肯定是不满足的，但是同样的有另外一种表格布局grid可以达到目的，二话不说直接上代码；css部分： .f{ display: flex; flex-direction: colu

2020-11-24 15:43:27 578 1

xiangshj的博客