- 博客(34)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 2024年最新前端面试题汇总大全二（含答案超详细，Vue，TypeScript，React，微信小程序，Webpack 汇总篇）-- 持续更新
vue指令vue2局部注册：directive选项'focus': {el.focus()全局注册：main.jsel.focus()})生命周期bind：只调用一次，指令第一次绑到元素调用，用于初始化inserted：被绑定元素插入父节点时调用update：所在组件vnode更新调用componentUpdate：指令在组件的vnode及子组件的vnode全部更新完调用ubind：只调用一侧，指令解绑vue3局部注册。
2023-05-29 19:30:57
6176
原创 vue面试题汇总
vue指令vue2局部注册：directive选项'focus': {el.focus()全局注册：main.jsel.focus()})生命周期bind：只调用一次，指令第一次绑到元素调用，用于初始化inserted：被绑定元素插入父节点时调用update：所在组件vnode更新调用componentUpdate：指令在组件的vnode及子组件的vnode全部更新完调用ubind：只调用一侧，指令解绑vue3局部注册。
2023-05-26 22:00:41
5714
原创 详细前端面试题CSS篇--持续更新
margin(外边距)- 清除边框外的区域，外边距是透明的。border(边框)- 围绕在内边距和内容外的边框。padding(内边距)- 清除内容周围的区域，内边距是透明的。content(内容)- 盒子的内容，显示文本和图像。W3C的标准盒模型：在标准的盒子模型中，width指content部分的宽度IE的盒模型：在IE盒子模型中，width表示content+padding+border这三个部分的宽度如何开启不同盒子模型标准盒子模型IE盒子模型Grid。
2023-05-12 11:38:12
2274
1
原创 详细前端面试题HTML篇
渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。
2023-05-11 14:12:10
2588
原创 2024年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新
最新前端面试题汇总大全(含答案超详细)--持续更新
2023-05-11 11:55:41
20280
1
原创 vue3使用百度地图(详)
百度地图学习，vue3学习地图，vue地图学习，AK密钥申请，vue-baidu-map-3x，自定义地图样式，vue-baidu-map-3x控件学习
2023-03-29 21:18:59
11499
4
原创 Ant Design使用Form，手动触发onchange相同事件函数，组件内收到真实数据未更新
在Ant Design的Form组件中，getFieldDecorator 会为表单字段创建一个。上面通过手动触发实际上避开了onchange后续的处理逻辑，此时需要遵循Form更新方案更新。元素属性存在方向，需求为提供快捷编辑方向按钮，保证方向沿基准方向。事件处理函数更新表单字段的值时，Form组件会。
2024-08-23 11:11:35
176
原创 toLocaleString浏览器兼容问题，导致时间在不同版本显示24/12小时制
较新版本的 Chrome（版本 125.0.6422.142）已经更新了其国际化实现，以默认使用24小时制。较旧版本的 Chrome（版本 86.0.4240.198）仍然使用12小时制。
2024-06-18 11:36:12
289
原创 实现搜索功能中搜索内容高亮效果，本文通过fuzzysort库方案实现
fuzzysort是一个 JavaScript 库，用于对字符串数组进行模糊搜索和排序。它特别适用于自动补全（autocomplete）功能，可以根据用户输入提供匹配的建议列表，即使输入存在拼写错误或部分匹配也能够有效工作相比正则方法的优势：更加灵活，即使输入存在拼写错误或部分匹配也能够有效工作fuzzysort库中的一个核心函数，用于执行模糊搜索一：接收参数1.searchKeywords（搜索关键词）：字符串，表示用户输入的搜索关键词。
2024-06-14 19:07:53
194
原创 数据采样函数，主要用于数据可视化时减少图形的复杂度，同时保持数据的整体特征
【代码】数据采样函数，主要用于数据可视化时减少图形的复杂度，同时保持数据的整体特征。
2024-06-12 14:11:20
102
原创 antd记录table组件,包含(行复选属性设置，斑马色，ellipsis导致文本隐藏，scroll列错乱，tbody滚动条样式)
【代码】antd记录table组件,包含(行复选属性设置，斑马色，ellipsis导致文本隐藏，scroll列错乱，tbody滚动条样式)
2024-04-23 17:52:25
274
原创 createjs实现贪吃蛇，包含成长及游戏条件重置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CreateJS 贪吃蛇游戏</title> <script src="https://code.creat
2024-03-22 17:01:59
769
原创 antd-select组件样式，option下拉选中勾选样式，下拉箭头位置，使用Drawer样式失效
当你设置了 getContainer={false}，Drawer 将直接渲染在其父组件内，而不是作为 body 的直接子元素。getContainer 属性决定了 Drawer 渲染的 HTML 节点位置，默认情况下，Drawer 会被渲染到 body 元素上。这样做的好处是避免了 Drawer 内容的样式受到外部容器样式的影响。的问题，尤其是当 Drawer 包含诸如下拉菜单这样需要==“溢出”==（overflow）的子组件时。组件时，在less写法中修改下拉样式。注意：如果在使用抽屉。
2024-03-07 18:27:41
1077
原创 canvas截取，drawImage方法详解
绘制大小为新canvas的尺寸，！如果截取的大于canvas尺寸会隐藏掉。：代表从image的(10,10)位置截取，截取大小为300*300大小。：想要在刚刚生成空白的canvas的什么位置开始绘制，这里设置为原点。低代码生成模板后，想要在使用时将低代码模板截取出部分作为后续选择。：img标签，video视频元素，canvas，img图片。
2024-03-04 18:54:53
652
原创 An unexpected error occurred: “https://registry.npm.taobao.org/ certificate has expired
certificate has expired”，意味着淘宝镜像源的证书已过期。这可能是由于淘宝镜像源的配置问题导致的。清华大学开源镜像站：https://mirrors.tuna.tsinghua.edu.cn/过程中： idealTree:view: sill idealTree buildDeps。中科院大学开源镜像站：http://mirrors.ustc.edu.cn/将淘宝镜像源改为默认源。
2024-02-06 13:05:15
1963
原创 React使用echarts-for-react出现Module not found: Can‘t resolve ‘echarts‘ ..
问题产生：项目中使用node16.20.1安装echarts-for-react使用正常，构建采用的时14.x.x降低项目版本后发现包文件获取失败。
2023-12-27 15:40:49
1367
原创 前端实现文件下载(a标签文件下载
如果在setAttribute时发现a标签中download属性发生改变但是window文件窗口的名称未改变，那么可能是因为服务端返回的响应头中设置了文件名。这时候，浏览器会优先使用服务端返回的文件名作为下载文件的名称，而忽略前端设置的下载属性。
2023-12-21 11:29:41
615
原创 canvas正交坐标系旋转--监听滚轮
擦除指定矩形区域：clearRect(x, y, width, height);绘制矩形边框：strokeRect(x, y, width, height);moveTo()方法将坐标移至直线起点： ctx.moveTo(x,y);绘制填充矩形：fillRect(x, y, width, height);stroke()方法，绘制图形的边界轮廓： ctx.stroke();lineTo()方法绘制直线： ctx.lineTo(x,y);绘制矩形：rect(x,y,width,height)；
2023-07-25 14:51:47
255
原创 微信小程序面试题汇总
(1) 首先在挨批评。App.json中配置tabbar，开启custom 自定义tabbar，配置完之后创建custom-tab-bar文件，这时候会在小程序底部生成文件内容，给index.wxml添加tabBar的结构代码， 给index.js 添加数据配置 和 事件方法(1) 小程序全局对象是: wx，所有的 API 都保存在 wx 对象中(1) 创建components文件夹(2) 创建组件文件(例tabs)，新建为component形式。
2023-06-05 11:09:03
4064
原创 TypeScript面试题--持续更新
3.TypeScript类修饰符4.如何定义一个数组，它的元素可能是字符串类型，也可能是数值类型5.TypeScript接口6.TypeScript对象和TypeScript接口的区别类型别名及类型符号csdn详情参考8.TypeScript字面量类型字面量类型（Literal Types）用来表示具体的字面量值，包括字符串、数字、布尔值等。它们可以作为类型注解的一部分，用来限制变量、函数参数、函数返回值等的取值范围数字字面量，字符串字面量，布尔字面量,空值字面量,枚举字面量
2023-05-31 11:38:12
2672
4
原创 javascript面试题--持续更新
事件代理（），又称之为事件委托。是JavaScript中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。使用事件代理的好处是可以提高性能可以大量节省内存占用，减少事件注册，比如在table上代理所有td的click事件就非常棒可以实现当新增子对象时无需再次对其绑定。
2023-05-13 11:58:27
3752
原创 最新react面试题汇总--持续更新
getDerivedStateFromProps 中禁止了组件去访问 this.props，强制让开发者去比较 nextProps 与 prevState 中的值，以确保当开发者用到 getDerivedStateFromProps 这个生命周期函数时，就是在根据当前的 props 来更新组件的 state，而不是去访问this.props并做其他一些让组件自身状态变得更加不可预测的事情。当组件的props或state发生变化时会触发更新。当组件从DOM中移除时会调用如下方法。
2023-04-21 12:01:23
2640
原创 canvas实现环形图 uni-app(含渐变，数据流形式)
下方ctx.beginPath()开辟新路径前后共生成两个环形图，第一个代表下方灰色，第二个代表蓝色。1.通过标签给出canvas宽高，绑定canvas-id一会根据这个进行生成。2.页面挂载调用方法进行环形图渲染。
2023-04-21 11:57:43
2322
原创 微前端使用qiankun实现，react主应用同时兼顾react，vue3，umi子应用
我们可以简单理解为微前端是将一个项目拆分成多个模块，每个微前端模块可以由不同的团队进行管理，并可以自主选择框架，并且有自己的仓库，可以独立部署上线：1.当公司代码较老需要使用新的技术栈时我们可以使用微前端。2.多个团队同时开发时，每个团队单独维护模块。3.新增业务模块时，直接创建一个新的项目根据团队情况选择技术栈：团队自治，兼容老项目，独立开发/部署，技术灵活。
2023-04-12 20:14:11
3728
2
原创 css3动画详解
1.rotate(xxdeg) //2D旋转2.rotateX()或rotateY() //3D旋转旋转都是以中心为基点,deg表示旋转的角度，为负数时表示逆时针旋转1.所有的基点默认都在中心位置，我们可以使用来改变元素基点2.x也可以设置对应的百分比位置left=100%;center=0%;right=0%3.y也可以设置对应的百分比1.语法：transition-delay: timez-index属性是用来设置元素的堆叠顺序或者叫做元素层级，z-index的值越大，元素的层级越高。
2023-04-10 13:42:36
302
原创 使用原生js实现上拉加载，下拉刷新
下拉刷新和上拉加载两种交互方式通常出现在移动端，本质上等同于pc网页中的分页，只是交互形式不同开源社区有很多优秀的解决方案，如iscroll等使用原生方式实现上拉加载，下拉刷新，有助于对对第三方库有更好的理解与使用。
2023-02-01 16:22:15
489
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人