gaoshanyangzhi_1999的博客

概述 在项目中，我们常常遇到图片裁剪的问题。不论是某个博文封面或者头像，都会用到裁剪。今天我们就来说说大致的思路。 图片准备 如果是写在项目中的裁剪，我们最好将它封成组件，这样在需要的地方方便调用。巧妇难为无米之炊，所以我们的第一步便是准备图片。 <input type="file" id="myfile" class="coverpic" accept="image/*" onchange...

前言 在我做第一个项目时，并没有使用redux,但是大家都说redux很重要,那我们怎么判定自己项目是否需要redux？ 有人说过一句话：“如果你不知道是否需要 Redux，那就是不需要它。” 好像说了，大家可能还是不懂如何区分？ 大致概括如下： 某个组件的状态，需要共享 某个状态需要在任何地方都可以拿到 一个组件需要改变全局状态 一个组件需要改变另一个组件的状态 举个例子，如下的需求，第三行...

异同一览 异同点 npm install npm install -g npm install --save npm install --save-dev 模块安装至node_modules目录下 √ ×（安装至全局） √ √ 将模块依赖写入devDependencies × × × √ 将模块依赖写入dependencies × × √ × devDependenci...

预处理语言 预处理css，​ 可以使用 变量 、循环 、继承 、自定义方法等多种特性的标记语言，逻辑性得以大大增强。包括Sass、Less 、Stylus 。 Less Sass 与 Stylus 相比于 Less 功能更为丰富，而Less 没有去掉任何 CSS 的功能，而是在现有的语法上，增添了许多额外的功能特性。它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS...

阿里矢量图库 阿里矢量图标库是国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能，是阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具。 在很多项目中，我们会使用到大量的小图标，这种情况下，使用字体来实现图标就有很多优势：字体文件小； 容易编辑和维护，尺寸和颜色可以用css来控制。 使用形式分为三种：unicode引用、font-class引用、symbol引用...

说在前 要明白后三个方法，前提是了解 this。因此先从 this 开始。 this指向 指向原理：this永远指向最后调用它的那个对象。 举例： 例1 var name = 'windowsName'; function foo() { var name = 'Cherry'; console.log(this.name); //windowsName con...

简述 大家都听过v8引擎的概念,js 是单线程的，或是使用回调队列。 js引擎 最流行的是谷歌的 V8 引擎， V8 引擎使用在 Chrome 以及 Node 中。 引擎结构： 引擎由两部分组成： 内存堆：内存分配发生的地方 调用栈：代码执行时的地方 运行时 有些浏览器的 API 经常被使用到(比如说：setTimeout)，但是，这些 API 却不是引擎提供的。 有很多引擎之外的 API，...

说在前 本文主要说一下::before ::after，因为剩余::first-letter、::first-line、::selection等没有content属性，方法是一样的。 虽然伪元素可以被浏览器渲染引擎识别并正确渲染，然而伪元素本身并不是DOM元素,所以无法被js直接操作——因此任何基于JS直接选取DOM元素的CSS更改方法对伪元素都不起作用。 获取伪元素的属性值 js 里面虽然没有可...

从ES6开始 js 申请变量的方式有：var、let、const。今天我们来一起讨论这三种的区别。 关于变量提升 想必大家都知道，用var声明变量，js会在预编译时进行变量提升。即如下代码，不会报错。 function a(){ console.log(x);//undefined } a(); var x = 2; 可能你会疑惑，既然提升了为什么还是undefined，难道没有提升？ 是这样...

什么是暂时性死区 ES6中，在代码块内，使用let/const命令声明变量之前，该变量都是不可用的，在变量声明之前属于该变量的“死区”。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。ES标准并没有明确提出TDZ，但我们常用其描述let、const的不提升效果。 let、const和var的区别 let、const是块级作用域，var是全局作用域 let、c...

为什么需要webpack? 在互联网发展早期，JavaScript就已经成为支撑网页内容交互体验的基础技术。在很长的一段前端历史里，作用大概就是在生成一些闪烁鼠标轨迹等等简单操作，代码量不是很多那时候不存在打包这个说法，页面基本是纯静态的或者服务端输出的，没有 AJAX，也没有 jQuery。 直到 AJAX的出现。这是一个使用方便的，兼容性良好的服务器通信接口。从此开始，我们的页面开始玩出各种花...