-
2021年web前端面试集锦
一. HTML、CSS相关 html5新特性、语义化 语义化标签 ： header nav main article section aside footer 语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 语义化的优点有: 代码结构清晰，易于阅读，利于开发和…- 1.1k
- 0
-
什么是闭包？闭包的用途是什么？
什么是闭包： 如果一个函数用到了它作用域外面的变量，那么这个变量和这个函数之间的环境就叫闭包。 var a = 5 function xx(){ console.log(a) } //5 闭包的用途有些什么： 1.模仿块级作用域 所谓块级作用域就是指在循环中定义的变量，一旦循环结束，变量也随之销毁，它的作用范围只在这一小块。而在JavaScript中没有这样的块级作用域，由于JavaScript不…- 791
- 0
-
Vue 组件间通信六种方式
前言 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如prop…- 705
- 0
-
vue核心面试题：组件中的data为什么是一个函数
一、总结 1.vue中组件是用来复用的，为了防止data复用，将其定义为函数。 2.vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，就需要通过data函数返回一个对象作为组件的状态。 3.当我们将组件中的data写成一个函数，数据以函数返回值形式定义，这…- 719
- 0
-
JavaScript基本包装类型
基本包装类 js中为了便于基本类型操作，提供了3个特殊的引用类型：Boolean、Number、String它们具有基本类型特殊行为。实际上，每当读取一个基本类型的时候，js内部会自动创建一个基本包装类型对象，可以让我们调用一些方法来操作。 let str = 'hello 张三' let str1 = str.substring(2) 复制代码 上面example中，str是…- 690
- 0
-
全面解读 Vue 3.0 的变化
vue3.0的改进思路 vue最主要的特点就是响应式机制、模板、以及对象式的组件声明语法，而3.0对这三部分都做了更改。 1. 响应式 2.x的响应式是基于Object.defineProperty实现的代理，兼容主流浏览器和ie9以上的ie浏览器，能够监听数据对象的变化，但是监听不到对象属性的增删、数组元素和长度的变化，同时会在vue初始化的时候把所有的Observer都建立好，才能观察到数据对…- 792
- 0
-
var，let，const三者的特点和区别
一、var的特点 1、存在变量提升 console.log(a); // undefined var a = 10; // 编译过程 var a; console.log(a); // undefined a = 10; 2、一个变量可多次声明，后面的声明会覆盖前面的声明 var a = 10; var a = 20; console.log(a); // 20 3、在函数中使用var声明变量的时…- 808
- 0
-
H5微信支付、支付宝支付
准备工作 1.绑定域名： 登录微信公众平台 --> 公众号设置 --> 功能设置 --> 填写“JS接口安全域名” 2.JS-SDK使用： 在页面引入JS文件 :https://res.wx.qq.com/open/js/jweixin-1.2.0.js 3.配置微信网页授权 官方授权url如下,各参数意义参考: 微信网页授权,或者下方图片 https://open.weixin…- 1k
- 0
-
v-slot匿名插槽、具名插槽及作用域插槽
匿名插槽 只要是没有具体分配的内容，都会给到匿名插槽或者 同时在子组件中需替换为用于占位，即在modal组件中自定义的内容都会显示在slot占位的位置 // 定义组件 Vue.component('modal', { template: ` <div class="modal"> <div class="header"&…- 1.8k
- 0
-
JavaScript作用域及作用域链
静态作用域 作用域 作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。 JavaScript 采用词法作用域(lexical scoping)，也就是静态作用域。 因为 JavaScript 采用的是词法作用域，函数的作用域在函数定义的时候就决定了。 而与词法作用域相对的是动态作用域，函数的作用域是在函数调用的时候才决定的。 var value = 1; function foo(…- 762
- 0
-
Vue.js快速入门-Vue实例详解与生命周期
Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。 1.1. Vue实例初始化的选项配置对象详解 前面我们已经用了很多次 new Vue({...})的代码，而且Vue初始化的选项都已经用了data、methods、el、co…- 736
- 0
-
从0到1搭建webpack2+vue2自定义模板详细教程
前言 webpack2和vue2已经不是新鲜东西了，满大街的文章在讲解webpack和vue，但是很多内容写的不是很详细，对于很多个性化配置还是需要自己过一遍文档。Vue官方提供了多个vue-templates，基于vue-cli用的最多，不过对于很多人来说，vue-cli 的配置还是过于复杂，对于我们了解细节实现不是很好，所以想自己从零开始搭建一个模板工程，也顺便重新认识一下webpack和vu…- 1k
- 0
-
Vue style里面使用@import引入外部css, 作用域是全局的解决方案
问题描述 使用@import引入外部css，作用域却是全局的 <template> </template> <script> export default { name: "user" }; </script> <!-- Add "scoped" attribute to limit CSS to thi…- 1.3k
- 0
-
Vue style里面使用@import引入外部css, 作用域是全局的解决方案
问题描述 使用@import引入外部css，作用域却是全局的 <template> </template> <script> export default { name: "user" }; </script> <!-- Add "scoped" attribute to limit CSS to thi…- 985
- 0
-
js-灵活可拆分的职责链模式
定义 避免请求发送者与接收者耦合在一起，让多个对象都有可能接收请求，将这些对象连接成一条链，并且沿着这条链传递请求，直到有对象处理它为止。 上图就是职责链模式的形象表示。 场景 现实工作中的场景: 例子1: 假设一个团队有 产品+设计+前端+后端+测试，并且规定每次任务都要从产品开始接入，不能私下自己找人，现在临时需要做一张海报效果图，毫无疑问，这需要由设计师来完成，但是发布任务的人只需要把任务往…- 737
- 0
-
Node之父重构的Deno终于发布了，它终究会取代Node吗？
Node之父是谁？ 没错！就是这个叫Ryan Dahl的男人在2009年创造了Node。你看，其实也不是说大神就都没头发，这位大神毛发不是挺旺盛的嘛！ 不过既然是在2009年缔造的Node，那么就不得不吐槽那时候的JS了。在2009年的JavaScript啥样大家都知道(大家那时候入行了没)，ES5.0(不成熟的ES5)在09年年底才刚刚发布，而ES5.1(咱们现在用的ES5)在2011年6月才开…- 1k
- 0
-
vue-cli@3.0和之前版本对比
@2.9.3的使用 1.下载vue-cli和安装项目 cnpm i -g vue-cli#2.9.3 vue init webpack my-app 2.生成的目录 @3.0以上，目前beta版本的使用 1.下载vue-cli和安装项目 npm install -g @vue/cli vue create my-project 2.生成的目录结 新的目录结构，隐藏了Webpack配置文件，封装了细…- 711
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×