Web前端
关注
分享
扫一扫
文章平均质量分 51
FrankDengLei
这个作者很懒，什么都没留下…
展开
-
Vue.js处理组件中有DOM需要在父组件以外的地方渲染的情况
对于悬浮窗一类的组件，组件里的内容往往需要渲染在父组件以外的地方，比如<body>，此时组件内需要做如下操作：在组件中为需要渲染到<body>上的DOM加上ref，比如<div ref="container"></div>，以索引到对应的DOM，可以是组件中最顶层的DOM。调用document.body.appendChild(this.$refs.container)，将目标DOM移动到<body>上，可以在mounted()生命周期中调用原创 2021-07-08 11:49:03 · 441 阅读 · 0 评论 -
React.js处理组件对应的DOM需要在父组件以外的地方渲染的情况
对于悬浮窗一类的组件，组件里的内容往往需要渲染在父组件以外的地方，比如<body>，此时组件内需要做如下操作：在组件对应的Class中准备一个变量container，默认值为null，用于存储渲染容器对应的DOM，该变量将用于从<body>中删除该DOM的操作。组件默认的render()函数返回null，防止该组件在父组件中渲染DOM。在组件的componentDidUpdate()生命周期中处理相关的渲染逻辑。如果渲染用的容器不存在或被删除，则手工使用原生的document原创 2021-07-07 18:32:13 · 274 阅读 · 0 评论 -
简单文字换行算法
简单文字换行算法很多情况下，平台只支持单行文本的渲染（如HTML5 Canvas），这时就需要手动按照一定的规则对文本进行换行处理。具体规则如下：1、分组该过程稍类似于词法分析过程和LL(1)语法分析过程，每次读取一个字符（每个汉字算一个字符），根据当前字符和上一个字符的类型，决定将该字符插入到上一个字符所在组的末尾，还是新建一个组并将该字符插入到新建的分组中。以下情况当前字符将被添加到...原创 2019-07-27 11:50:07 · 1432 阅读 · 2 评论 -
vue.js使用过程中的一些笔记
vue.js使用过程中的一些笔记watch列表中immediate为true时，监听回调将在beforeCreate和created生命周期之间执行。如需在此监听回调中访问子组件或DOM元素，请使用this.$nextTick()。慎用beforeUpdate和updated生命周期钩子函数，尤其不能在此类生命周期函数中对data中的数据进行更改，否则极易导致死循环和浏览器崩溃。如果数据被渲染...原创 2019-07-27 12:03:08 · 230 阅读 · 0 评论