- 博客(13)
- 收藏
- 关注
原创 小程序全屏效果拿下!!
开发的日常,这个版本接了一个需求,小程序的商城装修页要实现一个全屏的沉浸式效果,最终的实现效果如下,看似很简单,但是却花了我2个星期左右的时间😫,做的时候才发现要注意的细节太多了。7.还需要监听滚动事件,如果滑动到顶部时,需要触发全屏效果,页面也需要重新设置成hight:100vh,overflow:hidden。4.轮播图播放时为自动播放,但是如果是播放视频的时候,需要把自动播放取消,视频暂停、视频结束需要恢复自动播放。8.滚动页面时,顶部的导航栏、底部tabbar 需要切换为白色。
2024-06-21 16:31:21 187 2
原创 文字实现渐变色原来是用这个??
有时候UI的设计图上会带有渐变色的文案,传统做法我都是能让图片代替的就用图片,尽量少写css代码🥹,但是使用图片会影响到项目体积大小,或者 会间接增加了阿里云流量的费用,所以还是老老实实的写css代码吧。哇,原来那么简单就实现了~ 赶紧去试试吧~
2024-01-29 11:46:13 393
原创 小程序实现拖拽功能原来这么简单??
我们公司是做商城项目的,试问当页面有一个悬浮窗的快捷功能时,本意是让用户操作更方便的,由于悬浮窗会挡住页面部分元素,导致你要点击某个目标时点击范围变小,操作体验不友好....用户心里可能在想:这个破东西挡住了,拖拽又拖不了,怎么搞的.... 不买了,生气(︶^︶)4.使用微信提供的组件, 视图区高度减掉了130的高度,是因为tabbar的高度,拖拽范围不能超过tabbar。,因为这是用户最直观能感受到的东西,交互没做好,我认为是一定程度上影响到用户下单决定,影响业绩的。前端的交互是很重要的。
2024-01-27 16:44:48 1190
原创 前端-关于element-ui表头吸附的问题
el-table 添加height属性,即可以实现头部固定,但是这个属性不太适合我们公司的业务,因为我们的后台界面基本都是上部分已经占了部分面积,到了小屏幕电脑,表格的视图区会很少,所以这个方案我是不考虑的了😮💨。我当时听到这个需求都要炸裂了,因为我们表格用的是Element Ui,框架不支持啊😭!就是来一个掩盖手法,当滑动到一定位置时,显示另一个表头,造成像吸顶的感觉,听起来是不是已经有点拨云见日了😁。数据过多滑动表格的时候,看不到表头不知道对应的数据是什么,用户体验操作不友好,要改成表头固定住。
2024-01-25 16:28:51 1085 2
原创 关于ElementUi中select框在页面滚动时el-option超出元素区域的问题
前几天在开发一个需求时,无意发现了select超出区域的问题,我整个人都不淡定了😱,想着正常人应该都不会像我这样反人类操作吧😅... 但是秉着对技术的执着,有问题咱就迎难而上,啥大风大浪没见过的....虽然超出区域没有浮出来,但是仔细会发现,el-option有时候会从底部先出往上展开,而且展开的数据如果太多需要滚动才能选择,总的来说体验感不太好。答案是不行,因为会被外面父盒子的overflow: hidden隐藏掉。***第二种方法 ,监听滚动的时候,收起el-option,这也是我比较推荐的方法。
2024-01-24 16:43:15 1396
原创 VUE项目按需引入Echarts
后台管理系统难免会需要用到图表,Echarts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表,深受开发者的青睐。但是一般的后台管理系用的比较多的是柱状图、饼图或者折线图等,为了用这几个图表而引入了全部E charts,有点太重,因此我们可以选择按需引入。3. 在当前src文件下新建一个lib文件夹来存放这些第三方库。2.在babel.config.js 注册插件。4. 然后就可以去使用了。
2023-02-27 09:53:03 516
原创 vue项目按需引入lodash库
lodash是一个很强大的javascript 工具库,但是实际项目中可能不会用到里面所有的方法,如果全部引入就会显的很重,为了吃几条鱼,就承包了整个鱼塘。所以可以根据项目需求进行按需引入。2.在babel.config.js 注册插件。
2023-02-26 23:24:06 789
原创 小程序疑难杂症破解(一)
由于公司的的业务基本是围绕微信生态的,小菜酱我开发小程序也有快3年左右的时间了,借此机会想和大家分享一下我开发和迭代小程序时,遇到的问题时如何处理的,也欢迎各位童鞋可以留言你们遇到的问题哟~,文章内容会持续更新哟>_<1....
2022-05-02 00:05:19 1418
原创 common js、AMD、ES Module规范
有看过我前面文章的同学应该已经有了解前端模块化的发展过程,以及在这个过程当中出现过的一些标准,那尽管这些方式和标准也都实现了模块化,但是这些都多多少少存在着一些让开发者难以接受的问题。随着技术的发展,JavaScript的标准也在逐渐完善,而我们在模块化的实现方式相对以往已经有了很多的变化,现如今的前端模块化已经算是非常成熟了,而且目前大家针对于前端模块化的最佳实现方式也都基本统一了。在node.js环境中回去遵循common.js的规范去组织模块,而浏览器环境中则采取ES Modules的规范,当然也
2022-04-19 23:01:14 3255
原创 什么是前端工程化?
前端工程化的定义前端工程化就是指遵循一定的标准和规范,通过工具去提高效率,降低成本的一种手段。这些年呢被广泛关注和探讨,究其原因主要是前端应用现在功能要求不断提高,业务逻辑越来越复杂。那作为当下互联网时代唯一不可或缺的技术,前端可以说是占据了整个开发行业的半边江山。从传统的网站到现在的h5、移动app、桌面应用以及小程序,前端技术几乎是无所不能的全面覆盖。在这些表现的背后呢实际上是前端行业对开发人员的要求发生了天翻地覆的变化。以前刀耕火种的方式已经完全不符合当下对开发效率的要求了,前端工程化就是在这样的
2022-04-03 23:26:04 2646
原创 项目管理工具——jira
今天我想给大家分享一个我们公司现在在用的管理需求工具:jira。它被广泛应用于缺陷跟踪、客户服务、需求收集、流量审批、任务跟踪、项目跟踪和敏捷管理等工作领域。其实我们公司一开始是用码云来管理项目的,后面招了一位测试同事后,和我们公司推荐了jira,公司本着尝试用一用的心态接受了。虽然一开始用的不是很顺手,用习惯后真香~确实是一个管理项目的好工具。另外jira的环境是需要后端同事去搭建的。jira里的类型: Epic(史诗:可以由多个故事、错误、任务组成一个大故事。);故事(就是指一个需求);
2022-03-28 13:59:51 2038
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人