摘要：
应用场景: 考虑到多应用在一个域名下能提高该域名的seo,所以选择通过域名二级目录形式指向 nextjs应用,这里需要修改 nginx 和 nextjs 配置 条件假设: www.helloworld.com/nextjs 指向 nextjs 目录 nextjs 端口 3000 pm2 管理prod 阅读全文
摘要：
概念 keep-alive 是 vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 作用 在组件切换过程中将状态保留在内存中，防止重复渲染D 阅读全文
摘要：
一、简介 rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，其源码中模块的导入导出采用的是ES6模块语法，即源码需要采用ES6语法进行编写。 rollup与webpack的对比: rollup只能处理js模块，而webpack可以处理任何资源，可以把所有的资 阅读全文
摘要：
TypeScript已经成为一种非常流行的JavaScript语言，这是有原因的。它的类型系统和编译器能够在您的软件运行之前的编译时捕获各种bug，并且附加的代码编辑器功能使它成为一个非常适合开发人员的高效环境。 但是，当你想用TypeScript编写一个库或包，同时又想用JavaScript来发布 阅读全文
摘要：
如果你发现你自己需要在 vue 中做一次强制更新，99.9% 的情况，是你在某个地方做错了事。 1. vue 无法检测实例被创建时不存在于 data 中的 property 原因：由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须 阅读全文
摘要：
在本文中，我想分享几个技巧，这些技巧将改善你的react代码。 1. 解构 props 在 js 中解构对象（尤其是 props）可以大大减少代码中的重复。看下面的例子： //Parent Component import react from 'react'; import CoffeeCard 阅读全文
摘要：
什么是图片懒加载 当我们向下滚动的时候图片资源才被请求到，这也就是我们本次要实现的效果，进入页面的时候，只请求可视区域的图片资源这也就是懒加载。 比如我们加载一个页面，这个页面很长很长，长到我们的浏览器可视区域装不下，那么懒加载就是优先加载可视区域的内容，其他部分等进入了可视区域在加载。 这个功能非 阅读全文
摘要：
css实现 在我们平时的业务开发中经常会用到文案超出只有收起，点击在展示全部文案；通常的使用时使用css来实现 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; 效 阅读全文
摘要：
问题： 现有三个页面a , b , c , 递进关系，a页面router.push跳转至b，b再router.push跳转至c，c使用$router.replace()回到b，然后点击b页面的返回键，需要点击两次才能回到a页面 需求： c保持router.replace至b方式不变，b页面返回键点击 阅读全文
摘要：
1. 实现响应式 响应基本类型变量 首先看一下响应式预期应该是什么样的，新建一个 demo.js 文件，内容如下： // 这种写成一行完全是为了节省空间，实际上我会一行一个变量 let a = 1, b = 2, c = a * b console.log('c:' + c) // 2 a = 2 阅读全文