- 博客(50)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 js基础算法02 - - 数组排序
首先看把最基础简单的 += i++ ++i 和for循环。02休息 当日完结 03扁平化。// 6月10号。
2023-06-10 08:53:02
86
1
原创 2023/5/29 面试实战自用（js css复盘整理）
给父级元素增加overflow：auto，父元素就会创建一个BFC区域，BFC元素会把子元素中的浮动元素的高度也计算到里面。important）> 内联 >ID > class 伪类 > 标签 > 子选择器。BLock Formatting Context 直译过来块级文本 上下文。兄弟之前会折叠，解决方式就是给兄弟元素之家添加一个BFC元素，-float（不为none即可）:left , right。父子之前会合并，给父元素添加BFC即可。html 就是一个创建了BFC的元素。
2023-05-30 15:18:16
443
原创 react 面试markdown 自用
就是自己封装的hook 最经典的就是alibaba/ahooks 里面的一些定时器，forceupdate之前函数组件不能保存状态是因为当状态改变的时候 页面就要重新渲染 这样定义在函数里面的变量就会重新生成复制，肯定不行，如果定义在函数外面全局污染 直接傻杯所以hook出现后 封装了useState 和 useReducer方法 把state状态保存到了filber上。
2023-05-17 16:19:29
475
原创 柯里化&compose尝试
由来—是为了实现多参函数提供了一个递归降解的实现思路-- **把接受多个参数的函数变成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数 **现在我们直接实现一个被currying的add函数，叫currieAdd（老哥是懂语法的），则根据上面的定义currieAdd需要满足以下条件。总结 —只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数。老哥先讲了currying的概念 由来。再来一把掘金老哥的例子、理解不了 看老哥的例子。先实现一个加法的函数。
2023-05-17 14:11:51
260
原创 JavaScript中的执行上下文和执行栈
没当引擎遇到一个新的函数调用，就会给新的函数创建一个新的执行上下文，然后把新的上下文压进栈顶，again and again。执行上下文是评估和执行JavaScript代码环境的抽象概念，但我们在JavaScript中所做的声明变量，声明函数，执行函数。所谓后进先出 ， 先进先出不过是一种数据结构，而执行栈不过就是后进先出的数据结构，在这种数据结构下，才有了我们现在执行函数时候依次执行，有自己的作用域，this 指向。的函数都有自己的执行上下文，被调用时创建。一个函数被调用时，都会创建一个新的上下文。
2023-04-21 09:43:49
337
原创 JS基础 （Set对象 和Map对象）
Setes6提供了新的 数组 结构.塔的结构类似于数组，但是成员都是 唯一的，没有重复的值，这也是普通的数组去重可以用set方法的原因常见的用途1. 数组去重 let arr = [1,2,3,4,5,4,4,4,4,4] // 通过new 关键字传入数组，返回一个set对象 let likArray=new Set(arr) //可以通过Array.from(likeArray)将set对象转化为数组 完成数组去重2. 数组去重合并 let arr = [1,2,3,4,
2022-05-10 11:47:47
317
原创 自己写一个简单的 jsop
看东西突然觉得自己怎么jsonp都忘了 自己撸一遍 通过node js 实现一个最简单的jsonp直接上代码前台html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="
2022-04-24 01:56:00
185
原创 手写Promise
勇敢勇敢我的朋友 该要会手写一些代码了 比如手写一把promise手写promise1. promise回顾 简单的回顾一下promise 为了解决异步操作提出的解决方案，正如它单词的本意，给你一个承诺， 会给你返回一个结果，成功或者失败，可以链式调用，避免回调地狱 有三个状态 pedding reslove reject ， 初始状态为pedding 实例化的时候会立即执行relove 或者 reject，状态会改变，一旦改变 就回不去了1 最简单的开始 reslov
2022-04-20 11:31:41
126
原创 怎么判断一个数据类型？
判断数据类型记开始 -- （问 ： 为什么面试官会问这个问题？判断数据类型难吗？有技术含量吗？我答的对吗）数据类型（问：js的数据类型）typeof（typeof 能做什么 不能做什么）了解typeof缺陷之后怎么解决（Object.prototype.toString）最终答案记感觉好久没写东西了。什么原因呢，有原因是因为浮躁了一段时间，有原因是因为去了其他网站，哈哈。总归就是懒得。开头俩句是早上10写得，现在是晚上的22.16分中间摸了鱼，开了会，骂了街，拨开云雾，终于看懂了困扰的问题于是再
2022-01-24 23:23:39
712
原创 【React】@redux/toolkit
前言开始了新的项目，项目中使用了reactredux/toolkit1.安装2. 基本使用 { createSlice }2.1 counterSlice.js2.2 index.js2.3 根目录 index.js2.4 App.js 组件内使用state1.安装首先创建react一个项目,可以参考react项目# Redux + TypeScript templatenpx create-react-app my-app --template redux通过node的npm安装# NP
2021-10-26 23:42:30
508
原创 js递归处理删除某些节点
一些业务中会遇到得到的树结构不能直接使用，需要处理一波，在过滤数组中，我们应该学会使用filter，filter和map的一点重要区别就是，filter可以改变数组的长度，map不会 //根据过滤数组中的某些对象 let test1 = [ { key1:"vaue1", show:true, children:[ {
2021-10-12 20:22:37
1516
原创 扩展数组方法 给数组原形链追加方法（原型链中的this）
扩展数组方法写在前面1.关于原型链1.1 故事的开始，手写index1.2 故事的矛盾点，数组方法直接给Array原形扩展方法1.3 又一次悟到了原形链1.4 故事的高潮，发现问题，返现没动手写过数组追加方法的自己是猪写在前面问：了解原型链，了解作用域，js执行顺序等等，其实在日常的开发中好像真的感觉不到，原型链，作用域，js执行顺序，包括今天写得数组扩展方法，在现在框架成熟的今天，vue，react ，js框架+element 或者antd等等，好像就用不到这些东西，是不是就不需要看这些东西了？答：
2021-10-05 12:56:44
414
原创 for forEach map的区别
后来便利数组 习惯了 上来就foreEach，以为很高级，直到出了错再整理下for forEach map的区别for forEach map的区别formapforEachforfor 基础 但其实最稳健，只需要知道数组的长度,return 跳出当前方法，函数返回值 为return的值function fun (){ for （ let i = 0； i < array.length; i++ ）{ if ( i = 1 ) { return 1 } }}map
2021-09-24 10:59:30
151
原创 【算法】 入门 力扣 704 二分查找
总归是要练习的 总归不能二分查找都不会吧 你看 一练 不会 写了 一天才写完 僵硬擦笨逼~~~ <script> // 算法入门 // 一直以来 前端接触的算法比较稍 终于才发现了 力扣 这个网站 感觉其实挺好的 // 力扣704 二分查找 给定一个 n 个元素有序的（升序）整型数组 nums 和一个目标值 target ， // 写一个函数搜索 nums 中的 target，如果目标值存在返回下标，
2021-09-23 15:33:27
101
原创 算法278 二分法查找错误版本 小白初探版本
二分法查找错误版本代码没有注释因为自己还不是很明白明天修改备注再捋一次 发fine good night代码<script> let array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] //模拟生成一个1-10间的随机整数模拟这个数字为正确的版本 let result = Math.ceil((Math.random()) * 10) console.log("resul
2021-09-02 00:38:21
78
原创 Vue.js solt
solt 槽口我们在使用组件的时候 通过 props 动态获取父组件给子组件传来的值 可以动态的渲染但其实这个时候 这个组件等于一个通用的模板 他的数量固定的但是当我们想给红色框插4个的时候 就可以用的槽口 solt // 我是组件 <solt>< solt> //我是引用上面组件的父组件 import soltCponentes from “./index.vue”// 假设已经调用过了 <soltCponentes
2021-07-22 13:48:06
104
原创 Vue请求数据交互
有哪些方式Vue-resource 停止更新 几乎弃用 只有有这个东西就行 XMLHTTPrequest 封装了一个$httpAxios 现在最长用的方式 基于 也是 XMLHTTPrequest 封装的 第三方的库fetch es6原生提供的方式 用的相对也比较少Axios 交互Axios - get语法: import axios form 'axios' axios.get ( '/ 请求路径 ？key = 1 && blabla = 2'
2021-07-22 13:10:11
102
原创 Vue 计算属性和方法的区别
计算属性vs方法计算属性 是基于他们的依赖进行缓存，计算属性只有他们的相关依赖发生改变时才会重新求值方法绑定数据只要被调用，方法总会再次执行函数计算属性相对于方法在特定的场合下节省资源性能<h1> {{textAddByMet()}}</h1> // 124<h1>{{textAddByCop()}}</h1> // 124 <sctipt> data:{ text:123 } methods:{
2021-07-22 10:33:48
108
原创 Vue.js 指令
这里写目录标题什么是Vue.js 指令二级目录三级目录什么是Vue.js 指令指令是带有v-前缀的特殊属性v-bind：isb-bind：keyv-cloakv-ifv-elsev-forv-htmlv-modelv-on 等同于 @（v-else=if v-iv-on ）二级目录三级目录...
2021-07-22 10:03:44
77
原创 2021日准备面试突击报佛jio
佛脚1.HTML5新增内容有哪些2.es6新特性1.HTML5新增内容有哪些语义化标签（header，footer，nav，article）video，audio标签增加了表单元素 从（form，textare，select，button） ----> ( text,password,radio,checkbox,dile,submit,reset )新增cavans echarts就是基于canvas实现的增加了新的api localStorage，seessionStorage，
2021-07-14 11:07:03
79
原创 怎么处理轮播图的二维数组
我们需要把一个数组排成一个分别由无处个length为4的小数组组成的数组上代码 <script type="text/javascript"> let array = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17] ; let newArray = []; let index = -1 for(let i = 0; i < array.length; i++){ if(i % 4 == 0){
2021-07-13 19:53:34
118
翻译 发布订阅者模式
最近看redux都有发布订阅，绕不过去，打不过就加入 原创：（建超还在桥代码)发布订阅者模式1.观察者模式(发布-订阅)1.1 初级的观察者模式代码 （low 狗）1.2 中级的观察者模式代码 （ 菜狗 ）1.2 高级的观察者模式代码 （ 优雅 ）1.观察者模式(发布-订阅)概念：观察者模式定义了一种依赖关系，当某一个对象的状态发生变化，其它依赖这个对象的对象都会受到影响一个不知道当讲不当讲的例子理解观察者模式：1.1 初级的观察者模式代码 （low 狗）院子里有一个小偷，几只狗，小偷行动，
2021-06-29 14:44:51
287
2
原创 arguments， some, every
还有人学JS不知道arguments，不会吧arguments还有人学JS不知道arguments，不会吧其实我自己也不知道，很多东西都有，看东西的时候感觉自己像个瓜子看了下ECMC 其实无非就是函数的参数就是把所有的参数方法变成一个arguments数组 里面0123下表分别对应参数的第一二三位 函数里可以根据arguments参数重载函数 害 就这呀 打游戏去了<script type="text/javascript"> // 1.可以直接用arguments来获取参数
2021-06-24 20:55:53
103
原创 2021-06-23 日记
起因是因为最近状态不好这里的状态不好指的是什么不仅指上班没有力气 代码写的头疼而是背后的原因 不知到自己在干嘛所谓迷茫？只是不清楚自己该干什么 这么多年 如今已经180斤了 不该迷茫说白了就是自己所在的外包公司和合作的中国xx集成有限公司 的合作关系因为xx集成公司内部原因没合作了， 终于我们外包人员撤场了呢难过什么呢？ 因为身边的人走了？ 因为三年起步的合同因为其他公司的变动而被公司拿出半个月工资和解吗？ 因为即将要走所以难过吗 ， 担心下一份工作加班太多 公司不够高吗？
2021-06-23 21:51:52
39
原创 原型链 混乱笔记自己看版
原型链 啊呜呜呜呜写在前面的日记1 构造函数1.1 什么是构造函数1.2 呢为啥要用构造函数写在前面的日记今天在看Promise.all和链式调用的时候，突然看到constructor 时一愣蚌埠住了怎么他妈原型链都忘记了 所以在来一次1 构造函数1.1 什么是构造函数 就是用 new关键字来调用的函数 一般首字母大写（前辈们约定的，小写也行，不建议，容易被喷）下面的this指的就是这个Girl （this指的是上下文对象，知识点，细细品一下）然后我们new一个Girl
2021-06-15 17:32:18
123
原创 踩坑02remote: The project you were looking for couldnotbefound
因为你的git账号变了今天项目组很突然把我换到另一个组，可能上一个前端走了比较着急，登录gitb后开始clone项目，权限啥的都有。就是clone不下来，查了很多攻略后总后发现最简单的方式在克隆的时候加上当前用户名就可以了，然后就会弹出用户名密码输入框，输入当前项目的用户就会成功克隆//这样不行滴$ git clone http://@192.168.30.124/liaoyl-grouppath/financial-agriculture/fac-frontend.git在http后面加上你gi
2021-06-01 15:54:27
197
原创 前端面试
面试1. CSS1.1浮动为什么需要浮动为什么要清除浮动清除浮动的方式1. CSS1.1浮动为什么需要浮动css提供了三种机制来摆放盒子的位置，分别是普通流（标准流），浮动，和定位，当普通流满足不了一些网页的布局需求（子元素盒子一列排放，子元素两个盒子分别左右站位） 这个时候就需要浮动为什么要清除浮动浮动会使当前元素脱离文档流，如果父元素不设置高度，是自适应的，这个时候就产生了高度塌陷的问题。所以我们清除的不是浮动，而是清除浮动带来的副作用。清除浮动后，父元素就会根据浮动子元素的高度自适应高
2021-05-06 10:14:26
40
原创 async awit
语法[return_value] = awit express表达式一个promise或者任何需要等待的值（data、result）返回值返回Promise 对象的处理结果、如果等待的不是Promise对象，则返回改值本身注意的点await必须卸载async中，但是async韩式中可以没有await如果await的promise失败了 ，需要通过try…catch捕获处理async function fn1(){ renturn 1 }const result = fun1()c
2021-04-13 10:05:42
125
原创 ant-vue modal框实现滚动条
在vue项目中，使用了ant-vue Ui组件库 需求是在列表展示的时，需要在modal框里遍历未知的多条信息 如果信息过多的话就很很长，效果如下：
2021-04-09 17:06:55
6957
4
原创 Promise1
Promise学习promise前先了解一个概念1.1区别实列对象与函数的区别1.2二中类型的回调韩式1.2.1同步回调1.2.3异步回调1.3 JS中error的处理1.3.1 try ...catchpromise的理解和使用2.1 promise是什么?2.1.1 理解2.1.2 promise 的状态改变2.1.3 promise 基本的基本流程2.1.4 promise 的基本使用2.2 为什么要用promise2.2.1指定回调函数的方式更加灵活2.2.3支持链式调用，可以解决回调地狱2.3 如
2021-04-01 17:01:04
358
原创 VUE表单验证，正则表达式
VUE表单验证，正则表达式车牌号正则校验纯整数（非汉字、字母、符号）`车牌号正则校验 plateNo: [ { required: true, message: '请输入车牌号', trigger: 'blur' }, { pattern: /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z][A-Z][A-Z0-9]{4}[A-Z0-9挂学警港澳]$/, message: '请输入正
2021-03-31 10:09:03
823
原创 vue form表单验证出现选择输入了值，但是还是提示未选择时的问题
掉坑日记02：vue form表单验证出现选择了值，但是还是提示未选择时的问题在表单验证是 ，发现选择或者输入了值，但是rules验证还在显示未输入值警告的message。大概率是你没定义modal值，这个时候rules 监测不到你是否输入了值确定的点1.是否有ref2.是否有rules属性且在data中定义了规则3.props定制的字段名是否和rules里一样4.输入框或者选择框的v-modal绑定的是否和a-form-model的modal是否一致...
2021-03-26 13:54:15
7385
2
空空如也
对比string类型的值为什么不要使用大小写
2022-06-03
react useEffect 之前会渲染return(<>) jsx 吗
2022-02-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人