- 博客(25)
- 收藏
- 关注
RSS订阅
原创 前端CLI脚手架思路解析-从0到1搭建
为什么要自己搞脚手架在实际的开发过程中，我们经常用别人开发的脚手架，以节约搭建项目的时间。但是，当npm没有自己中意的脚手架时，我们不得不自己动手，此时学会开发前端CLI脚手架的技能就显得非常重要。搭建一个符合大众化的脚手架能使自己在项目经验上加个分哦！什么时候需要脚手架其实很多时候从0开始搭建的项目都可以做成模板，而脚手架的主要核心功能就是利用模板来快速搭建一个完整的项目结构，后续我们只需在这上面进行开发就可以了。入门需知下面我们以创建js插件项目的脚手架来加深我们对前端脚手架的认知。在此之前
2020-10-03 13:41:39
990
2
原创 Flutter指南之环境完整搭建
背景之前早就听说 Flutter 在开发安卓 APP 上很方便，但因为时间问题迟迟没有下载配置玩玩。最近心里痒痒想试看看 Flutter 是否有那么强大，所以今天就下定决定下载配置一番，环境搭建过程可谓是艰难呐！但是我电脑已经有了 VSCode，不想再装一个 Android Studio，所以接下来我会给大家介绍下怎么给 VSCode 配置 Flutter 开发环境。配置Flutter SDK安装Flutter和Dart插件既然我们只用 VSCode 来开发，那就先把 Flutter 和 Dart
2020-07-19 13:56:39
507
原创 RVerify.js - 一款轻量级图片旋转验证插件
RVerify.js✅❎ 一款轻量级图片旋转验证插件官方文档官方文档：RVerify.js在线演示：RVerify.js Demo快速上手安装把 RVerify.js 和 RVerify.css 添加进你的项目。<script src="RVerify.js"></script><link rel="stylesheet" href="RVerify.css"/>你可以从 unpkg or jsdelivr 获取相应的 CDN 链接。（注：上面代码块
2020-06-02 10:21:46
1785
1
原创 vuepress-theme-antdocs — Ant Design设计风格的VuePress主题公测发布
背景经过几天魔改之后，VuePress 主题 AntDocs 终于可以公测啦！本主题采用 Ant Design 设计风格，以及搭载了 Ant Design Vue 组件，可以直接使用 Ant Design Vue，另外还优化了很多模块，比如手机适配、首页底部栏等等。（本来要发布 0.0.9-alpha，但是官方文档已经写好，就直接扔 0.1.0-beta 了）这个我就直接给出官方文档链接啦：An...
2020-03-01 11:00:55
2907
原创 利用VuePress-Creator（VuePress脚手架）快速搭建VuePress项目
背景最近想把博客搬迁到 Github 上，所以找到了 VuePress 静态站点生成工具。现在已经升级到 1.x 版本了，目前用着还不错。但就是每次创建 VuePress 项目略显麻烦，无奈之下抽空写了 VuePress-Creator 脚手架（开源！开源！开源！），方便了快速创建 VuePress 项目。但由于时间关系，脚手架没有添加 多语言 选项，后期会抽空完善这款脚手架的~下面我简单...
2020-02-11 15:10:04
1176
1
原创 如何正确更改Ant Design of Vue样式
背景最近在搞项目，改用了 Ant Design UI 框架，根据项目要求肯定要更改原有样式，但使用Ant Design 过程中发现一个问题：直接在 <style></style> 内改样式改不了！不得已去找官方文档解决，但遗憾的是我看得一头雾水...官方文档给出好几种更改方式，但这里我推荐使用 less 方式对样式进行覆盖，首先来看看官方文档怎么描述的：对于以...
2020-01-02 17:04:09
11890
6
原创 Snippet Store 0.2.11 汉化版
软件截图下载链接Snippet Store 0.2.11_汉化版https://drive.yuelili.com/s/lO5T5
2021-10-20 16:01:15
853
原创 正确解决VuePress本地访问出现资源报错404的问题
背景最近发现好多小伙伴刚用VuePress，然后一build完就直接用本地浏览器访问，结果出现黑块。仅仅出现那种问题还好，给项目安装 vuepress-plugin-serve 插件就行了，但是如果有需求是需要离线查看 VuePress 生成后的文档呢？所以我特地研究了一下——解决办法打开 .vuepress/config.js 文件，把 base 的值改成 ./，为了方便调试，最好这样写：//base: "/",base: "./",写两个，一个用于Dev，一个用于Build。然后打开项
2020-12-02 00:15:02
5807
4
原创 如何让百度更好的发现VuePress驱动的页面
背景最近有小伙伴问我怎么让百度收录自己由 VuePress 驱动的博客呢。换句话说，也就是 SEO 优化啦，其实 VuePress 在 SEO 方面已经处理得很不错了，但是为了让百度更好的发现 VuePress 驱动的页面，我觉得有必要简单地再优化下 SEO。主要分为两部分，一部分是利用百度搜索资源平台的链接提交（分手动提交和自动提交），另一部分是利用 VuePress 中 head 字段注入相...
2020-06-02 11:17:18
980
原创 ViLike.js - 一款轻量级的访问量&点赞统计插件
ViLike JS???????? 一款基于Bmob后端云轻量级的访问量&点赞插件在线演示ViLikeJS Demo特性简单功能简单实现，封装十几行代码实现超轻量的JS插件。无需在个人服务器上搭建后端系统，数据访问更加安全。借助Bmob创建后端平台，创建、管理更加方便快捷。什么情况需要它✅ 当你想在你的博客显示访客统计时；✅ 当你想在你的文章页显示阅读量时；✅ 当你想给你的文章或者作品实现点赞功能时；…关于它ViLikeJS 是继 左撇峰子 开发 VuePress
2020-05-11 19:00:12
2113
2
原创 如何同时管理Github和Gitee开源库（具体版本）
背景在同一台电脑上管理 Github 和 Gitee 开源库确实有点麻烦，而且在网络上其实已经有很多版本讲述如何去配置，但是并没有说明配置完如何去使用。这里我会完整整理整个配置流程以及使用方法，以便大家遇到该问题时可以直接查阅。步骤1.取消全局用户配置如果当前使用了全局用户配置的话，请用以下命令注销：git config --global --unset user.name "你的用户名...
2020-02-27 20:30:20
934
原创 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-top””，明显就是加载不到插件，那么这个问题如何解决呢？解决办法在项目下安装 vuepress 依...
2020-02-09 13:14:28
2369
2
原创 Webpack4 Dev-cli 开箱即用轻量级开发脚手架
Webpack4 Dev-cli为基于 Webpack 管理的前端项目而打造的一款轻量级开发脚手架。特性预配置基本依赖，热更新等等。支持 Webpack 4.x.x 版本，Less 样式等等。可抽离和压缩的 CSS、JS 文件。开始使用我们建议使用 npm 或 yarn 进行安装，它不仅使开发更容易，而且还允许您利用 Javascript 包和工具丰富的生态系统。克隆...
2020-02-02 11:47:00
282
原创 如何在Vue中使用lottie加载SVG动画
背景最近刚搞完官网，是时候分享一波我在码官网过程中遇到的一些小困难。当然，我会分享一些比较重点的内容。现在网页上比较复杂的动画基本都采用 SVG，像 Ant Design 全家桶的官网，首页的 Banner 基本采用 SVG 动画（太过复杂的 SVG 会消耗 CPU 性能，你电脑的散热器可能就会嗡嗡响，特别是 AntV 官网的 Banner 动画，打开久了我电脑的 CPU 会居高不下），但目前...
2020-01-30 14:51:03
3088
6
原创 npm与yarn命令对应表
背景最近项目开发管理从 npm 转用了 yarn，刚接触 yarn 不是很熟悉具体用法（虽然和 npm 命令差不多），所以我把网上搜到的资料记录到语雀中，当然 CSDN 也是同步更新滴~命令对应表 npm yarn npm install yarn npm install XXXX --save ...
2020-01-02 17:26:12
3651
原创 如何解决项目中npm无法卸载依赖的问题
背景项目中有些时候想卸载无用的依赖， 使用 npm un xxxx 卸载时等了漫长时间，控制台却提示一大堆错误，不得不手动卸载无用的依赖，首先来看看卸载时显示错误的截图（不一定是这种错误，但卸载时就会显示错误）：那我们如何手动卸载依赖呢？步骤1.打开项目文件下的node_modules 文件下，找到你要卸载依赖的名称，这里以 js-cookie 为例，如图：2.然后按...
2020-01-02 16:44:44
8195
3
原创 如何解决WebStorm、VS Code终端光标位置错乱问题
背景刚入手 VS Code 时，发现 VSC 终端的光标位置错乱，本以为是软件问题，所以没多大注意。后来转用 WebStorm 时，发现其终端光标的显示情况与 VSC 相同，如下图所示：（VS Code 版本1.33.1 - Win10 系统下终端光标错乱）（WebStorm版本2019.1 -Win10 系统下终端光标错乱）所以觉得不是软件问题，上网查找解决办法。欣喜的是...
2019-12-30 22:41:25
1109
原创 Webpack如何引入CDN链接来优化编译后的体积
背景在 Vue 项目中，引入到工程中的所有 js 文件，编译时都会被打包进 vendor.js，也就导致了 vendor.js 文件体积变得相当臃肿，一定程度上影响着页面的渲染。为了减少编译后的体积，提高页面渲染速度，我们可以通过引入 CDN 链接把库分离，多线程异步 js 库，从而达到加速渲染的目的。那么我们如何做呢？步骤1.引入CDN链接在项目的 index.html 中，常规...
2019-12-27 19:30:16
364
原创 让WordPress支持多站点搭建
1.开启“配置网络”打开 WordPress 根目录下的 wp-config.php 文件， 找到/* That's all, stop editing! Happy publishing. */，在该行代码前添上以下代码：define('WP_ALLOW_MULTISITE', true);注意：不能对该WordPress文件进行移动，否则需要删除之后重新配置； 在激活之...
2019-12-27 19:08:53
419
原创 如何完美配置Webpack4.x.x以及打包运行测试
背景第一次使用Webpack4还不大熟悉，导致测试项目时老是失败。所以找了资料，以下内容参考自EddyWorkHard，对其内容进行整理加总结，大家可以参考参考。注：以下部分npm命令都改用为cnpm，未配置请点击我查看。1.安装webpack打开cmd，执行以下命令：cnpm install webpack -g2.安装webpack-cli（必装）安装完后继续...
2019-05-02 12:11:34
649
原创 如何彻底卸载Webpack以及node_modules文件夹
背景网上有很多卸载Webpack的方法，但都是利用命令行卸载的，然而该方法很浪费时间。所以我自个儿摸清Webpack的安装方式，才得以把Webpack以及node_modules文件夹快速删除，下面我就把卸载的方法分享给大家。Webpack安装的包都到哪去了？Webpack分为全局安装和局部安装，局部安装的包安装在项目相对应的node_modules文件夹内，而全局安装的包路径如下：...
2019-05-02 11:07:08
5124
原创 《jQuery插件开发 - 插件锻造师》第四章 插件编写模板总结
通过前两章的学习，我们可以总结出一个插件编写的模板：;(function ($) { "use strict"; $.fn.方法名称 = function (options) { var parameter = $.extend({ '参数1': '默认值1', '参数2': '默认值2', ...
2019-04-26 15:38:23
136
原创 《jQuery插件开发 - 插件锻造师》第三章 插件参数化
上篇我们已经学会如何去调用插件的方法，这章我们来讲讲如何给插件的方法进行参数化。如果我们不对sayHello这个方法进行参数化，对它调用时，不管把方法赋予到哪个class或id上，其显示效果都是一样的。你可能不明白上述这句话，来，咱们给HTML下的代码稍微做下变更：<body> <button class="Demo_sayHello_1">Hello W...
2019-04-25 23:47:44
89
原创 《jQuery插件开发 - 插件锻造师》第二章 创建Hello World提示插件
在制作弹窗对话框插件之前，咱们先来制作一个显示Hell World提示的小案例：1.按以下路径创建文件，并引入相对应的js；├─source //主目录 │ ├─Demo1 //第一个案例 - Hello World │ │ │ ├─demo.html //html - 没啥好介绍的，就是HTML文件而已 │ │ │ └─demo.js //ja...
2019-04-25 22:19:12
179
原创 《jQuery插件开发 - 插件锻造师》第一章 前言
前言学会开发jQuery插件，一定程度上能提高我们的开发效率。虽然jQuery插件已经逐渐退出历史舞台，但是因为它的理念“写的更少，做的更多”让人一直受青睐，如果你做的只是小项目，那我还是挺推荐使用jQuery框架的，当然用不用它得看情况，不能一概而论。此次实例我会教大家制作一个弹窗插件，我们不需要很清楚其中的原理，只要掌握插件编写框架就能举一反三。jQuery插件开发须知1.jQ...
2019-04-25 22:19:01
108
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人