前端
文章平均质量分 52
~蓝桉
这个作者很懒,什么都没留下…
展开
-
多选操作(vue3)
功能1描述:通过下拉菜单进行多选,这里的例子功能最多只能选择4个,如果需要选择多个,更改对应的代码就行。如图: 功能2描述:进行多选之后,以面包屑的形式展示在上方,并且可以关闭某一项,左边的高亮选择也应做对应的改变,也就是说,左边和上方是同步的。如图:基本实现思路: 在选择的时候,收集好对应的索引,根据索引进行高亮显示,并且通过索引修改左边下拉内容项的chose(是否选择的值),通过数组过滤过滤出chose为1的值,即面包屑数组(上方展示的内容)。在面包屑删除某一项的时候,通过id对应删除左边下拉选择原创 2023-09-27 23:31:41 · 354 阅读 · 1 评论 -
微信小程序导航头部吸顶效果
3.将要吸顶元素到页面顶部的高低和页面已经滚动的高度进行对比。当滚动距离大于等于要吸顶元素的高度时,变成吸顶状态;当滚动距离小于要吸顶元素的高度时,取消吸顶状态;功能描述:当页面滚动到该元素的时候,变成固定的导航头部,也就是固定在最上面,当往回滑动时又变成原来的样子。一、首先解决第一点:在页面加载出来时,onload事件中,拿到要吸顶元素到页面顶部的高度。1.获取要吸顶元素到页面顶部的高度。2.监听页面已经滚动的高度。原创 2023-03-28 22:01:31 · 1667 阅读 · 0 评论 -
原生微信小程序使用vant的tabbar(解决点击俩次图标才正确切换)
一、声明:在导入使用vant (tabbar)组件的时候,发现通过点击切换的方法来更改active的方法,会出现图标没用及时对应上,需要第二次点击才对应上的问题。在每一个页面使用tabbar自定义组件的地方,在onshow生命周期函数里初始active的值,用来对应每个页面切换之后展示对应的图标。6.与pages同名创建custom-tab-bar文件夹(名字不能变),并创建index组件(tabbar自定义组件)假如,我采用index页面作为一个tabbar页,对应的active可以这么更改其选中态。原创 2023-03-25 23:19:08 · 4809 阅读 · 14 评论 -
uniapp中使用ucharts图表
uniapp中使用ucharts图表原创 2023-01-26 21:46:23 · 478 阅读 · 0 评论 -
uniapp点击删除按钮弹出(确定和取消提示)
【代码】uniapp点击删除按钮弹出(确定和取消提示)原创 2022-12-31 12:42:27 · 2788 阅读 · 0 评论 -
React(创建简单本地服务器获取数据测试和配置网络代理)解决跨域
【代码】React(创建简单本地服务器获取数据测试和配置网络代理)解决跨域。原创 2022-11-13 17:13:45 · 378 阅读 · 0 评论 -
使用nanoid生成唯一的id(可以用来作为key值)
【代码】使用nanoid生成唯一的id(可以用来作为key值)原创 2022-11-12 22:12:10 · 545 阅读 · 0 评论 -
微信小程序注册登录、http请求封装
开始没有用户名(账号)和密码,需要点击前往注册页面注册相关信息,在注册页面输入相关信息之后,点击注册按钮会向后端接口发起POST请求,这样我们就可以拿注册的信息去登录,登录成功后跳转到首页(也可以是其他页面),看需求。注意: uni-forms-item后面的属性的名字要对应上data里面的规则那里。uni-app官网 (dcloud.net.cn)uni-app官网 (dcloud.net.cn)uni-app官网 (dcloud.net.cn)HTML框架采用uni-app官网的扩展组件。原创 2022-10-11 21:18:25 · 374 阅读 · 0 评论 -
微信小程序地图组件
如果需要展示地理位置信息,可以通过微信小程序的uni-app里面的api。原创 2022-10-02 13:38:12 · 372 阅读 · 0 评论 -
上传图片为线上图片,可以在线访问
【网站推荐】上传图片为线上图片,可以在线访问。原创 2022-10-02 13:08:46 · 2160 阅读 · 2 评论 -
使用node.js搭建简易的本地服务器
前端进行项目练习的时候,有时候需要使用数据,而一般数据都是后端所给的接口,对前端来说,没有数据,有时候不能正常的进行练习,如果用别人的接口,有可能会遇到别人的接口会崩掉的问题,所以为了方便自己的项目练习,获取所需要的数据,那么我们可以搭建一个简易的本地服务器。这里我们简单模拟一个数据,用于测试,这里开启个端口号为8081的本地服务器,其他端口号如果没有被占用,可以是可以使用的,不一定是8081。原创 2022-10-02 12:53:51 · 2067 阅读 · 0 评论