- 博客(53)
- 收藏
- 关注
RSS订阅
原创 多维数组转成一维数组
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
1723
原创 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
14443
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
239
原创 luckysheet的使用
注意：如果官网没有给出你想要的例子，你可以在excel中先在表格中做出你想要的样子，然后利用保存luckysheet.getAllSheets()[表单索引]去获取此excel的配置和数据，这样就可以把获取到你想要的配置以及可以在初始化中根据你获取的配置一一赋值即可。先在页面写一个容器，这个容器的id名需要跟luckysheet所需要的option的container完全一致。注意：luckysheet与layui的样式会冲突，所以引入一定要放在项目的最前面。fa表示格式名称为自动格式。
2024-03-04 14:11:29
2850
原创 前端下载ProgressEvent打包后变成Event
然后导致这样的原因是开启了mockjs，要把代码的mockjs关掉（全局搜索mockjs），我的代码是这样，大家的只要注释mockjs即可。但是线上就变成了Event事件。
2024-02-26 09:14:57
212
原创 vue 按钮实现复制内容之Clipboard
引入：import Clipboard from 'clipboard'安装插件：npm install clipboard --save。
2023-04-05 18:11:30
276
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
1421
原创 Vue-draggable TypeError:Cannot set properties of null (setting ‘_draggable_context‘)
vue-draggable组件
2023-03-07 14:30:27
1641
2
原创 vue动态绑定background
background是background-color，background-image，background-repeat，background-attachment，background-position，background-size等属性的缩写。这篇文章我用动态绑定background-image来举例。
2023-02-24 23:31:56
6395
原创 TypeScript内置工具类型及源码
作用：获取函数类型T中this参数的类型，若函数类型中没有定义this参数，则返回unknown类型。作用：从类型T中剔除null类型和undefined类型，并构造一个新的类型。T表示源对象类型，类型参数K提供了待选取的属性名类型，它必须为对象类型T中存在的属性。如果传入的函数类型没有显式声明 this 类型，那么返回的仍是原来的函数类型。参数K提供了对象名联合类型，类型参数T提供了对象属性的类型。参数T表示源对象类型，类型参数K提供了待剔除的属性名类型。该工具类型能够从类型T中剔除所有U的类型。
2023-01-05 10:38:44
304
原创 vue2的data()this指向和vue3区别
今天在这里我探讨了3种情况：1.脚手架创建的vue2,写法也是vue22.脚手架创建的vue3,但写法是vue23.脚手架创建的vue3,写法也是vue3。
2022-11-24 22:29:59
1320
原创 el-option的:value绑定整个对象
这两张图说明：el-option的value是可以绑定对象的，但是要加value-key这个属性。
2022-11-16 17:44:29
1850
原创 el-switch的坑（默认值）
1.如何将字符串转为布尔值2.value和v-model的区别（包含了@change的渊源）3.我改写后的代码
2022-11-12 18:42:02
3251
原创 element ui输入框有值却验证输入无效
这是我遇到的问题，但它第二次点击保存时就好了，我为了解决这个一次性就能让输入框判断的方法，我想到的是输入框失去焦点。
2022-08-12 09:07:27
1630
原创 Avue新增自定义组件
最近第一次接触到AVue框架，我看了很久的文档，感觉踩了很多坑，首先就是插槽。Avu的表格column的每个对象（表示表格的列）中有属性：slot和formslot！！！我自己理解的它们的区别如下：
2022-08-10 13:44:18
3800
原创 vue、three添加纹理
2.调用这样的函数（光写renderer.render(scene,camera)没有用，亲测）我是小白，自己做项目的时候踩了坑。vue的纹理应该怎么引入，我百度了很久，以下是我自己的总结。1.load需要用require引入（光引入即使路径是对的，也是黑的，那就必须写第二步）...
2022-07-20 21:17:48
232
原创 JS 函数作用域
前些日子，我专门去看了箭头函数，但是阮一峰作者中的箭头函数文章里有写到这样一句话：“在定义对象方法的时候不适合使用箭头函数，因为对象不构成单独的作用域”，作者的原代码如下：const cat = { lives:9, jumps:() => { this.lives--; }}// 原作者解释：cat.jumps()方法是一个箭头函数，这是错误的。调用cat.jumps()，如果是普通函数，该方法内部的this指向cat;如果携程上面那样的箭头函数
2022-06-13 14:33:09
224
原创 React接口数据多级级联
在此之前我看了下面这个链接的大佬写的代码，然后自己琢磨出了对应的属性应该是哪几个。ElementUi中级联选择器(根据后台返回来数据处理显示在级联选择器中),处理最后一级为空白情况_沐浴 前端的博客-CSDN博客// 处理成级联数据格式 function handleDetailData(detailData: any, newDetailData: any) { const len = detailData.length; for (let i = 0;
2022-04-01 16:00:15
740
原创 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
1578
原创 前端工程师字节跳动面试
一.自我介绍这个我从学校、实习、项目介绍的，然后面试官问了很久的项目二.开始问题2.1 你学前端有哪几个阶段？这个我答了从学校，到自学，从浅学到深入相关的。2.2 你为面试做了哪些准备？我复习了HTML/CSS/JS/VUE/NODE/网络。（但感觉不能这样说）2.3 说说网络缓存吧我答得下面这段：浏览器第一次加载资源，服务器返回200，浏览器从服务器下载资源文件，并缓存资源文件与response header,以供下次加载时对比使用；下一次加载资源时，由于强制缓存优先级
2022-02-16 09:33:19
577
原创 JS预解析--变量提升
预解析的定义：在代码执行之前，先要预解析。JS预解析分为两类变量预解析(变量提升)和函数预解析(函数提升)一.变量预解析变量解析，变量提升。JS会把申明的变量，提升到当前作用域的最前面，只申明不赋值。let和var都有提升，但是let定义的变量没有赋值之前是不可以使用(当然有些人也说let是不能提升的)，var可以使用是undefined。任何一个作用域执行代码之前都要预解析。二.函数预解析函数解析，函数提升。JS会把带有名字的函数，提升到当前作用域最前面，只定义不调用。并不是所有的函数
2022-01-27 11:18:06
935
原创 实现鼠标移入移出显示隐藏元素
我做了两个方案：1.css版本（利用opacity）<template> <div class="container" > <table> <thead> <tr> <th>表头</th> </tr> </thead> <tbody> <
2022-01-21 09:36:56
1884
原创 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> <
2022-01-19 16:58:28
2845
原创 JS 纯函数
理解1.纯函数不应依赖任何外部变量，也不应改变任何外部变量。2.对给定的输入返回相同的输出的函数（下面是例子）var threeTime = (value) => value * 3// 如果value是2，那么threeTime函数总会返回6这个值。 3.纯函数遵循引用透明性(什么是:引用透明性？ 答：所有的函数对于相同的输入都返回相同的值。这样的引用透明性使并发代码和缓存成为可能)4.纯函数是数学函数作用1.纯函数允许我们并发地执行代码// 程序1.非纯函
2021-12-18 23:17:40
536
原创 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
676
原创 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
1837
原创 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
6053
原创 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
2339
原创 HTTP状态码总结
HTTP状态码分类 分类描述 HTTP状态码 事件描述 问题定界 问题定位原始 1xx 表示临时的响应。客户端在收到常规响应之前，应准备接收一个或多个 1xx 响应。 100 如果服务器收到头信息中带有100-continue的请求，这是指客户端询问是否可以在后续的请求中发送附件在这种情况下，服务器用100(SC_CONTINUE)允许客户端继续，或用417 (Expectation Failed)告诉客户端不同意接受附件这个状态码是 HTTP 1.1中新
2021-11-16 14:10:01
1636
原创 JS去空格方法
1.trim()我们知道trim()在IE所支持的版本中，只有IE9以上能支持，所以下面第二个会介绍另一种方法。2.replace以下图所示，如果直接这样输入，replace只能去掉一个空格如果要去掉多个空格用正则表达式，如下图所示：...
2021-11-10 16:54:20
12259
原创 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
136
原创 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
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人