vue--vue-router 组件映射到路由

前言  地址栏路由的发展经历了后端路由配置阶段、前后端分离阶段、直至单页面富应用阶段。本文来总结一下 vue-router 的相关知识点和用法。正文  1、什么是 vue-router 路由   路由就是SPA(单页应用)的路径管理器,vue-router就是WebApp的链接路径管理系统。 ...

React事件绑定的方式

为了解决正确输出this的问题,常见的绑定方式有如下:render方法中使用bind render方法中使用箭头函数 constructor中bind定义阶段使用箭头函数绑定render方法中使用bind 如果使用一个类组件,在其中给某个组件/元素一个onClick属性,它现在并会自定绑定其this到当前组件,解决这个问题的方法是在事件函数后使用.bind(this)将this绑定到当前组件中

JS为网页添加文字水印

最近需要实现为网页添加水印的功能,由于水印的信息是动态生成的,而百度谷歌上的方法往往都是为网页添加图片水印或为图片添加水印,而为网页添加文字水印相关资料较少,于是就自己动手写了这个代码。 通常加动态水印的思路是:后台服务端根据参数动态生成图片,前端设置body的background-url或者利用遮罩层+事件委托的方式实现。

Vue3 + TypeScript 开发实践总结

Vue 2 局限性 随着组件与组件依赖之间不断变大,组件很难读取和维护 没有完美的方法解决跨组件代码重用 Vue 3 如何解决Vue 2 局限 组件难以维护管理 【在Vue3 中 编写组合函数,使用 Compositon Api setUp 来解决】 没有完美的方法解决跨组件代码重用

Vue组件的组织结构和组件注册

为了能在模板中使用,这些组件必须先注册以便 Vue 能够识别。这里有两种组件的注册类型: 全局注册 和 局部注册 。至此,我们的组件都只是通过 Vue.component 全局注册的:

JavaScript高阶函数filter、map、reduce

前言 需求:有这样一个数组 [10, 20, 110, 200, 60, 30, 40] 1.筛选出数组中小于100的元素 2.将筛选出的每个元素的值x2 3.完成第2步之后,将数组中的所有元素加起来 普通方法 如果我们还没接触过 filter 、 map 、 reduce ,那么就是用 for 循环