- 博客(23)
- 收藏
- 关注
RSS订阅原创 2023年前端面试整理（持续更新中）
以一个普通对象为例，如果这个普通对象有一个proto属性它执行其构造函数的prototype属性。当有个函数在普通对象被使用时，首先在普通对象中找，如果找不到则在其proto对应的对象上找，一直找到null。2、普通对象的方法中，this指向当前对象。3、构造函数的方法里面，this指向被实例化的对象。undefined是未初始化的变量，null指的没有指向的对象，NaN预期返回数字类型却没有返回数字类型的情况。1、新建一个空对象。有两种情况，变量作为函数的参数时，变量作为函数中定义，在返回的函数中使用。
2023-01-18 16:01:50
1028
1
原创 webpack总结
1、webpack基本配置项mode：环境名称，development/productionoutput：输出文件结果，可在文件后缀前加上hash值，作为浏览器缓存。entry：程序入口plugin：插件loader：第三方插件把公共的部分放在webpack.common.js中，开发和生产环境的配置另外放。2、高级配置2-1、构建体验更好的打包环境 多进程打包，多进程压缩代码 ignorePlugin/noParse。前者忽略掉指定模块，后者打包时不进行处理，比如已经压缩过的文
2022-12-03 21:42:41
134
原创 Vue原理——响应式原理
数据本来通过.属性的方式获取，=的方式赋值。而vue响应式则通过Object.defineProperty将数据的修改和获取变成set 和 get 操作。在set和get调用时就能进行一些其他的操作，从而实现响应式。
2022-10-27 22:39:36
128
原创 Vue原理——MVVM
MVVM 是model view viewmodel 的缩写。当数据变更时，通过viewmodel来变更视图，当视图变更时通过viewmodel来更改数据。开发过程不用过多关注dom操作，当然vue也保留了进行dom操作。通过ref的方式获取dom，进行一些常见的表单等操作。让开发者更关注视图和数据，不用太多关注怎么交互。
2022-10-27 22:36:12
105
原创 Vue基础知识——slot
在slot标签内写上 :slotData="变量名" ，在父组件中引用插槽时在标签内写上 v-slot:body="fromChildData"。通过 {{fromChildData['slotData']}} 引用子组件中的数据。在标签中嵌套slot，定义name="slotname"，export default 到处组件。在父组件中引用此组件，并在组件中写上template 标签，标签内写上#slotname。基本使用/具名插槽/作用域插槽。
2022-10-12 01:22:14
467
原创 Vue基础知识——$nextTicks/$refs
在标签上定义ref="ul"，就能够通过this.$refs获取到此DOM进行相关操作。以下代码中对ul列表对应的数据进行push操作，li的数量由3个变成4个。下一行代码如果直接获取的话li的数量还是3个。需要使用$nextTicks获取才能到有4个li标签的DOM。需求：需要在DOM渲染后基于最新的DOM进行操作的场景。
2022-10-12 00:48:20
176
原创 js三座大山之异步-微任务宏任务区别
1、微任务指Promise、async/await。宏任务指setTimeout\setInterval\ajax\dom事件。2、基于eventloop机制，微任务在dom渲染之前执行，宏任务在dom渲染之后执行。
2022-10-10 11:39:39
313
原创 js三座大山之异步-async/await
1、async定义的函数，不写return,调用后返回的是一个promise。4、await后面写值相当于外面包裹了一层Promise.resolve。2、await后面的代码相当于异步回调。3、await相当于then。
2022-10-10 10:35:49
432
原创 Vue基础知识——v-model原理自定义v-model
1）在调用子组件的标签中使用v-model。根据语法糖可知，意味着向子组件中传了一个变量。4）在子组件model中的event中写上时间名称。要与$emit触发的事件名称一致。3）在子组件model中的prop属性中写上变量名称，与父组件传过来的变量名称一致。2）在子组件中接收父组件传过来的变量。
2022-10-08 23:32:54
496
原创 js三座大山之异步-eventloop
在call stack里面同步执行代码，遇到异步会将其放入callback queue，在继续执行下一步。同步代码执行完成后启动eventloop，查看callbackqueue是否为空，不为空则将其移入到call stack执行。为空则启动eventloop。1、js是单线程，代码只能一步一步往下执行，遇到需要等待的会阻塞运行。2、异步通过回调能解决这个问题。比较特殊，不是异步，但是使用回调，基于event loop机制。2、网络请求、图片加载。
2022-10-08 15:05:46
111
原创 Vue基础知识——生命周期
1、首先父组件由beforeCreated 执行到 beforeMount。2、然你后子组件由beforeCreated执行到mounted。不同点：created获取不到el，mounted可以获取到。相同点：都能获取到props和data的数据。有两个组件，一个是父组件一个子组件。3、最后父组件执行mounted。4个阶段，8个钩子。
2022-10-07 23:37:07
666
1
原创 Vue基础知识——兄弟组件通讯（自定义事件的应用）
3、在兄弟组件2中定义一个点击事件，事件中写上event.$emit("brotherEvent","from data of brother2")。2、在兄弟组件1中定义个onEvent的方法，方法中写上 event.$on("brotherEvent",this.getBrotherData)。4、在兄弟组件1中的beforeDestroy()中销毁定义的事件。1、定义一个普通的vue对象，并引用。以上为完整代码，实际效果为点击兄弟组件2中的事件，将数据传给兄弟组件1。
2022-10-07 17:41:55
766
原创 js三座大山之异步-Promise基本知识
也可以直接写上参数的内容，效果等同于Promise.resovled或rejected。3）Promise创建实例时传入的两个参数也是函数，这两个函数的作用是传值。异步执行某个任务不会阻塞运行，而同步任务会阻塞运行。js是单线程，执行某些需要等待的任务时会阻塞，这种情况需要使用异步。4）then方法会传入一个函数，函数的参数是来自于之前调用resolved时传入的内容。1）Promise创建实例时会立即调用传入构造函数的方法。2）then方法会在所有同步任务执行完后开始调用。
2022-10-07 10:19:52
219
原创 plsql 案例练习
一行变多行，即实现以下效果：-- 创建测试数据create table test0606 (loc number,start_date date,end_date date);insert into test0606 (loc,start_date,end_date) values (9,to_date('2020/02/01','yyyy/mm/dd'),to_date('2020/02/22','yyyy/mm/dd'));select * from test06.
2020-06-06 09:26:44
397
原创 Java学习——前后端数据交互（三）
以下是Java后端的数据传递到前端页面1、在Java后端写上url地址，然后加上@ResponseBody注解，目的是为了将返回的数据转为json格式。2、（1）在js页面定义Java后台方法的url；（2）调用方法。方法内：注意通过 data.定义的对象名 的方式来获取Java端传递过来的对象
2017-12-30 12:10:43
1488
1
原创 Java学习——前后端数据交互（二）
前段时间在前行前后端数据交互的时候，点击提交没有响应。原因是因为下面这个地方出错了。js目录的指向不对这里最前面的一个表示该文件所属的文件夹的上一级目录的父目录。如果是两级的话则加两个..表示上两级的父目录。接着又是一步步调试了，在每一个步骤下面使用alert()方法。使用这种方式在学习的初期，能有效地定位错误出现在哪个地方？接着是Java后台数据的接收
2017-12-30 10:08:10
4631
原创 Java学习——前后端数据交互（一）
当前的结果是提交之后js内有响应。不知道原因在哪个地方，下面是当前了解的一些知识。1、在html页面要链接到js页面，要有个这样的东西（html页面）2、在js页面要定义controller层的url地址，就是requestMapping后面的内容（js页面）3、分为获取数据和提交数据（js页面）首先是获取数据，shopInfoUrl是定义的conrol
2017-12-24 20:36:36
34490
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人