如果你试图创建一个没有根结点的 Vue template，像这样： Node 1 Node 2 不出意外的话你会得到一个编译错误或者运行时错误 ...

某UI萌妹子想入坑，特整理了一份初级前端高频面试题。 自学前端在刚入门时面试是最艰难的阶段，本章内容都是从各大平台网站汇总过来的，不包含各种源码知识，不至于出现不懂的内容。 一、什么是MVVM？ MVVM是Model-View-ViewM ...

内容：生命周期、vue-cli脚手架、组件传值 购物车bug解决： watch中改变了每一个商品的选中状态，此时，计算属性也会重新执行，造成数据冲突。 解决办法：把监听去掉，给全选增加一个单独的点击事件 checkAll(){ th ...

听到前端技术，不少朋友一定会感到有些陌生。但其实，前端，你每天都在接触。 你正在使用的APP，你正在浏览的网页，这些你能看到的界面，都属于前端。 而前端最重要的三大技术，HTML，CSS，JavaScript，则是每一个前端开发者必须具备的 ...

闭包以及应用场景 作用域 作用域决定了代码区块中变量、函数、对象和其他资源的可见性 全局作用域、函数作用域和块级作用域 let 和 const 声明的变量不会提升到代码块顶部。 在同一作用域内，禁止重复声明 for 循环中，设置循环变量那部 ...

内容：轮播图、热歌榜、推荐页和热歌榜、歌曲播放功能 一、轮播图 接口地址： ​ localhost:3000/banner?type=1 插件： ​ vue-awesome-swiper 1.安装 npm install vue-a ...

最近项目中有个裂变分享的需求，需要在页面中根据分享人的身份动态生成二维码图片放置在页面中，所以研究了一下这个功能的实现，同时把实现过程记录如下： 1.引入二维码生成模块 npm install qrcodejs2 --save 注意：此处安 ...

什么是sticky footer布局？ 一般指手机页面中，当内容高度撑不满一屏时，页脚紧贴屏幕底部；当内容高度超过一屏时，页脚紧随其后。 方法一：flex弹性盒子布局 父容器container的display为flex，并规定项目排列顺序是 ...

问： Virtual dom 是什么？为何会存在Virtual dom? 答： 用JS模拟DOM结构。原因： 1.DOM操作是昂贵的，将DOM对比放在JS层，JS运行效率高 2.需要尽量减少DOM操作 我们通过个小例子来看什么是用JS模拟D ...

最近每天早上醒来第一件事就是看看当天新增人数是否减少了，出院了多少，每个省目前还有多少确诊人数，见到最多的就是中国地图的分布图，由于工作需要，自己也使用echarts实现了一个。效果如下： image.png 一：认识echarts ECh ...