首页
学习
活动
专区
工具
TVP
发布

各类技术文章~

专栏成员
789
文章
1121684
阅读量
37
订阅数
通过htmlWebpackPlugin.options.title修改页面标题的两种方法
可以使用 pages 字段来定义的标题。首先要有vue.config.js文件,没有的话在根目录创建,并将 pages 字段添加到exports中,如下所示:
玖柒的小窝
2021-12-07
6K0
重新审视前端模块的调用, 执行和加载之间的关系
好几个月没动笔了, 最近一直和团队在研究一些技术上的东西, 正好有一部分关于前端模块的内容可以和大家分享下.
玖柒的小窝
2021-11-28
5530
自动化生成骨架屏的技术方案设计与落地
性能优化,减少页面加载等待时间一直是前端领域永恒的话题。如今大部分业务合作模式都是前后端分离方案,便利性的同时也带来了非常多的弊端,比如 FCP 时间显著增加(多了更多的 HTTP 请求往返的时间消耗),这也就造成了我们所说的白屏时间较长,用户体验较差的情况。
玖柒的小窝
2021-11-21
9660
利用webpack-war-plugin打war包
如何使用 webpack 将前端打成 war 包呢?其实 webpack 的插件库中提供了一个叫 webpack-war-plugin 的插件,可以很便捷的做到这一点。
玖柒的小窝
2021-11-16
1.3K0
Webpack的简单实现(手写)
使用 npm 命令安装一下: npm install @babel/parser @babel/traverse @babel/core @babel/preset-env -D
玖柒的小窝
2021-11-06
4980
Vue 项目之 Webpack 中 PostCSS 工具的使用(1)
前面我们已经讲了 webpack 对 css、less 文件的处理,和处理 less 文件类似,处理 sass、stylus 也只需安装对应的工具再进行配置即可,具体可以查看官方文档:webpack.js.org/loaders/sas… 以及 webpack.js.org/loaders/sty… 。
玖柒的小窝
2021-11-06
9880
Vue 项目优化(最终输出方向)
我们有一个微信小程序,在迭代的过程中,为了赶进度,最初里面大部分页面都是利用 web-view 组件嵌套h5站点来实现的;h5站点,就是利用的vue-cli官方那一套搭建的单页面应用;随着项目的推进,迭代的节奏开始慢下来,老生常谈的前端项目优化问题,终于被提上了日程(主要有人吐槽加载太慢了)
玖柒的小窝
2021-11-04
1.3K0
工程化知识卡片 013: 发包篇之版本号与 semver
semver,Semantic Versioning 语义化版本的缩写,文档可见 semver.org/,它由 [major, minor, patch] 三部分组成,其中
玖柒的小窝
2021-11-01
1730
记第一次性能优化——webpack打包优化
前言:以前一直认为性能优化很遥远,也很复杂,但当今天尝试过后,发现也并不是触不可及
玖柒的小窝
2021-10-26
7480
手摸手教你用webpack搭建TS开发环境
最近在学习typescript,也就是我们常说的TS,它是JS的超集。具体介绍就不多说了,今天主要是带大家用webpack从零搭建一个TS开发环境。直接用传统的tsc xx.ts文件进行编译的话太繁琐,不利于我们开发,经过这次手动配置,我们也能知道vue3内部对TS的webpack进行了怎样的配置,废话不多说进入正题。
玖柒的小窝
2021-10-24
6300
跟着写一遍就会了,手写一个mini版本的React(2.render)
本节目标实现ReactDOM.render,只关心向 DOM 添加内容,之后处理更新和删除内容; ​
玖柒的小窝
2021-10-19
3810
使用Preact 开发基于Shadow DOM的JS插件
第三方JS插件在日常开发中经常会使用到。对于一些不涉及到展示的功能插件,仅需要引入一个js文件即可,但对于一些界面级插件,如轮播图、富文本编辑器等,往往还需要单独引入css文件使之展示正常。但由于CSS存在覆盖问题,即使遵循某些规范(如BEM),仍然不可忽视。
玖柒的小窝
2021-10-09
2K0
Vue-cli4.5 脚手架学习/超详细
前言/脚手架的介绍与作用: Vue-cli脚手架官方中文文档:cli.vuejs.org/zh/guide/ 1. vue脚手架是什么? 它是一个专门为单页面(SPA)应用快速搭建繁杂的脚手架,它是基于webpack的基础开发出来的一款能够快速的帮助我们构建一个用来开发vue的项目目录、结构(vue和webpack的项目模板)。 vue脚手架通常使用在大型项目中,能够加快我们的开发速度。而小型项目不推荐使用脚手架,因为反而会拖慢我们项目的开发速度。 2. 为什么会有vue脚手架? 因为 we
玖柒的小窝
2021-10-09
8040
webpack性能优化-构建速度
随着项目越来越复杂,可能你们会有同样的感触,上了趟厕所回来,项目还没构建完成。然而测试还一直在催命。或许这时候你就应该去考虑下,如何去优化我们的构建速度。
玖柒的小窝
2021-10-09
5260
Webpack5里好用的插件(—)
本期给大家在webpack5中如何配置css用到的解析和插件的使用,更准确的说是PostCSS的插件。众所周知,现在大部分前端项目都在使用webpack做打包,打包做解析的比较重要目的一个是给js做转化,比如es6转es5,混淆压缩等。然后就是对css进行解析,比如说scss转css,less转css,前缀自动补全,还有移动端项目px转rem或者px转vw。今天我们就介绍将后者其中的前缀自动补全,px转rem,px转vw,这都是在PostCSS中极为常用的插件。
玖柒的小窝
2021-10-09
1K0
webpack打包typescript
相信很多前端的朋友都知道webpack是什么,webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用。
玖柒的小窝
2021-09-22
2.1K0
webpack5热更新打包TS
模块热替换(HMR - Hot Module Replacement)是 webpack 提供的最有用的功能之一。它允许在运行时替换,添加,删除各种模块,而无需进行完全刷新重新加载整个页面
玖柒的小窝
2021-09-22
2.1K0
没有更多了
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档