开发前沿 13284

原生js实现手风琴效果

在实际网页开发中,手风琴出现频率也居高。 简单地做了一个手风琴,但觉得它的过渡效果没实现,内容列表出现得很突兀,效果图如下: 实现代码如下: <!DOCTYPE html&g…

2022-04-15 442

原生js实现下拉菜单

下拉菜单在实际生活中也挺常见的,它实现的js代码与tab选卡,手风琴几乎一样,在此不过多赘述。 我仿照苏宁易购官网写了一个下拉菜单,实现代码如下: <!DOCTYPE htm…

2022-04-15 815

原生JS实现悬停下拉菜单

JS实现悬停下拉菜单,这个是前端面试中遇到的场景题,原理就是修改菜单样式的display属性的属性值从none=>block,具体实现见下,重点关注下面几个部分。 给每个se…

2022-04-15 860

js实现瀑布流触底动态加载数据

本文实例为大家分享了js实现瀑布流触底动态加载数据的具体代码,供大家参考,具体内容如下 // onScrollEvent 滚动条事件 <div class="box" ref…

2022-04-15 747

关于Vue代码可读性的几点建议

目录 一、善用组件让代码更有条理性 1、 提取UI组件 2、按模块提取业务组件 3、按功能提取功能组件 二、利用v-bind使组件的属性更具有可读性 三、利用attrs与attrs…

2022-04-15 1,008

五分钟教你使用vue-cli3创建项目(新手入门)

目录 一、搭建vue环境 二、Vue脚手架工具 三、创建项目 四、选择manually select (enter键确认,并进入下一步) 五、选择完成之后回车 这里我们选择3.x的…

2022-04-15 1,232

vue3 文档梳理快速入门

目录 一、setup 1. setup 函数中的第一个参数 —— props 2.  contextcontext 二、setup 函数的返回值 1.setup 函数的返…

2022-04-15 747

如何为老vue项目添加vite支持详解

1、前言 接手公司的某个项目已经两年了,现在每次启动项目都接近1分钟,hmr也要好几秒的时间,but vite2发布之后就看到了曙光,但是一直没有动手进行升级,昨天终于忍不住了,升…

2022-04-15 1,112

vue项目中less的一些使用小技巧

目录 前言 一、样式穿透 1.  什么是样式穿透? 2.  如何使用? 二、混入 1.  什么是混入? 2.  如何使用? 三、 less自…

2022-04-15 617

前端JavaScript彻底弄懂函数柯里化curry

目录 一、什么是柯里化( curry) 二、柯里化的用途 三、如何封装柯里化工具函数 一、什么是柯里化( curry) 在数学和计算机科学中,柯里化是一种将使用多个参数的一个函数转…

2022-04-15 453

微信小程序实现瀑布流分页滚动加载

本文实例为大家分享了微信小程序实现瀑布流分页滚动加载的具体代码,供大家参考,具体内容如下 两种分页方式 普通的分页效果会在页面底部提供点击下一页和上一页的按钮,在点击了按钮之后才会…

2022-04-15 880

前端面试JavaScript高频手写大全

目录 1. 手写instanceof 2. 实现数组的map方法 3. reduce实现数组的map方法 4. 手写数组的reduce方法 5. 数组扁平化 5. 1 es6提供的…

2022-04-15 1,062