自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(52)
  • 收藏
  • 关注

原创 多维数组转成一维数组

1.Array.prototype.flat()数组原型链上有flat()方法,里面的参数如果是Infinity就将多维数组转为一维。如果不写参数,就默认减少一层[],可以将参数写成数字,意味着减少多少层[],建议自己控制台实操体验一下。2.自定义函数function oneDimensiona(arr) { let flag = Array.isArray(arr); let arr1 = []; if(flag) { arr.reduce((pr

2022-04-28 22:45:30 1685

原创 JS map函数

目录作用1.遍历和进行运算需要注意的点1.map()的遍历会跳过空位置2.当有parseInt的时候,map显示NaNmap()不会修改原数组. arr.map((item, index, array))接受三个参数,第一个参数是arr的当前一项的值,第二个参数当前索引值,第三个参数是本身数组对象。作用1.遍历和进行运算例子一:const arr = [1,4,9,16]console.log(arr.map((item) => Math.sqrt(i.

2021-12-23 11:35:59 14378 3

原创 threejs如何精确的设置相机位置

console.log("controls.target",controls.target) // 在页面上打印并找出合适的位置,给camera.lookAt(x,y,z)的坐标。controls.update() // update()函数会执行camera.lookAt(controls.target)controls.target.set(x,y,z) // 与camera.lookAt(x,y,z)保持一致。以下是关键的代码,并非完整,主要是利用OrbitControls的target属性。

2024-05-18 20:49:22 148

原创 Threejs自带的gui管理工具

如何在项目中使用:先npm i three 再在项目中使用。上面x/y/z是分开写的,展示出来的样子是这样。

2024-04-17 23:31:41 231

原创 项目下载依赖报错

然后我执行到了上面第3步,我就把vscode关了。,再次执行第4步就好了。但是我的项目还是不行!

2024-03-04 14:20:33 199

原创 luckysheet的使用

注意:如果官网没有给出你想要的例子,你可以在excel中先在表格中做出你想要的样子,然后利用保存luckysheet.getAllSheets()[表单索引]去获取此excel的配置和数据,这样就可以把获取到你想要的配置以及可以在初始化中根据你获取的配置一一赋值即可。先在页面写一个容器,这个容器的id名需要跟luckysheet所需要的option的container完全一致。注意:luckysheet与layui的样式会冲突,所以引入一定要放在项目的最前面。fa表示格式名称为自动格式。

2024-03-04 14:11:29 1795

原创 nvm下载npm报错

我下载14.18.0但是报了上面这个错误,我的nvm的settings.txt写的是:

2024-03-04 13:40:33 450

原创 前端下载ProgressEvent打包后变成Event

然后导致这样的原因是开启了mockjs,要把代码的mockjs关掉(全局搜索mockjs),我的代码是这样,大家的只要注释mockjs即可。但是线上就变成了Event事件。

2024-02-26 09:14:57 208

原创 js判断两个数组是增加还是删除

JS判断两个数组的数据,增加的数据以及删除的数据。

2023-07-14 13:24:02 568

原创 vue 按钮实现复制内容之Clipboard

引入:import Clipboard from 'clipboard'安装插件:npm install clipboard --save。

2023-04-05 18:11:30 269 1

原创 vue2首次加载屏幕闪烁

先看我的bug动图:我想要的动图:vue项目中影响组件渲染和挂载有这几个文件:index.html、main.js、App.vue、路由配置,那么它们之间的关系是如何呢?答:1.index.html是项目入口2.main.js是入口文件(值得关注的是main.js的render函数,下面会详细的讲)3.App.vue根组件4.路由配置(作用是:将路由名字和组件映射并渲染到App.vue)执行顺序:index.html、main.js、App.vue、路由配置index.js、具体vue组件①想要项目打包体积

2023-03-28 21:46:07 1352

原创 Vue-draggable TypeError:Cannot set properties of null (setting ‘_draggable_context‘)

vue-draggable组件

2023-03-07 14:30:27 1565 2

原创 vue动态绑定background

background是background-color,background-image,background-repeat,background-attachment,background-position,background-size等属性的缩写。这篇文章我用动态绑定background-image来举例。

2023-02-24 23:31:56 6341

原创 自定义排序按钮

【代码】自定义排序按钮。

2023-02-20 13:46:57 107

原创 火狐浏览器推拽开新的窗口

今天我测试的时候,发现我拖拽一下火狐会打开了新的窗口,谷歌就不会,所以我们要阻止一下默认行为。

2023-02-18 22:52:22 1912

原创 vue2 watch函数防抖

我监听的是props里面的父组件传过来的form。1.methods里面。

2023-01-11 10:52:23 472 1

原创 TypeScript内置工具类型及源码

作用:获取函数类型T中this参数的类型,若函数类型中没有定义this参数,则返回unknown类型。作用:从类型T中剔除null类型和undefined类型,并构造一个新的类型。T表示源对象类型,类型参数K提供了待选取的属性名类型,它必须为对象类型T中存在的属性。如果传入的函数类型没有显式声明 this 类型,那么返回的仍是原来的函数类型。参数K提供了对象名联合类型,类型参数T提供了对象属性的类型。参数T表示源对象类型,类型参数K提供了待剔除的属性名类型。该工具类型能够从类型T中剔除所有U的类型。

2023-01-05 10:38:44 294

原创 vue2的data()this指向和vue3区别

今天在这里我探讨了3种情况:1.脚手架创建的vue2,写法也是vue22.脚手架创建的vue3,但写法是vue23.脚手架创建的vue3,写法也是vue3。

2022-11-24 22:29:59 1305

原创 el-option的:value绑定整个对象

这两张图说明:el-option的value是可以绑定对象的,但是要加value-key这个属性。

2022-11-16 17:44:29 1738

原创 el-switch的坑(默认值)

1.如何将字符串转为布尔值2.value和v-model的区别(包含了@change的渊源)3.我改写后的代码

2022-11-12 18:42:02 3149

原创 element ui输入框有值却验证输入无效

这是我遇到的问题,但它第二次点击保存时就好了,我为了解决这个一次性就能让输入框判断的方法,我想到的是输入框失去焦点。

2022-08-12 09:07:27 1592

原创 Avue新增自定义组件

最近第一次接触到AVue框架,我看了很久的文档,感觉踩了很多坑,首先就是插槽。Avu的表格column的每个对象(表示表格的列)中有属性:slot和formslot!!!我自己理解的它们的区别如下:

2022-08-10 13:44:18 3688

原创 vue、three添加纹理

2.调用这样的函数(光写renderer.render(scene,camera)没有用,亲测)我是小白,自己做项目的时候踩了坑。vue的纹理应该怎么引入,我百度了很久,以下是我自己的总结。1.load需要用require引入(光引入即使路径是对的,也是黑的,那就必须写第二步)...

2022-07-20 21:17:48 222

原创 JS 函数作用域

前些日子,我专门去看了箭头函数,但是阮一峰作者中的箭头函数文章里有写到这样一句话:“在定义对象方法的时候不适合使用箭头函数,因为对象不构成单独的作用域”,作者的原代码如下:const cat = { lives:9, jumps:() => { this.lives--; }}// 原作者解释:cat.jumps()方法是一个箭头函数,这是错误的。调用cat.jumps(),如果是普通函数,该方法内部的this指向cat;如果携程上面那样的箭头函数

2022-06-13 14:33:09 217

原创 React接口数据多级级联

在此之前我看了下面这个链接的大佬写的代码,然后自己琢磨出了对应的属性应该是哪几个。ElementUi中级联选择器(根据后台返回来数据处理显示在级联选择器中),处理最后一级为空白情况_沐浴 前端的博客-CSDN博客// 处理成级联数据格式 function handleDetailData(detailData: any, newDetailData: any) { const len = detailData.length; for (let i = 0;

2022-04-01 16:00:15 729

原创 React函数组件增删改查、分页

以下数据不是真实请求的数据。借助了antd组件。Table pagination分页功能。父组件:import { NewConfig } from './newConfig';import { options, data } from './options';import React, { useEffect, useState } from 'react';import { Tabs, Button, Menu, Table, Cascader, Popconfirm } from

2022-03-31 23:49:25 1541

原创 前端工程师字节跳动面试

一.自我介绍这个我从学校、实习、项目介绍的,然后面试官问了很久的项目二.开始问题2.1 你学前端有哪几个阶段?这个我答了从学校,到自学,从浅学到深入相关的。2.2 你为面试做了哪些准备?我复习了HTML/CSS/JS/VUE/NODE/网络。(但感觉不能这样说)2.3 说说网络缓存吧我答得下面这段:浏览器第一次加载资源,服务器返回200,浏览器从服务器下载资源文件,并缓存资源文件与response header,以供下次加载时对比使用;下一次加载资源时,由于强制缓存优先级

2022-02-16 09:33:19 573

原创 JS预解析--变量提升

预解析的定义:在代码执行之前,先要预解析。JS预解析分为两类变量预解析(变量提升)和函数预解析(函数提升)一.变量预解析变量解析,变量提升。JS会把申明的变量,提升到当前作用域的最前面,只申明不赋值。let和var都有提升,但是let定义的变量没有赋值之前是不可以使用(当然有些人也说let是不能提升的),var可以使用是undefined。任何一个作用域执行代码之前都要预解析。二.函数预解析函数解析,函数提升。JS会把带有名字的函数,提升到当前作用域最前面,只定义不调用。并不是所有的函数

2022-01-27 11:18:06 921

原创 实现鼠标移入移出显示隐藏元素

我做了两个方案:1.css版本(利用opacity)<template> <div class="container" > <table> <thead> <tr> <th>表头</th> </tr> </thead> <tbody> <

2022-01-21 09:36:56 1862

原创 Uncaught TypeError: Failed to execute ‘appendChild‘ on ‘Node‘: parameter 1 is not of type ‘Node 解决办法

想在table标签里动态插入表头,结果报了题目的错,刚开始用拼接字符串拼接,下面解决后的是方法一(采用模板拼接):<template> <div class="container" style="background:#C3D08B"> <table> <thead> <tr id="theadTr"> </tr> </thead> &lt

2022-01-19 16:58:28 2819

原创 JS 纯函数

理解1.纯函数不应依赖任何外部变量,也不应改变任何外部变量。2.对给定的输入返回相同的输出的函数(下面是例子)var threeTime = (value) => value * 3// 如果value是2,那么threeTime函数总会返回6这个值。 3.纯函数遵循引用透明性(什么是:引用透明性? 答:所有的函数对于相同的输入都返回相同的值。这样的引用透明性使并发代码和缓存成为可能)4.纯函数是数学函数作用1.纯函数允许我们并发地执行代码// 程序1.非纯函

2021-12-18 23:17:40 534

原创 flex布局 “品”字布局

之前面腾讯的一面,面试官让我说品字布局我以为说的是这种(其实不是): <style type="text/css"> .parent{ display: flex; display: -webkit-flex; width: 333px; height: 300px; border: 1px solid green; } .parent>div{ flex: 1;

2021-12-02 18:53:00 662

原创 for(var i in arr)和for(var i =0;i<arr.length;i++)的区别

今天改同事的bug发现了一个很奇怪的现象,上图:为什么循环会把函数体给循环进去了;这个时候发现别人写的代码是for(var i in arr);那来看看他们的区别吧:所以for(var i in arr)会把属性全部遍历出来(要是写得不对欢迎指出)。...

2021-12-02 14:04:33 1809

原创 vue自定义ant-design-vue icon

第一步第二步在项目里使用<Fonts type='icon-checkbox-full'/>js需要写import { Icon } from 'ant-design-vue';const Fonts = Icon.createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_2964861_j18sab24gwq.js' })export default { components: .

2021-11-29 15:27:47 6038

原创 Uniapp uni-datetime-picker的日历和时间不兼容H5

用的uview组件。<!-- 设置时间 --> <view> <label><text style="display: block; font-size: 13px; margin-bottom: 20rpx">开始时间:</text> <view class="rili"><uni-datetime-picker mode="datetime" v-model="beginTime

2021-11-21 12:55:16 2296

原创 HTTP状态码总结

HTTP状态码分类 分类描述 HTTP状态码 事件描述 问题定界 问题定位原始 1xx 表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个 1xx 响应。 100 如果服务器收到头信息中带有100-continue的请求,这是指客户端询问是否可以在后续的请求中发送附件在这种情况下,服务器用100(SC_CONTINUE)允许客户端继续,或用417 (Expectation Failed)告诉客户端不同意接受附件这个状态码是 HTTP 1.1中新

2021-11-16 14:10:01 1610

原创 JS去空格方法

1.trim()我们知道trim()在IE所支持的版本中,只有IE9以上能支持,所以下面第二个会介绍另一种方法。2.replace以下图所示,如果直接这样输入,replace只能去掉一个空格如果要去掉多个空格用正则表达式,如下图所示:...

2021-11-10 16:54:20 12242

原创 sessionStorage 、localStorage 和 cookie 之间的区别

共同点:都是保存在浏览器端,且同源的区别:cookie1.cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。2:存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。se.

2021-10-27 16:56:42 130

原创 ES8对象方法扩展

1.Object.keys获取对象所有的键 <script> //声明对象 const student ={ name:'Betty', age:'18', hobbies:['music','前端'] } console.log(Object.keys(student)) //["name", "age", "hobbies"] </script>2.Object.values获取对象所有的值

2021-10-24 22:07:17 77

原创 前端笔试题

1.选择器的优先级(从上往下依次降低)是:在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。 作为style属性写在元素内的样式 id选择器 类选择器 标签选择器 通配符选择器 浏览器自定义的样式2.下述有关 border:none 以及 border:0 的区别,描述错误的是?1.当定义了border:none,即隐藏了边框的显示,实际就是边框宽度为0.2.当定义边框时,仅设置边框宽度也可以达到显示的效果解释:1.当定义border:none时,.

2021-10-22 23:37:11 7273

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除