自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

左撇峰子的博客

笔记以及分享一些有用的小技巧或者经验~

原创 前端CLI脚手架思路解析-从0到1搭建

为什么要自己搞脚手架 在实际的开发过程中,我们经常用别人开发的脚手架,以节约搭建项目的时间。但是,当npm没有自己中意的脚手架时,我们不得不自己动手,此时学会开发前端CLI脚手架的技能就显得非常重要。搭建一个符合大众化的脚手架能使自己在项目经验上加个分哦! 什么时候需要脚手架 其实很多时候从0开始...

2020-10-03 13:41:39 48 0

原创 Flutter指南之环境完整搭建

背景 之前早就听说 Flutter 在开发安卓 APP 上很方便,但因为时间问题迟迟没有下载配置玩玩。最近心里痒痒想试看看 Flutter 是否有那么强大,所以今天就下定决定下载配置一番,环境搭建过程可谓是艰难呐!但是我电脑已经有了 VSCode,不想再装一个 Android Studio,所以接...

2020-07-19 13:56:39 126 0

原创 RVerify.js - 一款轻量级图片旋转验证插件
原力计划

RVerify.js ✅❎ 一款轻量级图片旋转验证插件 官方文档 官方文档:RVerify.js 在线演示:RVerify.js Demo 快速上手 安装 把 RVerify.js 和 RVerify.css 添加进你的项目。 <script src="RVerify.js&quo...

2020-06-02 10:21:46 494 1

原创 vuepress-theme-antdocs — Ant Design设计风格的VuePress主题公测发布

背景 经过几天魔改之后,VuePress 主题 AntDocs 终于可以公测啦!本主题采用 Ant Design 设计风格,以及搭载了 Ant Design Vue 组件,可以直接使用 Ant Design Vue,另外还优化了很多模块,比如手机适配、首页底部栏等等。(本来要发布 0.0.9-al...

2020-03-01 11:00:55 861 0

原创 利用VuePress-Creator(VuePress脚手架)快速搭建VuePress项目

背景 最近想把博客搬迁到 Github 上,所以找到了 VuePress 静态站点生成工具。现在已经升级到 1.x 版本了,目前用着还不错。但就是每次创建 VuePress 项目略显麻烦,无奈之下抽空写了 VuePress-Creator 脚手架(开源!开源!开源!),方便了快速创建 VueP...

2020-02-11 15:10:04 430 0

原创 如何正确更改Ant Design of Vue样式

背景 最近在搞项目,改用了 Ant Design UI 框架,根据项目要求肯定要更改原有样式,但使用Ant Design 过程中发现一个问题:直接在 <style></style> 内改样式改不了!不得已去找官方文档解决,但遗憾的是我看得一头雾水...官方文档给出好几种更...

2020-01-02 17:04:09 4047 3

原创 如何让百度更好的发现VuePress驱动的页面

背景 最近有小伙伴问我怎么让百度收录自己由 VuePress 驱动的博客呢。换句话说,也就是 SEO 优化啦,其实 VuePress 在 SEO 方面已经处理得很不错了,但是为了让百度更好的发现 VuePress 驱动的页面,我觉得有必要简单地再优化下 SEO。主要分为两部分,一部分是利用百度搜索...

2020-06-02 11:17:18 303 0

原创 ViLike.js - 一款轻量级的访问量&点赞统计插件
原力计划

ViLike JS ???????? 一款基于Bmob后端云轻量级的访问量&点赞插件 在线演示 ViLikeJS Demo 特性 简单功能简单实现,封装十几行代码实现超轻量的JS插件。 无需在个人服务器上搭建后端系统,数据访问更加安全。 借助Bmob创建后端平台,创建、管理更加方便快捷。...

2020-05-11 19:00:12 545 0

原创 如何同时管理Github和Gitee开源库(具体版本)
原力计划

背景 在同一台电脑上管理 Github 和 Gitee 开源库确实有点麻烦,而且在网络上其实已经有很多版本讲述如何去配置,但是并没有说明配置完如何去使用。这里我会完整整理整个配置流程以及使用方法,以便大家遇到该问题时可以直接查阅。 步骤 1.取消全局用户配置 如果当前使用了全局用户配置的话,请用以...

2020-02-27 20:30:20 218 0

原创 warning An error was encountered in plugin "@vuepress/back-to-top"

背景 今天在给 VuePress 项目安装 @vuepress/back-to-top 插件时出了个小问题:在依赖和配置都没问题的情况下,插件没有正常显示。终端信息还提示“warning An error was encountered in plugin “@vuepress/back-to-t...

2020-02-09 13:14:28 991 2

原创 Webpack4 Dev-cli 开箱即用轻量级开发脚手架

Webpack4 Dev-cli 为基于 Webpack 管理的前端项目而打造的一款轻量级开发脚手架。 特性 预配置基本依赖,热更新等等。 支持 Webpack 4.x.x 版本,Less 样式等等。 可抽离和压缩的 CSS、JS 文件。 开始使用 我们建议使用 ...

2020-02-02 11:47:00 139 0

原创 如何在Vue中使用lottie加载SVG动画

背景 最近刚搞完官网,是时候分享一波我在码官网过程中遇到的一些小困难。当然,我会分享一些比较重点的内容。现在网页上比较复杂的动画基本都采用 SVG,像 Ant Design 全家桶的官网,首页的 Banner 基本采用 SVG 动画(太过复杂的 SVG 会消耗 CPU 性能,你电脑的散热器可能就...

2020-01-30 14:51:03 709 5

原创 npm与yarn命令对应表

背景 最近项目开发管理从 npm 转用了 yarn,刚接触 yarn 不是很熟悉具体用法(虽然和 npm 命令差不多),所以我把网上搜到的资料记录到语雀中,当然 CSDN 也是同步更新滴~ 命令对应表 npm yarn npm install...

2020-01-02 17:26:12 738 0

原创 如何解决项目中npm无法卸载依赖的问题

背景 项目中有些时候想卸载无用的依赖, 使用 npm un xxxx 卸载时等了漫长时间,控制台却提示一大堆错误,不得不手动卸载无用的依赖,首先来看看卸载时显示错误的截图(不一定是这种错误,但卸载时就会显示错误): 那我们如何手动卸载依赖呢? 步骤 1.打开项目文件下的node_mod...

2020-01-02 16:44:44 1249 2

原创 如何解决WebStorm、VS Code终端光标位置错乱问题

背景 刚入手 VS Code 时,发现 VSC 终端的光标位置错乱,本以为是软件问题,所以没多大注意。后来转用 WebStorm 时,发现其终端光标的显示情况与 VSC 相同,如下图所示: (VS Code 版本1.33.1 - Win10 系统下终端光标错乱) (WebStorm版本2...

2019-12-30 22:41:25 198 0

原创 Webpack如何引入CDN链接来优化编译后的体积

背景 在 Vue 项目中,引入到工程中的所有 js 文件,编译时都会被打包进 vendor.js,也就导致了 vendor.js 文件体积变得相当臃肿,一定程度上影响着页面的渲染。为了减少编译后的体积,提高页面渲染速度,我们可以通过引入 CDN 链接把库分离,多线程异步 js 库,从而达到加速渲...

2019-12-27 19:30:16 151 0

原创 让WordPress支持多站点搭建

1.开启“配置网络” 打开 WordPress 根目录下的 wp-config.php 文件, 找到/* That's all, stop editing! Happy publishing. */,在该行代码前添上以下代码: define('WP_ALLOW_MULTI...

2019-12-27 19:08:53 234 0

原创 如何完美配置Webpack4.x.x以及打包运行测试

背景 第一次使用Webpack4还不大熟悉,导致测试项目时老是失败。所以找了资料,以下内容参考自EddyWorkHard,对其内容进行整理加总结,大家可以参考参考。 注:以下部分npm命令都改用为cnpm,未配置请点击我查看。 1.安装webpack 打开cmd,执行以下命令: cnp...

2019-05-02 12:11:34 280 0

原创 如何彻底卸载Webpack以及node_modules文件夹

背景 网上有很多卸载Webpack的方法,但都是利用命令行卸载的,然而该方法很浪费时间。所以我自个儿摸清Webpack的安装方式,才得以把Webpack以及node_modules文件夹快速删除,下面我就把卸载的方法分享给大家。 Webpack安装的包都到哪去了? Webpack分为全局安装...

2019-05-02 11:07:08 1462 0

原创 《jQuery插件开发 - 插件锻造师》第四章 插件编写模板总结

通过前两章的学习,我们可以总结出一个插件编写的模板: ;(function ($) { "use strict"; $.fn.方法名称 = function (options) { var parameter = $.extend({ ...

2019-04-26 15:38:23 59 0

原创 《jQuery插件开发 - 插件锻造师》第三章 插件参数化

上篇我们已经学会如何去调用插件的方法,这章我们来讲讲如何给插件的方法进行参数化。 如果我们不对sayHello这个方法进行参数化,对它调用时,不管把方法赋予到哪个class或id上,其显示效果都是一样的。你可能不明白上述这句话,来,咱们给HTML下的代码稍微做下变更: <body>...

2019-04-25 23:47:44 45 0

原创 《jQuery插件开发 - 插件锻造师》第二章 创建Hello World提示插件

在制作弹窗对话框插件之前,咱们先来制作一个显示Hell World提示的小案例: 1.按以下路径创建文件,并引入相对应的js; ├─source //主目录 │ ├─Demo1 //第一个案例 - Hello World │ │ │ ├─demo.html //h...

2019-04-25 22:19:12 49 0

原创 《jQuery插件开发 - 插件锻造师》第一章 前言

前言 学会开发jQuery插件,一定程度上能提高我们的开发效率。虽然jQuery插件已经逐渐退出历史舞台,但是因为它的理念“写的更少,做的更多”让人一直受青睐,如果你做的只是小项目,那我还是挺推荐使用jQuery框架的,当然用不用它得看情况,不能一概而论。此次实例我会教大家制作一个弹窗插件,我们...

2019-04-25 22:19:01 48 0

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