- 博客(19)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 JS 手写instanceof操作符
属性，这是大多数现代浏览器都支持的非标准属性。然而，在实际开发中，建议使用标准的。的行为，我们可以编写一个函数，该函数会遍历对象的原型链，直到找到目标构造函数的。方法来获取对象的原型，因为它是一个更可靠且跨浏览器兼容的方法。属性（即对象的原型），并开始遍历原型链，直到找到与。属性是否出现在对象的原型链中的任何位置。这个改进后的版本与前面的版本功能相同，但使用了。来获取对象的原型，这是一个更可靠的方法。相等的原型，或者到达原型链的末尾（在JavaScript中，，或者达到原型链的末尾（以下是一个简单的模拟。
2024-04-01 09:18:13
225
原创 JS 实现数组去重的方式
Map 对象保存键值对，并且任何值（对象或者原始值）都可以作为一个键或一个值。我们可以通过遍历数组，将每个元素作为键存储到 Map 中，然后利用 Map 的 keys 方法获取所有键组成的数组，实现去重。Set 数据结构只允许存储唯一的值（无论是原始值或者是对象引用），因此，我们可以利用这个特性来实现数组去重。我们可以使用 filter 方法来遍历数组，对于每个元素，检查它是否已经在结果数组中出现过。reduce 方法也可以用来实现数组去重，它的工作方式类似于 filter，但更简洁一些。
2024-03-28 11:13:21
293
原创 JS中reduce方法详解
reduce()是 JavaScript 数组的一个内置方法，用于对数组中的每个元素执行一个由你提供的 reducer 函数（升序执行），将其减少为单个输出值。
2024-03-28 10:07:35
289
原创 手写实现一个 new 关键字
最后，我们检查构造函数调用的返回值，如果它返回了一个对象，则使用这个返回的对象；否则，返回我们新创建的对象。函数，它接受一个构造函数和传递给构造函数的参数列表。然后，我们创建了一个新的空对象，并设置其。关键字用于创建一个用户自定义的对象类型的实例或具有构造函数的内置对象的实例。属性在严格模式下是禁止的，并且不是所有环境都支持直接修改。方法提供了更直接的方式来创建新对象并设置其原型。方法调用构造函数，并将新创建的对象作为。在这个模拟实现中，我们定义了一个。操作符的行为，因为直接操作。
2024-03-27 10:59:53
415
原创 js判断数据类型的方式
运算符返回一个表示未定义、函数、对象（在JavaScript中，数组和null也是对象）、布尔值、数字、字符串或符号的字符串。在JavaScript中，有多种方式可以判断变量的数据类型。属性可以被修改，因此它可能不是一个完全可靠的方法来检查对象的类型。在实际开发中，你可以根据需要选择适合的方法来检查变量的类型。这是一种更可靠的方式来获取对象的类型，因为它不会被对象的。，这是一个常见的JavaScript错误。属性是否出现在对象的原型链中的任何位置。属性，它引用了创建该对象实例的构造函数。
2024-03-27 10:58:03
311
原创 VUE中插槽的使用
当要传递的HTML模板相对复杂我们可以向写HTML一样，给不同作用的插槽定义不同的名字，没有提供name的slot插口会隐式地命名为“default”。用于传递一些HTML模板片段，在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。而任何子组件模板中的东西都只被编译到子组件的作用域中。但是------------------------------------->插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。...
2022-07-29 11:09:22
577
原创 vue面试题,总结个人学习的面试题
1.vue生命周期beforeCreate 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。created 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。beforeMount 在挂载开始之前被调用：相关的 render 函数首次被调用。mounted el 被新创建的 vm.$el
2022-02-28 21:34:55
211
转载 前端常用UI框架
前端常用框架BootstrapAUIAmaze UIFrozen UIWeUIiSUIMUISemantic UIMint UI：FoundationUiKitPureElemen:iviewLayuiuni_appvue.jsBootstrap首先说 Bootstrap，估计你也猜到会先说或者一定会有这个( 呵呵了 )，这是说明它的强大之处，拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程
2020-12-25 17:36:08
604
转载 vue样式绑定
VUE样式绑定1. v-bind:class设置一个对象，动态切换class2. :class可以和class共存3. :class可以绑定数据中的对象4. 三元表达式5.v-bind:class设置一个数组6.数组语法中使用对象语法7.定义一个数组通过不同索引值获取不同样式8. 绑定内联样式1. v-bind:class设置一个对象，动态切换class<div :class="{'active':isActive}">xxx</div>//样式是否起作用，根据isActiv
2020-12-25 09:24:51
246
原创 路由传参
vue路由传参一、query//传参this.$router.push({path:"/test",query:{ id:id}})//接收this.$route.query.id通过query传参时，传递的参数会显示在地址栏中，如图-----------------------------------------------------------------------------------------二、params//跳转时携带参数this.$router.push(
2020-12-18 14:28:05
149
转载 process.env详解
process.env 为何物言归正传。 process.env 是 Node.js 中的一个环境对象。其中保存着系统的环境的变量信息。可使用 Node.js 命令行工具直接进行查看。而 NODE_ENV 就是其中的一个环境变量。这个变量主要用于标识当前的环境（生产环境，开发环境）。默认是没有这个环境变量的，需要自己手动配置。不同系统有不同的环境变量配置方式，在这里就不多加赘述。NODE_ENV 与 VueNODE_ENV 变量只能在系统中配置吗？其实不然。在 Vue 项目中， Vue 提供了自己
2020-12-10 16:10:21
58277
原创 vue项目封装axios
1 官网安装依赖npm install axiosnpm install --save axios vue-axios2 在main.js中引入import Vue from 'vue'import axios from 'axios'import VueAxios from 'vue-axios'Vue.use(VueAxios, axios)3 在api文件夹 新建http.js4.在http.js中 增加请求设置，以及拦截器//引入axiosimport axios fr
2020-12-10 10:58:16
196
原创 node-sass安装问题
node-sass 安装失败是因为 npm 安装依赖时要从 github上安装 ，这个网速咳咳。。。。。 所以有时候会导致安装超时解决办法可以从淘宝镜像上下载直接在镜像上安装node-sassnpm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/直接用淘宝镜像装依赖npm install -g cnpm --registry=https://registry.npm.taobao.org
2020-12-07 17:13:53
198
原创 安装vue-devtools工具
克隆github/gitee devtools源码推荐giteegit clone https://gitee.com/mirrors/vue-devtools.git代码拉下来后进入vue-devtools 切换分支git checkout master这是因为 vue-devtools的仓库默认是dev分支，我们必须要切换到master否则后续打包会出错执行npm install这一步是安装依赖执行npm run build打包，完成后出现shells文件夹...
2020-12-07 11:48:16
301
原创 webSocket基础应用
WebSocket是一种网络通信协议，大多用于即时通信，或者登录心跳功能检测websocket基础应用1.新建websocket2.与后端建立连接3.接收后端传递的信息4.断开连接//新建websocker websocket = new WebSocket(url);//连通之后的回调事件 连接成功websocket.onopen = function(){ console.log("已经连通了websocket");};//接收后台消息websocket.onmas
2020-11-23 11:29:12
209
原创 常用的表单校验
输入框常用的校验关于0的校验// 关于0的校验function noZero(value) { if (value === '0.0' || value === '00' || value === '-0.0') { value = '0' } else if (value.length >= 2 && value.substr(0, 1) === '0' && value.substr(1, 1) !== '.') {
2020-11-20 16:28:02
289
原创 vue项目中常用导出
export、export default、export default {}export1.export export test1 = ()=>{}import {test1} from "/"通过 export 导出的方法、函数 import导入时要加{ }；使用时直接用test1export default2.export default export defult test2import test2 from "/"默认导出 能且只能导出这一项，使用时直接用te
2020-11-20 16:17:54
987
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人