vue-router 中hash模式和history模式。在vue的路由配置中有mode选项，最直观的区别就是在hash模式下的地址栏里的URL夹杂着‘#’号 ，而history模式下没有。vue默认使用hash。mode:"hash"; mode:"history";hash hash模式依靠的是onhashchange()事件去监听location.hash的改变。 比如这个 UR
目标 视频的硬件解码近来发展非常快速，尤其是在低功耗的设备上。本教程会讲述一些硬件加速的背景知识并解释一下GStreamer是怎么做的。 悄悄告诉你，如果设置正确地话，我们什么也不用做，GStreamer自动做完这一切的。介绍 视频解码是非常消耗CPU的一个任务，尤其是1080P
转载
2024-04-22 16:28:24
71阅读
VUE计算属性和监视5.1 计算属性Vue中会有部分数据经常依赖于别的数据的改变而做出改变，并且变化逻辑也较复杂，这个时候就需要用到计算属性：computed，也就是说对于当前数据是不确定的，要经常因为其他数据改变而同时做出改变。在computed属性对象中定义计算属性的方法在HTML页面中使用{{ methodName }} 来显示计算的结果5.1.1 Why Computed还是先通过官方的例
一、了解Cookie类似于对象响应携带数据输入用户名密码跳转到指定页面点击指定页面中其中一个按钮跳转到另一个指定页面（再不需用输入用户名密码）例如现在很多浏览器实现七天免密登录 简单理解：就是在网站登录页面之后，服务器响应返回带着Cookie，然后这一组Cookie就存到自己的浏览器，当浏览器在当前网页再查看其他页面时候就会带着这一组Cookie进行访问（这时候就不需要用户名和密码的输入
转载
2024-07-08 23:54:14
585阅读
问题使用VUE路由，项目的url总是带有锚点，如下：http://localhost:8082/#/解决修改路由文件中 index.js 文件，即 src --> router --> index.js 没修改前：export default new Router({
routes: [
{
path: '/',
name: 'IndexPage',
转载
2024-05-24 14:19:43
242阅读
Vue 的核心在于：数据更新会引起视图更新。前提就在于，Vue 需要知道数据何时发生了变化。它是如何监测到的？
1. 原理
通过 Object.defineProperty 实现对数据变化的监测
这么说总有些晦涩难懂，来个小故事：
这天，你在宿舍玩游戏，你喊了一下你舍友，让他要下去吃饭的时候叫上你一起。饭点一
转载
2024-04-07 00:02:43
28阅读
vue3中的watch比起vue2中的watch有了些许的变化，我们使用composition api来写，但是其底层的核心原理其实也并没有怎么改变。但在Vue3中，由于ref定义的响应式数据在使用的时候通常要.value就显得很方便，因此，大多数情况下都使用reactive来定义基本的数据类型的监听。首先我们先定义相关的数据类型如下<input type="text" v-model="u
教程01 | 模块化方案一02 | 模块化方案二其他教程预览分库分表项目实战教程Git地址： https://github.com/MrChuJiu/EasyLogger
01 | 前言02 | 简单的分库分表设计03 | 控制反转搭配简单业务04 | 强化设计方案05 | 完善业务自动创建数据库06 | 最终篇-通过AOP自动连接数据库-完成日志业务说明我们上一节已经成功通过 连
在最新的vue文档中 监视属性更名为侦听属性 侦听属性watch： 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作&n
转载
2024-09-03 10:12:17
180阅读
实例创建方式 history选项代替了mode选项 history：createWebHistory（） hash：createWebHistory（） abstract：createMemoryHistory（） base选项移至createWebHistory等方法中，作为参数传入 create ...
转载
2021-09-10 09:12:00
1163阅读
2评论
一些概念Vue Composition API（VCA） 在实现上也其实只是把 Vue 本身就有的响应式系统更显式地暴露出来而已。这不是函数式，只是 API 暴露为函数。3.0 Template 编译出来的性能会比手写 jsx 快好几倍。——尤雨溪Vue2 传统的 data，computed，watch，methods 写法，我们称之为「选项式api（Options API ）」 Vue3 使用
转载
2021-02-02 20:19:02
1110阅读
2评论
之前写的Vue项目，有个问题困扰了好久。新闻板块有推荐、精华、最新等几个Tab，设想通过切换Tab，改变路由参数（get/news/:tab）去获取对应数据，然后渲染到页面（用的是同一套组件），问题来了：当切换Tab时，数据并没有更新，后来看了Vue-router官网，有这么一句话：提醒一下，当使用路由参数时，例如从 /user/foo 导航到 user/bar，
Vue 大屏开发自适应 VScode | flexible.js | rem | echarts自适配其实开发大屏这个适配是最费劲的，电脑的分辨率，电脑缩放比例，电脑浏览器缩放比例都很麻烦，当然了，大屏界面本来就对分辨率有些许的要求，太差劲的分辨率本来就不适用，因为毕竟要保持页面放得下，不能出现滚动条，不能遮挡啥的，我这边给的设计图是1920*1080的，所以保证在这个分辨率下面，只要附近的分辨率
文章目录pprof简介支持模式用途使用示例引入pprof数据分析GCwindowsLinux参数说明 通过 net/http/pprof 工具来进行分析内存pprof简介pprof 是用于可视化和分析性能分析数据的工具; 以profile.proto读取分析样本的集合，并生成报告以可视化并帮助分析数据（支持文本和图形报告）。支持模式Report generation：报告生成Interactiv
1.基础指令：v-showv-ifv-elsev-forv-bind 简用（：） vue会在实例过程中添加setter getter方法去监听值得变化v-click 简用（@）2.vue中监听window事件： 感谢 smallW 根据窗口的变化去变化 canvas 的宽度? 解决方法一很常见：在data初始化等时候定
您将Get的技能收集前端错误(原生、React、Vue)编写错误上报逻辑利用Egg.js编写一个错误日志采集服务编写webpack插件自动上传sourcemap利用sourcemap还原压缩代码源码位置利用Jest进行单元测试工作流程收集错误上报错误代码上线打包将sourcemap文件上传至错误监控服务器发生错误时监控服务器接收错误并记录到日志中根据sourcemap和错误日志内容进行错
转载
2024-10-29 13:14:38
137阅读
vue中记录上浏览位置的方法场景描述： 在当前页面浏览时，点击进入其他页面，再返回时希望滚动到浏览时的位置解决方案：利用本地存储(或者cookie)使用Storage(本地存储)， 在进入其他页面之前记录当前的滚动位置// some click event
let scrollTop = targetDom.scrollTop
sessionStorage.setItem('scrollTop',
Vue2项目前台开发：第一章一、项目初始化1.脚手架目录介绍2.项目的其他配置二、项目的路由分析及搭建1.项目的路由分析2.开发项目的步骤3.非路由组件的搭建4.路由组件的搭建（1）配置路由器（2）使用路由组件（3）路由组件与非路由组件的区别？（4）重定向（5）路由跳转的两种方式三、Footer组件的显示和隐藏——路由元信息四、路由传参1.复习路由跳转的两种方式2.路由传参，参数有几种写法？3.
vue中，页面监听store中数据 的变化以及时做出相应，watch、computed与store的getter属性协调如题目所示，今天来讲一个非常简单但是非常常见的使用场景。假设在用户登录的时候，store会全局用户的相关信息，当用户退出登录后，store里面的信息会清空，同时，在某一个页面，内容很多，你不想每次进入的时候都通过刷新一下来重新获取store内容，而是想要自动地监听store对应内
vuex管理token状态localStorage是浏览器技术，不是Vue的，其本身并没有“响应式”技术，故一个组件修改了localStorage的用户信息后，另外一个组件并不能马上get(获得)到 (除非页面刷新)，用户体验不好。现在使用vuex技术，实现多个组件之间共享数据、更新数据，还有响应式效果，并且vuex的数据可以被vue很好的监听。vuex介入后的模式是：用户组件操控vuexvuex
转载
2024-10-08 20:37:42
431阅读
