weixin_45815859的博客

vue-ssr解决方案

软件编程有一个重要的原则是 D.R.Y（Don’t RepeatYourself），讲的是尽量复用代码和逻辑，减少重复。组件扩展可以避免重复代码，更易于快速开发和维护。那么，扩展 Vue组件的最佳方法是什么？ Vue 提供了不少 API 和模式来支持组件复用和扩展，你可以根据自己的目的和偏好来选择。本文介绍几种比较常见的方法和模式，希望对你有所帮助。扩展组件是否必要扩展往往通过继承基础组件来达到功能复用的目的。要知道，所有的组件扩展方法都会增加复杂性和额外代码，有时候还会增加性能消耗。经验告诉.

webpack打包优化相信很多前端同学都会碰到过 为什么我用vue写出来的代码首页打开这么慢 加载一个页面这么久 图片怎么这么久还是白图 明明我的代码写的很规范整洁 该用三元的用了三元 没有串联的js请求也尽量并行了 图片也用了懒加载 为什么就是这么慢呢。 这就需要用到一些打包优化的知识了。

vue组件通信Vue3 组件通信方式Vue3.x 组件通信共有7种props$emitexpose / ref$attrsv-modelprovide / injectVuexVue3 通信使用写法props用 props 传数据给子组件有两种方法，如下方法一，混合写法// Parent.vue 传送<child :msg1="msg1" :msg2="msg2"></child><script>import child from "

今天测试打来一个bug 让我很好奇 因为以前从来没有发生过观点一：我认为应该vue打包时es6转义es5 并没有完全转义成功 微信内置浏览器对es6+的支持不是很友好于是方案如下 打开cmd 输入以下#vue add babel#yarn build 打包成功后上传流水线 发现还是一样 观点失败观点二：我认为应该是在微信浏览器中 缓存问题 （因为该项目进场需要带一个id id通过缓存存放以便后续请求全部带此id）。其实不然 微信浏览器其实就是一个内嵌QQ浏览器不存在缓存问题观点三

最近闲暇时在使用Electron做桌面端应用（仿网易云桌面客户端）于是有接触到audio。由于很久没有写过这标签了 特来此详细做个笔记，方便自己以后查阅。先放一个auido标签 让他动起来 <audio :src="https://music.163.com/song/media/outer/url?id=65847.mp3" controls ></audio>一、Audio 对象Audio 对象属性属性描述博主提示.

众所周知 vue开发的SPA（单页应用）不利于搜索引擎的SEO优化。Nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）。SSR，最近很热的词，意为 Server Side Rendering（服务端渲染），目的是为了解决单页面应用的 SEO问题，搜索引擎无法抓取页面相关内容，也就是用户搜不到此网站的相关信息 对于一般网站影响不大，但是对于论坛类，内容类网站来说是致命的。一、targenuxt.config.js 中target属性 server(默认).

场景从A页面进入B页面 ，刷新页面数据（keepAlive: ture)离开B页面进入C页面，缓存B页面数据（keepAlive: true）从C页面进入B页面，读取缓存数据 返回滚动高度（keepAlive: true)离开B页面进入A页面，不缓存B页面数据（keepAlive: false)概念keep-alivekeep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染一个 D

应公司要求月中总结如下最近在开发微信H5项目，根据前半月爬的坑总结以下八点后续待补充1.ios上拉边界下拉出现白色空白解决：部分禁止拖动部分 部分下拉刷新上拉加载2.页面放大或缩小不确定行为解决：index.html页面加上viewport的meta 最大最小1.0 禁止缩放等<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0.

在日常Vue开发之中性能优化是重中之重的，那么本文作为我使用Vue框架的几个优化性能经验小结一、代码优化1、scope中 元素选择器尽量少用在 scoped 样式中，类选择器比元素选择器更好，因为大量使用元素选择器是很慢的。为了给样式设置作用域，Vue 会为元素添加一个独一无二的特性，例如 data-v-f3f3eg9。然后修改选择器，使得在匹配选择器的元素中，只有带这个特性才会真正生效，(比如 button[data-v-f3f3eg9])。问题在于大量的元素和特性组合的选择器 (比如 butt.

首先 sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（https://github.com/sockjs/sockjs-client）如果你的...