上传代码到Github仓库基操(一)

上传代码到Github仓库基操(一) 由于笔者在上传文件到github仓库,由于相关操作经常会间歇性遗忘(还是不够熟悉惹的祸啊≧ ﹏ ≦),或者部分解决方案里并没有明确说明指令所表示的含义,所以在百度了许多许多的相关文章和blog后,将常用的指令和该指令所代表的意义归纳到这里,方便以后自己查阅,...

2018-08-11 17:09:39

阅读数 59

评论数 0

webpack 4 笔记八 高速缓存

上一节中尝试了对输出的代码进行一个拆分,现在尝试一种叫做缓存的技术吧 官方文档 使用webpack捆绑我们的模块化应用程序,从而生成可部署的/dist目录。一旦将内容/dist部署到服务器,客户端(通常是浏览器)将访问该服务器以获取该站点及其资产。最后一步可能很耗时,这就是为什么浏览器使用一种称...

2019-04-05 23:17:31

阅读数 7

评论数 0

webpack 4 笔记七 代码拆分

代码拆分 官方文档. 代码拆分是webpack最引人注目的功能之一。此功能允许您将代码拆分为各种捆绑包,然后可以按需或并行加载。它可用于实现更小的捆绑并控制资源负载优先级,如果使用得当,可能会对加载时间产生重大影响。 可用的代码拆分有三种通用的方法: Entry Points:使用entry...

2019-04-04 21:24:00

阅读数 16

评论数 0

webpack 4 笔记六 关于tree shaking

tree shaking 是一个术语,通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code) 如果将应用程序比作一棵树。 绿色表示实际用到的源码和 library,是树上活的树叶。 灰色则表示无用的代码(dead-code),是秋天树上枯萎的树叶。 为了除去死去的树叶...

2019-04-03 16:51:26

阅读数 26

评论数 0

webpack 4 笔记五 模块热替换

随着深入学习,新的知识点不断出现,一些知识点可能涉及到很深的知识架构,这里只是简单的接触,并不深入,在以后深入使用时再做详细介绍。 模块热替换 模块热替换(Hot Module Replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新各种模块,而无需进行完...

2019-04-02 10:28:47

阅读数 40

评论数 0

webpack 4 笔记四 source map 与开发工具 webpack-dev-server

根据前文,完成了对输出文件的管理。 现在,根据说明文档,建立一个开发环境,使开发变得更容易一些。主要是两个方面,一是使用 source map 来追踪错误和警告信息的位置,二是使用 webpack-dev-server 自动编译代码。 使用 source map 追踪错误和警告信息 当 webp...

2019-04-01 15:40:08

阅读数 87

评论数 0

webpack 4 笔记三 输出管理

回退处理 在上一笔记中,基本根据官方文档完成了 webpack 的局部安装与加载 css、图片、字体、数据,接下来因为无需使用到上一节中使用到的资源,所以需要清除之前的文件 src comci.woff love.jpg style.css data.xml webpack.config.js ...

2019-03-29 12:58:51

阅读数 42

评论数 0

webpack 4 笔记二 管理资源之加载css、图片、字体、数据

根据 官方中文文档 继续学习。 根据前文,已完成了 webpack 的初步构建,本章是将css、图片、字体、数据等资源结合到 wenpack 的一种尝试,会遇到什么 bug 呢?让我们拭目以待吧

2019-03-27 12:05:03

阅读数 15

评论数 0

webpack 4 笔记一 简介及安装

2019年3月25日更新,目前 webpack 版本为4.29.6 本地安装 不推荐全局安装 webpack。这会将你项目中的 webpack 锁定到指定版本,并且在使用不同的 webpack 版本的项目中,可能会导致构建失败。 安装 1.在 ...

2019-03-26 10:47:29

阅读数 13

评论数 0

关于JavaScript之原型与原型链

前言 学习完书面上的js知识,感觉到了,就虎里虎气的跑去面试了,结果可想而知

2019-03-23 10:29:20

阅读数 78

评论数 0

NVM下安装npm、cnpm详解与坑坑坑

好不容易nvm装好了,node也是终于装上了,结果npm这里还是存在不少问题,果然都是坑啊

2019-02-20 16:58:56

阅读数 1086

评论数 0

Gulp的使用(二)——插件与第一个项目与坑坑坑坑

插件作用: gulp-uglify——压缩js文件,减小文件大小。 安装: 项目文件目录下执行: cnpm install --save-dev gulp-uglify 或 npm install --save-dev gulp-uglify //使用cnpm原因及方法详见 关于前端自动化工...

2019-02-19 23:33:53

阅读数 30

评论数 0

关于在Windows上安装nodejs版本管理器nvm的两三事

一、背景 之前学习vue框架,为方便学习,接触并使用Nodejs版本管理工具–nvm,由于已经安装了node和npm,导致按照网上一些教程步骤安装nvm时出现了一些错误,浪费了不少时间,现就自己在window系统上安装nvm的过程做一个简单的梳理,当作回顾总结。 二、关于NVM NVM(Node ...

2019-01-16 13:28:41

阅读数 48

评论数 0

关于前端自动化工具Gulp的使用(一)——初次接触与安装

背景 前段时间在网上看了一些优秀的前端面试者简历, eg: http://www.flqin.com/ http://zhangwenli.com/cv/ 在我这初初初级阶段看起来是十分高大上的,再看看自己的白纸一张的惨不忍睹的简历,于是萌发了向前辈们学习的心情,首先当然Star和Fork一下啦。...

2019-01-08 18:48:13

阅读数 32

评论数 0

关于Audio标签添加网易云音乐作为背景音乐的两三事

关于Audio标签添加网易云音乐作为背景音乐的两三事 一、写在开头 1.audio:html5音频标签 <!-- 添加背景音乐 --> <audio id="music" src=&quo...

2019-01-07 16:36:51

阅读数 193

评论数 0

圣杯布局和双飞翼布局

第一步:给出HTML结构: Header内容区 中间弹性区 左边栏 右边栏 Footer内容区 写结构的时候要注意,父元素的的三栏务必先写中间盒子。因为中间盒子是要被优先渲染嘛~并且设置其自适应,也就是width:100%。 第二步:给出每个盒子的样式 header{width: 10...

2018-08-20 21:23:09

阅读数 33

评论数 0

【转】关于前端的切图(三技巧中最实用)

分享一个photoshop cc 开始有的自动生成图标的方法,真的超级好用!!!(转) PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的切图功能称为传统切图,而从PhotoShop CC版本开始PS提出了精准切图。所谓传统切...

2018-08-18 15:24:56

阅读数 1734

评论数 0

CSS学习笔记(布局)

前提:没有布局 如果把所有内容都塞进一栏里,那么不设置任何布局也是OK的。 然而,如果用户把浏览器窗口调整的很大,这时阅读网页会非常难受:读完每一行之后,你的视觉焦点要从右到左移动一大段距离。 重点:display属性 display 是CSS中最重要的用于控制布局的属性。 每个元素...

2018-08-17 09:19:05

阅读数 34

评论数 0

CSS学习笔记六(定位)

文档流 静态定位——默认行为 相对定位—— 它与静态定位非常相似,占据在正常的文档流中,除了你仍然可以修改它的最终位置,包括让它与页面上的其他元素重叠。 top, bottom, left, 和 right 来精确指定要将定位元素移动到的位置 绝对定位 固定定位 z-index 弹...

2018-08-15 22:09:51

阅读数 21

评论数 0

CSS学习笔记四

CSS学习:背景边框列表连接和更复杂的选择器 背景: - background - background-color - background-image - background-repeat - background-position 边框: - border ...

2018-08-14 15:02:50

阅读数 32

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭