aybaiwan的博客

原创 函数柯里化实现的2种方法

【代码】函数柯里化实现的2种方法。

原创 js中的数据结构：栈，队列，链表，字典&哈希表，树

环形链表：最后一个数据的next指针不是指向null，指向的是任意之间的一个数据，形成一个环。

原创 set和数组的区别

伪数组：

原创 js中运算规则

调用toString()方法时，会自动调用valueOf()方法，所以这里也可以直接写成object.toString()布尔值为false的：undefined, null, -0, 0, +0, NaN, ''(空字符串)转换为数值（Null=>0,undefined=>NaN)字符串都是数字时才能转换为数字，不然转换失败，返回NaN。

原创 手撕js中常见方法

在代码中，首先获取了数组的长度。然后对start和end参数进行处理，将它们转换为整数，并进行范围限制，确保它们在合法的范围内。接下来，使用一个循环从start索引开始，逐个将数组的元素设置为指定的value值，直到达到end索引为止。这段代码实现了一个自定义的fill2方法，用于在数组中指定的范围内填充指定的值。它接受三个参数：value表示要填充的值，start表示填充的起始索引，end表示填充的结束索引（不包含在内）。通过使用这个自定义的fill2方法，我们可以在数组中指定的范围内快速填充指定的值。

原创 js函数变量提升理解

【代码】js函数变量提升理解。

原创 2023常见前端面试题

、first-child、:last-child其元素的第 N 个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数、:nth-child 该选择器选取父元素的第 N 个子元素，跨域请求是指在浏览器中，通过JavaScript发起的请求访问不同域名下的资源。相邻兄弟选择器（+ 指挥影响下面的一个元素）、子选择器（> 某元素后代的元素（子子孙孙元素））、兄弟选择器（~、:nth-last-child 其元素的第 N 个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数。

原创 sass、node-sass、sass-loder和样式穿透基本知识

当我们在vue项目中引用到第三方组件时，比如element-ui,常常需要更改某些元素的样式，但如果使用常规的css样式覆盖的方式是经常无效的，那么我们就要用到“样式穿透”的方法。

原创 三种插槽的基本使用

🤩在的位置就是插槽的位置，我们可以在子组件中去规定，这个🤩要在内部的那个地方呈现。为了实现父组件每次使用组件时，有不一样的呈现。设置的时候比我们props传值更简单。子组件引用时可以写更加复杂的结构。

原创 Blob,File文件上传下载的内容笔记

3. _parent: 链接文档会在父级框架中打开，如果没有父级框架，则与 _self 效果相同。1. _self: 默认值。链接文档会在当前窗口或者框架中打开。2. _blank: 链接文档会在新窗口或者新标签页中打开。4. _top: 链接文档会在顶级窗口中打开，忽略所有框架。4、如果是javascript代码则执行该代码。常用这种方法实现一个文件的下载功能。1、触发a的click事件。2、读取href属性的值。3、如果是URI则跳转。

原创 JS中对象数组深拷贝方法

进行深克隆是完全没有问题的。所以，如果对象没有上面说的这些情况，使用。

原创 object获取的两种方式/Object.keys使用/解构赋值

【代码】object获取的两种方式。

原创 异步获取动态数据传递给子组件 获取不到值的问题

使用v-if 使用watch监听 使用Vuex

原创 Vue2子组件修改父组件的方法

Vuex速成整理_AYBAIWAN的博客-CSDN博客vuex中this.$store.commit和this.$store.dispatch的用法_老电影故事的博客-CSDN博客关于 Vuex 的作用与常见用法 ——详解（初学者也能看懂）_vuex使用方法及应用场景_还是一个小白的博客-CSDN博客。

原创 Vue父子组件数据双向绑定

为什么子组件的contentList改变，也会将form中的trContentVOList的值改变？这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。v-bind动态绑定指令，默认情况下标签自带属性的值是固定的，:model相当于v-bind:model的缩写，子组件改变引用类型的数据的话，父组件也会改变的。

原创 常见的前端对数据的操作方法

【代码】常见的前端对数据的操作方法。

原创 类对象数组抽取对象指定属性重新组成新的类对象数组

【代码】类对象数组抽取对象指定属性重新组成新的类对象数组。

原创 Vue中如何更好地封装组件？

一个更灵活的的方式是，传入并编写一个验证函数，prop会作为参数传入该函数，函数返回fals时，会抛出控制台警告，这种方式特别适合验证枚举值，使用$scopeSlots可传递给父组件的作用域插槽，这个组件包含了组件接受的所有插槽。2.子组件使用$attrs，这个组件包含了被传入，单但没有声明的prop。1.子组件使用props声明想要的属性，再将该属性动态绑定给子组件。1.直接向子组件转发插槽，使用父组件的 $slots。父组件使用prop声明，就可以传递给子组件。该组件包含了传递给父组件的非作用域插槽。

原创 AndroidManifest.xml日常笔记

meta-data介绍_bo_2018的博客-CSDN博客。

原创 html+Vue+封装axios实现发送请求

在html中使用Vue和Axios时，可以在HTML中引入Vue库和Axios库，然后使用Vue的语法和指令来创建Vue组件和模板。在Vue组件中，你可以使用Axios发送HTTP请求来获取数据，并将数据绑定到Vue模板中进行展示。生命周期钩子中，我们使用Axios发送了一个GET请求来获取数据，并将返回的数据赋值给Vue实例的。然后，Vue将数据绑定到模板中，实现了动态展示数据的效果。在这个例子中，我们首先在头部引入了Vue和Axios的库文件。最后，我们在模板中使用Vue的。例如，可以使用Vue的。

原创 找个朋友拼单，Vue开发者大会携手第一届vite开发者大会

原创 Vue中给Window绑定事件

通过jsBridge方法，H5可以调用客户端（ios，android）的内部方法，但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用，同样，客户端也需要能调用H5页面里定义的js方法，原生调用h5方法必须定义在window对象下。

原创 html,css,js日常记录

动态绑定style中的height和lineheight，其中，height的值为函数px(item.length)的返回值，函数名可以随意取。动态绑定class，当index3!=0时，class的值为bdt。

原创 动态获取数据合并el-row和el-col

。

原创 html中使用Vue+element UI动态创建表单数据不显示问题

理想的是页面创建时就向后台获取数据，然后将数据渲染在页面上，可是失败了，但是控制台也没有报错，只有单独绑定数据的ReportTitle渲染成功。最后问了大佬才发现，因为我用的是Vue2，必须要用this。最后就成功显示啦，就是格式不太对，但是可以显示成功了。直接上代码：html代码如下。Vue3才可以不用this。

原创 Vue-resource 实现 get, post请求

Vue-resource是Vue高度集成的第三方包，能很方便的放松请求。注意Vue-resource依赖于Vue，只能在Vue环境下使用。

原创 Vue日常笔记

install方法第一个参数是vue的构造器，第二个参数是可选的选项对象（借鉴大佬的）vue提供install可供我们开发新的插件及全局注册组件等。src/main.js中注册。

原创 Kotlin基础知识点

Kotlin 是 Google 推荐的用于创建新 Android 应用的语言。使用 Kotlin，可以花更短的时间编写出更好的 Android 应用。基础Kotlin 程序必须具有主函数，这是 Kotlin 编译器在代码中开始编译的特定位置。主函数是程序的入口点，或者说是起点。Kotlin 编译器会将main函数用作起点。函数是程序中用于执行特定任务的部分。您的程序中可以有多个函数，也可以只有一个函数。 定义函数后，再调用函数。以下是定义函数所需的关键部分：Kotlin中定义函数必须遵循一下规则：单词“f

原创 Json-Server模拟服务端接口数据，二次访问数据清空问题

Json-Server模拟服务端接口数据。

原创 Vue Router的简单理解和使用

用 Vue + Vue Router 创建单页应用非常简单：通过 Vue.js，我们已经用组件组成了我们的应用。当加入 Vue Router 时，我们需要做的就是将我们的组件映射到路由上，让 Vue Router 知道在哪里渲染它们。单页面应用（Single Page Application，SPA），是一种现代化的Web应用开发方式，通过动态加载内容提供了更好的用户体验和性能。Vue Router就是Vue.js官方的路由插件，什么是单页面应用呢？

原创 Vue cli中模式和环境变量

因为process是Nodejs提供的一个全局变量，它会根据你当前的环境，自动读取你先前定义，对应的环境变量文件中的内容 如.env.development里面的所有内容。如常常在项目中使用proxy代理时，将静态的target值指向一个环境变量，后期维护或当后端服务器地址变化时更改方便，只需在对应的.env文件中需改环境变量的值即可，无需更改原本的代码。可在构建命令中使用开发环境变量：（使用其他环境同理，改变development即可）将决定您的应用运行的模式，是开发，生产还是测试。

原创 Vue中利用proxy代理解决跨域问题

根据同源策略，浏览器只允许网页从同源网页加载资源，而不允许从不同源的网页获取或操作数据。'/dev': { // /dev表示拦截以/dev开头的请求路径。'^/dev': '' // 把/dev变为空字符。target: define.APIURl, // 跨域的域名。request.js （名字可以随意取） 文件中封装请求 ，并暴露出去（也是为了方便）

原创 网络请求封装

原创 端口占用问题

【代码】端口占用问题。

原创 el-col内容过长导致出现叠字错误

更改之后可以还可以用padding-top等来改善外观。就可以实现子元素在一行排列不下时，会自动换行。el-col中内容过长，导致出现叠字错误。

原创 Dubbo 和 Zookeeper简单理解和关系

原创 Tomcat、Servlet、Jsp简单理解和关系

原创 Vue将服务器地址设为本地服务器

vue.config.js -> 设置代理 poxy -> 设置API地址 target。将target设为本地服务器：http://127.0.0.1:30000。

原创 使用el-row和el-col实现快速布局

先确定有几列(确定有几个el-row)，再去分配行(每个列中有几行，相当于该列中有几个el-col)这样写，可以更方便实现复杂的表格显示，而且代码会减少许多。可以使用v-if-else来确定数据显示布局是谁，index表示索引，从0开始。

原创 el-input输入框去除边框，且实现自动换行功能

看效果:OK。