前端杂货

摘要： nuxtjs是一个服务端渲染的框架，它的生命周期中有仅在服务端执行的，有仅在客户端执行的，有服务端和客户端执行的。 我们在保存登录态token到缓存中的时候，如果页面不刷新跳转，则钩子方法在客户端执行，token则在document对象上；如果页面刷新，则钩子方法执行在服务端，token则在请求头中 阅读全文

摘要： 组件生命周期 组件的生命周期，指的是组件自身的一些函数，这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。最重要的生命周期是 created attached detached ，包含一个组件实例生命流程的最主要时间点。 组件实例刚刚被创建好时， created 生命周期被触发。此时，组件 阅读全文

摘要： 本文记录微信小程序做到vuex的全局状态管理管理功能： js库请去下方GitHub地址下载； 实例store： import Store from './store.js' export default new Store({ // 全局状态初始值 state: { msg: '这是一个全局状态', 阅读全文

摘要： 在项目中可能需要一套代码同时部署几套环境，每一次改动就需要同时打包N次。这时就需要能够一个命令同时打包多次，省去了很多麻烦。 这里我们需要用到 concurrently 这个 npm 包，能够实现我们要的功能。 上面的 all 就相当与同时执行了 prepub:hwt、prepub:dxt、buil 阅读全文

摘要： 目前图片懒加载的方式主要有两种： 1、利用 getBoundingClientRect API得到当前元素与视窗的距离来判断 2、利用h5的新API IntersectionObserver 来实现 getBoundingClientRect Element.getBoundingClientRec 阅读全文

摘要： 记录柯里化函数实现的学习过程: 柯里化通常也称部分求值，其含义是给函数分步传递参数，每次传递参数后部分应用参数，并返回一个更具体的函数接受剩下的参数，这中间可嵌套多层这样的接受部分参数函数，直至返回最后结果。 如果要实现下面这个方法: 上面这个函数当参数为空的时候执行了内部参数所有值的相加，所以我们 阅读全文

摘要： 前端vue等框架打包的项目一般为SPA应用，而单页面是不利于SEO的，现在的解决方案有两种： 1、SSR服务器渲染 了解服务器渲染请进，这里不做记录。 2、预渲染模式 这比服务端渲染要简单很多，而且可以配合 vue-meta-info 来生成title和meta标签，基本可以满足SEO的需求 TIP 阅读全文

摘要： 需求：在一个vue的项目中，我们需要从一个列表页面点击列表中的某一个详情页面，从详情页面返回不刷新列表，而从列表的上一个页面重新进入列表页面则需要刷新列表。 而浏览器的机制则是每一次的页面打开都会重新执行所有的程序，所以这个功能并不能直接实现。而vue-router给我们提供了一个叫scrollBe 阅读全文

摘要： 相比与vue的路由集中式管理，能够很好的进行统一的路由操作，react的路由看起来更乱，想要进行像vue的全局路由管理不是那么得心应手。在我们的项目中，有很多页面是需要登陆权限验证的，最好的方式就是能够统一管理，而不是每个页面都要单独处理，下面是我的实现方法： 首先我们建一个文件routerMap. 阅读全文

摘要： 在我们的项目经常需要监听一些键盘事件来触发程序的执行，而Vue中允许在监听的时候添加关键修饰符： 对于一些常用键，还提供了按键别名： 全部的按键别名： .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right 修饰键： 阅读全文