jiezaizone的博客

Vue插件声明 // 插件定义MyPlugin.install = function (Vue, options) {// 1. 添加全局⽅方法或属性 Vue.myGlobalMethod = function () {// 逻辑... }// 2. 添加全局资源 Vue.directive('my-directive', {bind (el, binding, vnode, old...

简介使用vue-cli打包项目一般为SPA项目,但是SPA对搜索引擎SEO不友好，目前主要有两种方式来解决这个问题： 服务端渲染和预渲染预渲染就像官网所说，如果你调研服务器端渲染(SSR)只是用来改善少数营销页面（例如 /, /home, /about 等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染...

uni-app 问题回顾1.scroll-view 无法横向排列将scroll-view的子元素的class 设置为display: inline-block;2.自定义tabbaruni-app的tabbar最多支持5个页面，即使是自定义的，需要动态改变的tabbar，加起来也不能超过5个,需要在page.json文件进行设置, 如:"tabBar": { "list": [...

基于vue cli3.0 搭建的项目，通过prerender-spa-plugin 插件进行预编。其中配置文件vue.config.js 配置如下：const path = require('path')const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPAPlugin....

workbox学习笔记一 PWA介绍1.1 学习workbox之前先了解一下PWA（如果了解请跳过）PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。一个 PWA 应用首先是一个网页, 可以通过Web 技术编写出一个网页应用. 随后添加上Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能。而Service...

nuxt docker 化如何将nuxt docker化？在项目根目录创建docker文件夹，并创建dockerfile文件# dockerfileFROM node:11.13.0-alpine AS builderMAINTAINER jiezai# create destination directoryRUN mkdir -p /usr/src/nuxt-appWORK...

此图片来自QQ空间，未经许可不可与引用做聊天室开发，突然出现一些图片显示异常，提示此图片来自QQ空间，未经许可不可与引用,获取图片URL直接访问、在其他网页img 显示又是正常的，很是奇怪，如下图所示。网查了一下，是腾讯方面有做了限制。处理方法，在<header></header> 中添加一句<meta name="referrer" content="neve...

Vuex温故知新一、Vuex是什么？Vuex 是专门为vuejs框架设计的 状态管理工具，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。1、Vuex的构成[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EMmQP2No-1588057823521)(/Users/liurongjie/dev/workspace/t...