
获得徽章 9
- Map 比 Object 快,除非有小的整数、数组索引的键,而且它更节省内存。
如果你需要一个频繁更新的 hash map,请使用 Map;如果你想一个固定的键值集合(即记录),请使用Object,并注意原型继承带来的陷阱。
代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
展开评论点赞 - Console 对象提供了访问浏览器调试模式的信息到控制台,Console.log也是日常开发中控制台调试最常用的命令,这些年你是否还是一句log走天下
?其实Console对象提供了数十个API,学会了它们,不仅你的调试技术将突飞猛进
,装杯水平也将得到进一步提升
。
评论点赞 - 早期的异步代码的困境、promise出现解决了什么问题、异步回调地狱的终极方案并且实现async await的核心语法,其实async/await只是generator+promise的一个变种而已。
评论点赞 - Vue3.0不在有webpack.config.js的配置;但是不可避免,在项目开发中我们肯定会存在一些特殊的需求需要调整webpack, 这个时候,在Vue3.0的项目当中,我们就需要在根目录创建vue.config.js去完成webpack的一些特殊配置,默认它会被 @vue/cli-service 自动加载。
此刻,你需要创建vue.config.js文件。评论点赞 - 实现方式
点击图片
克隆原图,计算原图当前距离窗口的top与left的距离(用于确定克隆图片的初始位置)
计算克隆图片的初始位置以及其相关属性
创建蒙层,并添加相关的定位,背景色属性
使用setTimeout是为了触发transition,产生移动效果。
并且在setTimeout最开始将原图进行隐藏,产生是原图移动到屏幕中心的效果。使用visibility属性,避免引起页面布局变化。
为蒙层添加点击事件
点击蒙层后,删除蒙层元素,实现关闭预览功能
展开评论点赞 - 缓存一个模板的子树。在元素和组件上都可以使用。为了实现缓存,该指令需要传入一个固定长度的依赖值数组进行比较。如果数组里的每个值都与最后一次的渲染相同,那么整个子树的更新将被跳过。举例来说:
<div v-memo="[valueA, valueB]">
...
</div>评论点赞 - Vue组件的API主要包含三部分:prop、event、slot
props表示组件接收的参数,最好用对象的写法,这样可以针对每个属性设置类型、默认值或自定义校验属性的值,此外还可以通过type、validator等方式对输入进行验证
slot可以给组件动态插入一些内容或组件,是实现高阶组件的重要途径;当需要多个插槽时,可以使用具名slot
event是子组件向父组件传递消息的重要途径juejin.cn
展开评论点赞