coding for love

103 篇文章
26 人订阅

全部文章

love丁酥酥

3-6 Entry 与 Output的基础配置

entry与output,顾名思义,就是打包的入口与输出,其实之前我们已经接触了这两个参数,下面详细介绍一下这两个参数的配置。

593
love丁酥酥

3-5 使用plugins让打包更便捷

loader 被用于转换某些类型的模块,而插件则可以用于执行范围更广的任务。插件的范围包括,从打包优化和压缩,一直到重新定义环境中的变量。简言之,我们利用 lo...

642
love丁酥酥

3-4 使用loader打包静态资源(样式篇下)

上一节我们学习了,webpack如何打包样式文件以及如何自动添加前缀。本节我们继续学习如何打包@import引入的样式文件,css模块化以及如何打包字体文件。

1022
love丁酥酥

3-3 使用loader打包静态资源(样式篇上)

在制作网页时,我们必不可少地会使用css。那么webpack是如何打包css文件的呢?

1252
love丁酥酥

3-2 使用loader打包静态资源(图片)

上一节我们成功打包并展示了一张图片。可是我们看到最终输出的图片名称是一串hash值,如果我们希望其展示的是原来的名称呢?可以进行如下配置:

993
love丁酥酥

2-5 浅析webpack打包内容

Hash:本次打包的一个标识。 Version:使用的webpack版本 Time:本次打包耗时 Built at: 生成时间

1124
love丁酥酥

3-1 Loader是什么

前面说过,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler),我们也看到了webpack对js文件的打包...

1196
love丁酥酥

2-4 使用webpack的配置文件

之所以直接执行npx webpack index.js就能打包成功,是由于webpack内置了配置文件。 尝试直接运行npx webpack会报错,因为web...

994
love丁酥酥

2-3 webpack的正确安装方式

webpack是基于node开发的环境打包工具。首先需要安装node环境。 进入node官网,尽量安装最新版本的稳定版node。因为提高webpack打包速度...

1252
love丁酥酥

2-1 webpack究竟是什么

可以看到,最简单的方法,就是将html,js,css放到不同的文件,然后通过src或者href引入。这里我们先不关注css,主要来看js。

620
love丁酥酥

2-2 什么是模块打包工具

关于模块和模块化,百度百科有一段引用自《Java应用架构设计:模块化模式与OSGi》一书的解释非常好:

1000
love丁酥酥

浏览器为契机贯穿前端知识点-大纲参考

ps:动画不连贯,因为浏览器渲染有一个最小时间间隔(这块之前搜藏了) 涉及如下部分:

851
love丁酥酥

进程与线程,单核与多核1. 简介2. 程序3. 进程4. 线程5. 多进程与多线程的选择6. 小结参考

用户打开浏览器,其实就是打开了浏览器应用程序。那么什么是程序呢?我们常说浏览器是多线程的,JS 是单线程的,那么什么是线程呢?说到线程,和我们常说的进程有什么关...

3753
love丁酥酥

在线商城项目17-登录态保持

前面我们实现了登入登出,一切看上去是没有什么问题,但是如果我们试着在登录情况下刷新一下页面。

1031
love丁酥酥

在线商城项目16-头部前端逻辑修改

这是不合理的,我们应该根据登录态来做一个区别显示。未登录情况下显示login和购物车图标。已登录情况下显示用户名,logout,购物车图标。

661
love丁酥酥

在线商城项目15-登录界面实现

关于注册登录这块,一直只写过前端逻辑,这次把前后端逻辑一起实现,也是一件很有意思的事情。下面几章都会写这个,而且今后可能会不停地进行改动完善。大家可以看看这里的...

872
love丁酥酥

在线商城项目14-阶段性自测与bug修复

前面把商品列表页的查询展示逻辑基本完成了。每个功能单独测试是没有问题了,但是连在一起呢?新增的功能是否会对以前的功能产生影响。

883
love丁酥酥

在线商城项目13-商品列表分页功能实现

设想一下,如果商品条目数量很多,假设有100条,如果我们一次性拉下来,是很影响性能的。所以我们需要为商品列表添加分页功能。本篇主要实现以下目的:

2342
love丁酥酥

在线商城项目12-商品列表页价格筛选实现

之前我们约定前端传startPrice和endPrice来获取价格区间。我们设定如下规则:

1652
love丁酥酥

在线商城项目11-商品列表页的排序实现

请求后台接口会带上三种排序参数default,priceDown和priceUp。另外,如果不带参数,我们默认排序也是default。 这里,我们做一个简单的...

802

扫码关注云+社区

领取腾讯云代金券