打算用React写对话框已经很长一段时间,现在是时候兑现承诺了。实际上,写起来相当简单。 核心在于使用React的接口React.createPortal(element, domContainer)。该接口将eleme…
分类:前端
5G将至,App的未来,是JavaScript还是Native ?
前段时间,看了 阿里云云栖社区发布的文章 开发跨平台app推荐React Native还是flutter? 阿里云云栖社区文章 今天又看到了 2019年前端框架对比 思考了很久,决定发出这篇文章,跟大家共同探讨 说说几种…
匿名绑定对性能的影响-数据说话
实验 线上demo: https://codesandbox.io/s/4j3k…首次进页面render结果 state 变化后的结果 结果总结 组件 绑定方式 结果 (首次 render 次数) 不涉及当前…
CSS动画优雅降级的简单总结
转载自:http://waynecz.github.io/2016… CSS动画相关属性 transition:兼容性 transform 3D:兼容性 transform 2D:兼容性 anim…
mpvue生命周期
所有页面的created() 和 beforeCreated() 都会在第一次加载页面时触发,且以后不会触发 结论: 不要在created()这个生命周期去获取数据,这样会造成你永远只能获取到第一次的数据 如果需要多端代…
几种应该避免使用箭头函数的情况
几种应该避免使用箭头函数的情况 ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 避免在定义对象方法时使用 箭头函数虽然因语法简练受人追捧。但由于没有 this 会导致在一些情况下出现预…
手把手教你写一个 Webpack Loader
本文示例源代码请戳github博客,建议大家动手敲敲代码。 本文不会介绍loader的一些使用方法,不熟悉的同学请自行查看 Webpack loader 1、背景 首先我们来看一下为什么需要loader,以及他能干什么?…
JS 异步错误捕获二三事
引入 我们都知道 try catch 无法捕获 setTimeout 异步任务中的错误,那其中的原因是什么。以及异步代码在 js 中是特别常见的,我们该怎么做才比较? 无法捕获的情况 function main() { …
Vue 阻止事件冒泡和默认行为案例
话不多说,三句多。先上一段代码: <script> window.onload=function(){ let vm=new Vue({ el:"#div", data:{ }, methods:{ show…
前端工程师通过nodejs链接linux,并上传代码进行半自动化更新,省去ssh+ftp的链接工具
这几天,有一个临时项目,每次发布,都要我本地手动zip,上传fpt,然后shell unzip.搞得头大,不胜其烦。我是个懒人,这明显不是我的风格。干脆nodejs写一个自动链接服务器,并上传文件,然后解压的操作吧。 /…
快速上手最新的 Vue CLI 3
翻译:疯狂的技术宅 原文: https://blog.logrocket.com/ge… 本文首发微信公众号:前端先锋欢迎关注,每天都给你推送新鲜的前端技术文章 概要:本文将指导你快速上手 Vue CLI 3…
如何使用 jq 接收 blob 数据
如何使用 jq 接收 blob 数据 ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 目前 jq 用的人还是挺多的,在一些简单的促销 h5 页面,用 jq 去实现一些简单的功能还是比较…