欢迎光临
我们一直在努力

前端工具

webpack Babel处理ES6语法

散人研阅读(78)评论(0)赞(0)

通过Babel可以处理ES6语法,将其转换为不支持ES6语法的浏览器可以识别的JS代码。 安装 npm install --save-dev babel-loader @babel/core // 可以把@babel/core简单理解为ba...

webpack source-map/webpack-dev-serve/HTM

散人研阅读(97)评论(0)赞(1)

devtool 配置 source-map 当打包完成并运行的时候报错了,但我们很难找到错误出在哪里,是不是很烦?使用devtool配置source-map可以解决该问题。配置好后,当我们代码出问题时,会把报错映射到原文件目录下的错误,这样...

webpack 核心概念plugin

散人研阅读(136)评论(0)赞(1)

Plugin Plugins,即插件。通过plugins可以在webpack运行到某个时刻的时候,帮我们做一些事情。 HtmlWebpackPlugin HtmlWebpackPlugin可以为我们生成一个HTML文件,并将打包好的JS文件...

webpack 核心概念loader

散人研阅读(82)评论(0)赞(0)

loader 简介 loader是一种打包方案。webpack默认只能识别和打包JS文件,对于诸如CSS/Sass/字体图标等其他文件需要借助loader。 loader 配置 我们可以在webpack.config.js中进行loader...

webpack 核心概念与基础配置

散人研阅读(127)评论(0)赞(0)

webpack核心概念 entry: webpack开始构建的入口文件 output: 设置输出文件名称及输出文件目录 loaders: 把非JS文件解析成webpack能够处理的文件 plugins: 常用于优化,提取精华,压缩处理等,对...

Git 修改远程分支名称

散人研阅读(81)评论(0)赞(0)

简介 git 没办法直接修改远程分支名称,但我们可以创建一个新的分支来备份原来的分支并上传的远程仓库,最后删除原来的分支。这样也就可以达到手动修改分支名称的目的。 // 本地新建分支并切换至该分支 git checkout -b newNa...

Git 创建新项目/合并分支步骤

散人研阅读(77)评论(0)赞(1)

初始化项目 先进入项目文件夹通过命令git init 把项目目录变成git可以管理的仓库。 关联远程仓库 1、执行 git add .    (不要忘记空格点哦) 2、执行 git commit -m "备注说明" (双...

Gulp是什么?

散人研阅读(48)评论(0)赞(0)

gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成 Gulp的核心概念:流 流,简单来说就是建立在面向对象基础上的一种抽象的处理数据...

谈谈你对webpack的看法?

散人研阅读(57)评论(0)赞(0)

WebPack 是一个模块打包工具,你可以使用WebPack管理你的模块依赖,并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、Javascript、CSS以及各种静态文件(图片、字体等),让开发...

GitHub | 密钥配置教程

SanRenYan阅读(106)评论(0)赞(1)

我们在github创建项目后,本地使用Git克隆代码需要在github配置密钥。如果没有重做系统的话,每台电脑只需配置一次,一般在刚去公司的时候配置,否则话无法使用github拉取和上传项目代码。 安装Git之后,在桌面或者空白处右键,选择...

GitHub | Git常用命令清单

SanRenYan阅读(119)评论(0)赞(1)

首先要搞清楚几个专用名词: Workspace:工作区 Index / Stage:暂存区 Repository:仓库区(或本地仓库) Remote:远程仓库 常用基础命令 pull 与 fetch git fetch是将远程主机的最新内容...

前端PS技术 | 雪碧图

SanRenYan阅读(255)评论(0)赞(1)

前面的话 前面已经介绍过,描述性图片最终要合并为雪碧图。本文是photoshop巧用系列第五篇——雪碧图 定义 css雪碧图(sprite)是一种网页图片应用处理方式,它允许将一个页面涉及到的所有零星图片都包含到一张大图中。使用雪碧图的处理...

前端PS技术 | 格式篇

SanRenYan阅读(269)评论(0)赞(0)

前面的话 对于前端来说,图片格式是需要重要掌握的知识。本文是photoshop巧用系列第四篇——图片格式 图片格式 目前在前端的开发中常用的图片格式有jpg、png、gif,png分为png8和png24。最近svg格式也开始流行起来 gi...

前端PS技术 | 切图篇

SanRenYan阅读(218)评论(0)赞(0)

前面的话 前端工程师除了使用photoshop进行测量之外,更重要的是要使用该软件进行切图。本文是photoshop巧用系列的第三篇——切图篇 切图信息 在网页制作中有哪些图片是需要被切出来的呢?主要分为两类,一类是修饰性图片,另一类是内容...

前端PS技术 | 测量篇

SanRenYan阅读(446)评论(0)赞(1)

前面的话 前端工程师使用photoshop进行的大量工作实际上是测量。本文是photoshop巧用系列第二篇——测量篇 测量信息 在网页制作中需要使用photoshop测量的信息分为两类,分别是尺寸信息和颜色信息   【1】尺寸信息 尺寸信...