随笔分类 - 【网站开发】- 前端技术
摘要：ckeditor5插件编译与发布 1.在线配置页面 首先到：https://ckeditor.com/ckeditor-5/online-builder/ 配置插件，该页面可以帮助用户在线配置插件。本文以classic经典模式为例。 2.勾选插件 本文未勾选标记了 的收费插件。 未勾选这几个会报错的
阅读全文
摘要：Vue项目构建+Eslint自动格式化 1.安装 vue/cli npm install -g @vue/cli 2.创建项目 选择 manually select features(自定义配置) #创建项目 vue create 项目名 3.配置组件 勾选Router、Vuex、Linter/Fo
阅读全文
摘要：百度的搜索URL存在着一定的规律和逻辑，下面的链接是我使用百度搜索“标点符”后得到的链接，下面就来一起分析下百度搜索结果URL的秘密。 http://www.baidu.com/s?wd=%E6%A0%87%E7%82%B9%E7%AC%A6&rsv_spt=1&issp=1&rsv_bp=0&ie
阅读全文
摘要：如图所示，当我们使用命令 npm run dev 构建nuxt项目之后，在浏览器打开多个标签页会出现卡死或一直转圈的问题。并且在Chome浏览器控制台和VsCode控制台都没有输出任何错误信息。 问题来源： https://github.com/nuxt/nuxt.js/issues/8190#is
阅读全文
摘要：后端代码就不贴了，基于.NET5 webapi+jwt+swagger 实现的Token验证接口。 本文目的 探讨一下双Token验证设计思路以及Nuxt前端请求拦截器的封装方法。 所需插件 项目中使用到了cookie-universal-nuxt gayhub地址：cookie-universal
阅读全文
摘要：常规SEO优化方案 1.keywords关键词数量：head标签中的keywords关键词数量不能过,一两个最好。 2.标题含关键词：head标签中的网页标题包含一两个keywords里面的关键词不能过多 3.正文含关键词：网页正文也需要包含keywords里面的关键词,比例在7%-8% 4.con
阅读全文
摘要：效果如图： 1.首先执行命令安装vue-seamless-scroll插件 npm install vue-seamless-scroll --save-dev 2.在plugins目录下增加文件vue-seamless-scroll.js，并写入代码 import Vue from 'vue' i
阅读全文
摘要：效果如下： 1.执行"npm install vue-count-to --save-dev"安装vue-count-to插件 2.在plugins目录下新增文件 vue-count-to.js 并添加如下代码用于注册全局countTo组件 import Vue from "vue" import
阅读全文
摘要：1.如图，希望将el-input高度设置为60px 2.直接设置.el-input样式的高度是行不通的，查看元素后发现该控件对应的类名是.el-input__inner 3.尝试用.el-input__inner来设置输入框高度，发现高度依然没变化。 .el-input__inner{ height
阅读全文
摘要：1.现在有这样一个需求，有两个平级的bigFont字体，我想让除了第一个bigFont之后的所有bigFont类的字体都加上margin-top:70px; 2.这里使用了选择器 ~ 符号来实现，~的作用：查找第一个.bigFont后后面的所有平级.bigFont类元素 // ~的作用：查找第一个.
阅读全文
摘要：1.在/assets路径下增加css文件，并增加铭文global.css的全局css文件 2.在nuxt.config.js文件的css数组里增加代码'@/assets/css/global.css'即可启用全局样式
阅读全文
摘要：1.执行npm run dev发现项目报错 This relative module was not found: ./header-top.vue?vue&type=style&index=0&id=2e49b8a8&lang=less&scoped=true& in ./components/h
阅读全文
摘要：一丶知米易项目创建过程 1.执行 "npx create-nuxt-app online" 创建项目，其中 "online"是项目名 2.填写项目名，因为在第一步的时候已经指定了项目名是"online",所以不用填写，直接回车就行了 3.选择JavaScript作为脚本语言 4.选择npm作为包管理
阅读全文
摘要：1.terser-webpack-plugin 插件的配置 a、首先安装开发依赖terser-webpack-plugin b、之后增加vue.config.js文件，并写入代码 1 // 打包去掉console 2 const TerserPlugin = require('terser-webp
阅读全文
摘要：1.如图，在app.vue中添加了一个按钮控件 2.执行 npm run build之后生成dist文件夹 3.运行后发现主页一片空白，什么都没有 4.打开开发者工具进行抓包，发现三个文件变红，证明文件找不到 5.打开变红的文件链接，确实提示文件不存在，因为实际文件应该在项目根目录下的dist文件夹
阅读全文
摘要：1.首先安装ESLint插件 2.安装完成后，每次修改完代码都需要执行 "npm run lint"之后才能格式化 3.打开设置选项 4.选择打开设置 5.编辑代码 1 { 2 "workbench.iconTheme": "vscode-icons", 3 "workbench.activityB
阅读全文
摘要：1.执行npm install nrm -g，安装nrm，此模块主要用于切换npm镜像源，简化手动配置步骤 2.执行 nrm ls，可以看到npm源地址列表，当前使用的是默认源，npm https://registry.npmjs.org/ 3.执行 nrm use taobao，将npm的源修改为
阅读全文
摘要：1.设置->用户代码片段 2.新建全局代码片段文件 3.输入新代码片段名称 4.粘贴代码(注意代码必须在[]之间，如果代码冲存在双引号，需要用\进行转义，每一行代码以逗号结尾)，之后保存。 { "vh": { //定义快捷键 "prefix": "vh", //快捷键对应的文本内容 "body":
阅读全文
