- 博客(32)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 Nuxt.js layout 配置与使用（layouts）
有的版本创建项目默认没有 layouts 文件夹，所以需要手动创建一个 layouts 文件夹，文件名固定，如果需要自定义文件夹名看这篇。在 layouts 文件夹里面创建一个 BaseLayout，<Nuxt></Nuxt> 跟 vue 的使用一样，属于继承组件的渲染范围。在页面使用渲染结果...
2021-08-31 17:56:11
9408
6
原创 Nuxt.js run build 之后生成的 dist 文件夹在哪
在 nuxt.js 项目执行 run build 打包操作之后，生成的 dist 文件夹在 .nuxt 文件夹中，前面有个 . 说明是隐藏文件夹，如果没有开启显示隐藏文件夹是看不到的。开始显示隐藏文件夹之后
2021-08-31 17:39:16
3528
原创 Nuxt.js 使用 iconfont 导入流程
如果没有 assets 文件夹，需要手动创建。下载 iconfont 文件，解压出来！在 assets 文件夹中创建一个 iconfont 文件夹，将上面解压出来的文件拖到 /assets/iconfont 文件夹中。然后找到 nuxt.config.js 添加 css 配置css: [ '~/assets/iconfont/iconfont.css']使用...
2021-08-31 16:45:11
346
原创 Nuxt.js 自定义文件夹指向（没有 assets 文件夹需手动添加）
Nuxt.js dir配置 官方文档官方文档上有这样一个例子，相当于 key 是固定的，后面的 value 就是需要指向的自定义文件夹名称，有的文件可能是默认就不在创建的，例如 assets 文件夹，有的版本默认就不在提供这个文件夹，需要用到的话，得自己手动创建，如果新建的文件名为 assets 则不需要在 nuxt.config.js 中添加配置，如果是一个新的文件夹名需要将它指定为 assets 则需要添加对应配置才能生效。export default { dir: { asse..
2021-08-31 16:17:57
1371
1
原创 Nuxt.js 使用 fullPage.js 支持 SSR
一、简介fullpage.js 与 vue-fullpage.js 优先用前者，后者会因为用到 window 对象而报错 window is not defined 错误，但是 fullpage.js 可以通过本地导入的方式很方便的避开这个错误。Error：Fullpage.js version 3 has changed its license to GPLv3 and it requires a licenseKey option. Read about it here 解决方案。附带
2021-08-31 15:11:37
1367
7
原创 Nuxt.js 本地（CDN 远程）JS/CSS 全局（单页面）导入
一、JS/CSS CDN远程、本地导入细节本地 JS/CSS，存放在 static 目录下，引用时，不需要添加 /static 目录，因为 /static 目录编译后会被映射到 / 目录JS 文件需要注意的是，如果文件中包含 ES6 的语法，例如 export 之类的导出，就不要通过配置文件去进行配置，会报错，而是直接通过在页面 import 进行导入即可。测试代码（CDN远程、本地）二、全局 JS/CSS CDN远程、本地导入nuxt.config.js 配置css
2021-08-31 14:01:33
1325
原创 Fullpage version 3 has changed its license to GPLv3 and it requires a licenseKey
控制台报错 Fullpage.js version 3 has changed its license to GPLv3 and it requires a licenseKey option. Read about it here:Fullpage.js version 3 has changed its license to GPLv3 and it requires a `licen...
2021-08-30 17:07:46
147
原创 Fullpage.js version 3 has changed its license to GPLv3 and it requires a `licenseKey` option ...
控制台报错 Fullpage.js version 3 has changed its license to GPLv3 and it requires a licenseKey option. Read about it here:Fullpage.js version 3 has changed its license to GPLv3 and it requires a `licenseKey` option. Read about it here若引用的是 fullPage.js，就..
2021-08-30 17:07:36
1641
原创 Vue、React 前端框架收藏（移动端、PC）
收藏一波方便后面选框架！Vue 移动端框架Vue PC框架React 移动端框架React PC框架
2021-08-30 10:54:45
271
原创 Failed to read the 'localStorage' property from 'Window': Access is denied ...
报错: Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.原因是浏览器开启了 阻止第三方 Cookie 访问，一般 隐身模式 会默认开启阻止。Chrome 在 隐身模式 下手动开启一下 设置 -> 隐私设置...
2021-08-27 15:14:34
1107
原创 Failed to read the ‘localStorage‘ property from ‘Window‘: Access is denied ...
报错: Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.原因是浏览器开启了 阻止第三方 Cookie 访问，一般 隐身模式 会默认开启阻止。Chrome 在 隐身模式 下手动开启一下 设置 -> 隐私设置和安全性 -> Cookie 及其他网站数据 -> 允许所有 Cookie...
2021-08-27 15:14:21
2301
原创 Algorithm “brotliCompress“ is not found in “zlib“
原因是 nodejs 版本太低了，还不支持 zlib，所以需要将 nodejs 升级到 >= v10.16.0 版本。nvm 管理 node 版本
2021-08-27 13:42:37
463
原创 Algorithm "brotliCompress" is not found in "zlib"
原因是 nodejs 版本太低了，还不支持 zlib，所以需要将 nodejs 升级到 >= v10.16.0 版本。nvm 管理 node 版本
2021-08-27 13:41:37
46
原创 nvm 安装、卸载与使用（详细步骤）
在安装这之前没有配置文件的话，就需要先创建配置文件，在手动贴进去，也可以创建配置文件之后，在重新直接运行一遍。如果提示没有找到对应解释器的配置文件，则需要手动创建一个当前解释器的配置文件，如果不清楚可以看下这篇文章。不是简单的关掉窗口重启，没有退出后台进程，而是完全退出杀死工具进程，重新启动。里面保存起来，以安装时提示添加的配置为准，下面就拷贝一下当前安装所提示的。安装，反正也只是覆盖一遍，也会自动追加进去，可以打开配置自己看看。中除安装部分外，配置好当前解释器需要的。安装指定版本，可模糊安装，如安装。..
2021-08-26 16:25:30
40856
2
原创 Java List 集合子类特点与区别
ArrayList：底层数据结构是数组，查询快，增删慢，线程安全，效率高。Vector：底层数据结构是数组，查询快，增删慢，线程安全，效率高。LinkedList：底层数据结构是链表，查询慢，增删快，线程安全，效率高。一般情况下，不使用 Vector。查询多，使用 ArrayList。增删多，使用 LinkList。都多用 ArrayList。...
2021-08-26 10:22:04
145
原创 Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案
一、chunk-vendors.js 简介顾名思义，chunk-vendors.js 是捆绑所有不是自己的模块，而是来自其他方的模块的捆绑包，它们称为第三方模块或供应商模块。通常，它意味着（仅和）来自项目 /node_modules 目录的所有模块，会将所有 /node_modules 中的第三方包打包到 chunk-vendors.js 中。将所有的第三方包集中到一个文件，自然也会出现文件过大的问题。二、chunk-vendors.js 文件大小分析新创建一个 vue 项目，
2021-08-24 16:37:48
38957
2
原创 Vue 打包 chunk-vendors.js 文件过大解决方案（compression-webpack-plugin）
主篇 Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案。根据主篇内容继续通过 compression-webpack-plugin 插件处理 chunk-vendors.js 文件过大的问题。创建 vue.config.js 文件，后续配置都需要用到配置文件。前端将文件打包成 .gz 文件，然后通过 nginx 的配置，让浏览器直接解析 .gz 文件，可以大大提升文件加载的速度。安装插件npm 安装// 安装报错的话看下面注释，用下面的版本..
2021-08-24 16:34:09
19087
11
原创 Nginx 发布(部署) Vue 项目
1、通过 npm run build 进行打包，获得 dist 文件夹2、安装 Nginx 之后，并在配置文件中添加下面的 server 配置，专门针对 vue 的配置，注意调整根目录。server { # 监听端口 listen 8088; # 主机名称 # server_name www.xyq.com; # 根目录 root /usr/local/var/vue/chunk/dist; # 匹配协议 location / {..
2021-08-24 15:04:45
1713
原创 Java 增强 for 循环（类似 for in 循环）
实现 Iterable 接口的类允许其对象成为增强型 for 语句的目标。它是 JDK5 之后出现的，其内部原理是一个 Iterator 迭代器。格式for (数据类型 变量 : 数组或集合) { // 使用 变量 即可}案例import java.util.ArrayList;import java.util.List;public class test { public static void main(String[] args) { // 创建集..
2021-08-24 11:05:10
228
原创 Vue 实现 Hover 功能（ mouseover 与 mouseenter 的区别）
一、mouseover 和 mouseenter 的区别mouseover：当鼠标移入元素或其子元素都会触发事件，所以有一个重复触发，冒泡过程。对应的移除事件是 mouseoutmouseenter:当鼠标移入元素本身(不包含元素的子元素)会触发事件，也就是不会冒泡。对应的移除事件是 mouseleave通过图片进行分析 冒泡 情况hover 事件调用顺序mouseover -...
2021-08-23 15:34:58
63
原创 Vue 实现 Hover 功能（ mouseover 与 mouseenter 的区别）
一、mouseover 和 mouseenter 的区别mouseover：当鼠标移入元素或其子元素都会触发事件，所以有一个重复触发，冒泡过程。对应的移除事件是 mouseoutmouseenter:当鼠标移入元素本身（不包含元素的子元素）会触发事件，也就是不会冒泡。对应的移除事件是 mouseleave通过图片进行分析 冒泡 情况hover 事件调用顺序mouseover -> mouseenter -> mousemove(hover进去之后移动会触发) ->
2021-08-23 15:34:44
17384
原创 解决 NavigationDuplicated: Avoided redundant navigation to current location: "/"
在 Vue 中路由报错 NavigationDuplicated: Avoided redundant navigation to current location: "/"，原因是路由重复。解决方案在 router 文件夹下的 index.js 中加入下面代码，解决！const originalPush = VueRouter.prototype.pushVueRouter....
2021-08-10 11:37:49
478
原创 解决 NavigationDuplicated: Avoided redundant navigation to current location: “/“
在 Vue 中路由报错 NavigationDuplicated: Avoided redundant navigation to current location: "/"，原因是路由重复。解决方案在 router 文件夹下的 index.js 中加入下面代码，解决！const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return origi..
2021-08-10 11:37:35
2440
原创 CentOS 域名配置解析（购买-备案-配置-访问，二级域名配置）
根据主篇 CentOS 基础环境搭建 进行 域名配置解析。一、域名解析云服务器安装好 Nginx 之后，能够通过公网 IP 正常访问之后，需要支持一下域名访问。然后去 阿里、腾讯 … 购买一个喜欢的域名，然后直接线上实名认证一下，等待审核通过，通过之后点击域名后面的 解析 操作进入 解析页面 之后，点添加记录没有别的需求，填一个 主机记录 跟 记录值（公网IP） 就行了，都有说明，不清楚的就默认保持就行了。将 www、@、* 的都可以配一下解析配置完成之后，需.
2021-08-10 10:22:31
1429
原创 解决 Failed to read the 'localStorage' property from 'Window': Access is denied...
报错这个，一般是在浏览器 隐身模式 下使用 localStorage、cookie 存储操作导致的，或者是浏览器正常模式下开启了 阻止第三方 Cookie 权限。打开浏览器 设置 -> 隐私设置和安全性 -> Cookie及其他网站数据 -> 允许所有Cookie，关闭其他阻止选项(针对 Chrome 浏览器，其他浏览器 Cookie 设置的位置可能有所不同)...
2021-08-09 16:49:18
629
原创 解决 Failed to read the ‘localStorage‘ property from ‘Window‘: Access is denied...
报错这个，一般是在浏览器 隐身模式 下使用 localStorage、cookie 存储操作导致的，或者是浏览器正常模式下开启了 阻止第三方 Cookie 权限。打开浏览器 设置 -> 隐私设置和安全性 -> Cookie及其他网站数据 -> 允许所有Cookie，关闭其他阻止选项（针对 Chrome 浏览器，其他浏览器 Cookie 设置的位置可能有所不同）...
2021-08-09 16:48:57
15771
1
原创 JS 解决 removeEventListener 不生效问题
在使用 addEventListener 添加监听后，需要通过 removeEventListener 移除通知，但是不生效，所以需要注意： 添加 跟 移除 的监听方法要一致，也就是监听绑定的是哪个 function，移除也得一致。无法移除的写法// 添加消息监听window.addEventListener('message', function (msg) { // 输出 console.log(msg) // 移除消息监听 window.removeEventListen..
2021-08-09 16:32:28
4642
5
原创 解决 Blocked a frame with origin "xxx" from accessing a cross-origin frame
内嵌 iframe 页面，一般使用 window.parent 或 window.top 来获取父页面的 window 对象在子页面 想使用(或传递给) 父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题。解决办法1、父页面监听 message，写法固定window.addEventListener('message', function (e) { console.l...
2021-08-09 15:45:28
574
原创 解决 Blocked a frame with origin “xxx“ from accessing a cross-origin frame
这是内嵌 iframe 页面使用 window.parent 或 top.xxxx 导致的，在 子页面，想传递给 父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题。解决办法1、父页面监听 message，写法固定window.addEventListener('message', function (e) { console.log(e)})2、子页面发送 message 消息，并附带参数// window.parent 是 iframe 子页面获取父页面的 window..
2021-08-09 15:44:38
12746
原创 Java ListIterator 迭代器的使用（Iterator 与 ListIterator 的区别）
一、简介通过 List 集合的 listIterator() 方法得到，它是 List 集合特有的迭代器。允许程序员沿任一方向遍历列表的列表迭代器，在迭代期间修改列表，并获取列表中迭代器的当前位置。Iterator 与 ListIterator 的区别:Iterator：只能从上到下便利元素。ListIterator：可以沿任一方向遍历列表，修改列表、获取当前索引。二、案例代码import java.util.ArrayList;import java.util.List;
2021-08-04 15:27:58
701
原创 Java List 的简单使用
一、简介有序集合(也称为序列)，可以精确控制列表中没个元素的插入位置。可以通过整数索引访问元素，并搜索列表中的元素。与 Set 集合不同，列表通常允许 重复 的元素。二、使用案例import java.util.ArrayList;import java.util.List;import java.util.Iterator;public class test { public static void main(String[] args) { // 创建 Li
2021-08-04 11:56:40
310
原创 Java Collection 的简单使用
一、简介提到集合就不得不提一下数组，好多集合底层都是依赖于数组的实现。数组一旦初始化后，长度就确定了，存储数据对象不能达到动态扩展，其次数组存储元素不便于对数组进行添加、修改、删除操作，而且数组可以存储重复元素。这个时候集合对作用显现出来了。集合分为 Collection和 Map 两种体系。Collection 接口 (java.util.Collection) 是 Java集合类的顶级接口之一，整个集合框架就围绕一组标准接口而设计。Collection的集合类的继承树：
2021-08-04 11:25:48
221
Desktop Goose For Mac (Mac 网红桌面宠物：鹅)
2024-02-04
iOS、Android 双平台AES128加密源代码
2019-07-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人