调试
9篇文章 · 0订阅
  • Vue项目全局配置页面缓存，实现按需读取缓存
    一个web app的实际使用场景中，有一些情景的交互要求，是记录用户的浏览状态的。最常见的就是在列表页进入详情页之后，再返回到列表页，用户希望返回到进入详情页之前的状态继续操作。但是有些使用场景，用户又是希望能够获取最新的数据，例如同级列表页之间切换的时候。 如此，针对上述两种…
    Vue.js GitHub 前端
  • 记一次 Vue 移动端活动倒计时优化
    通常写倒计时效果，用的是 setInterval，但这会引发一些问题，最常见的问题就是定时器不准。 1. setInterval 定时器 值得注意的是，在 setInterval 里面使用 this 的话，this 指向的是 window 对象，可以通过 call、apply …
    Vue.js
  • keep-alive + vuex 让缓存的页面灵活起来
    在使用vue + vue-router开发SPA的时候，有没有遇到过这样的情况：当我们在列表页和详情页之间切换的时候，如果列表页不做缓存，会导致每次从详情页返回时，列表页都会重新加载。如下图： 细心的朋友已经发现了，当从详情页返回列表页的时候，列表页重载了，这样的体验显然不好，…
    Vue.js 前端
  • 前端开发者必备的Nginx知识
    ... nginx现在几乎是众多大型网站的必用技术，大多数情况下，我们不需要亲自去配置它，但是了解它在应用程序中所担任的角色，以及如何解决这些问题是非常必要的。 下面我将从nginx在企业中的真实应用来解释nginx在应用程序中起到的作用。 不管是正向代理还是反向代理，实现的都…
    Nginx
  • vue 路由 按需 keep-alive
    从 详情页 -->返回 列表页 的时候页面的状态是缓存，不用重新请求数据，提升用户体验。 从 列表页 -->返回 主页 的时候页面，注销掉列表页，以在进入不同的列表页的时候，获取最新的数据。 今天 让我们来实现这个需求。 在 代码的世界里 解决问题的 方法 从来都不止一种。 可…
    前端
    vue 路由 按需 keep-alive
  • 工作中遇到的一些问题和处理
    onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这个可以禁止复制。 *为通配符。 一个更简单的方法就是在<body>中加入如下的代码,这样鼠标的左右键都失效了. 在JavaScript中，Truthy(真值)指的是在Bo…
    前端
  • this.$toast() 了解一下？
    前言 在平时的开发过程中，我们总是先写好一个组件，然后在需要的页面中用 import 引入即可，但如果是下面这种类型的组件呢👇 上面这种类型的浮层提示有一个很大的特点，就是使用频率特别高，几乎每个页面
    Vue.js
  • 一起搞懂 CSS 水平居中与垂直居中的16个方法
    以上是 CSS 水平居中的 8 种方法。 注：① 子元素 line-height 值为父元素 height 值。② 单行文本。 适应 IE7。 元素高度可以动态改变, 不需再CSS中定义, 如果父元素没有足够空间时, 该元素内容也不会被截断。 IE6~7, 甚至IE8 beta…
    CSS
  • 9102了，你还不会移动端真机调试？
    很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去改变样式，或者是进行断点调试。有时，在…
    JavaScript 前端