我的前端之旅
前端开发 知识记录
吕氏春秋i
月亮是头顶上的理想,现实是脚下的六便士。
展开
-
前端Vue 页面滑动监听 拿到滑动的坐标值
前端Vue 页面滑动监听 拿到滑动的坐标值。原创 2023-11-09 16:53:26 · 372 阅读 · 0 评论 -
微信小程序去掉Button自带边框
微信button自带边框去掉边框后效果。原创 2023-11-01 11:06:15 · 810 阅读 · 0 评论 -
微信小程序 跳转客服页面
小程序 用户反馈 没有页面设计可以直接跳转小程序指定客服页面。原创 2023-11-01 10:54:09 · 789 阅读 · 0 评论 -
前端小程序 实现文字加载效果 文字跳动
【代码】前端小程序 实现文字加载效果 文字跳动。原创 2023-10-31 14:33:53 · 186 阅读 · 0 评论 -
小程序 自定义位数验证码框顺序输入删除逻辑及功能实现
最近公司开发一款小程序,也是本人第一次开发线上小程序 经验不足 多多指教在外卖取货页面UI设计如下图是依次连接6个数字输入框可依次动态输入也可以依次动态删除。原创 2023-03-23 18:19:11 · 697 阅读 · 1 评论 -
Antd-rules-自定义校验规则
公司UI出了一个表单提交的规则校验效果需要自定义rules才可以实现只要输入错误就提示红色边框 并且不可以提交如何实现?##解决antd官方给了案例 自定义校验规则实现如下:1,需要自定义rules2,自定义validator3,填写你的规则方法。原创 2023-03-23 15:03:20 · 2402 阅读 · 0 评论 -
前端JS-根据url打开一个新的网页
项目中有个打开pdf的功能在测试的时候 地址无缘无故拼接了localhost+端口。原创 2023-03-15 18:34:38 · 458 阅读 · 0 评论 -
前端-input组件-输入内容校验正则表达式大全
这里说明一下 如果输入超过100 就返回100 当然也可以限制。原创 2023-03-15 16:19:34 · 1882 阅读 · 0 评论 -
前端 vue 中如何判断undefined类型?
项目中有个功能 需要上传某个参数这个参数在一些操作后 比如删除 会导致整个值为undefined在调用接口时,如果这个字段是undefined接口是走不通的后端同事 要求如果没有这个字段可以不传或者传 key=原创 2023-03-15 14:29:13 · 1990 阅读 · 0 评论 -
解决小程序button: text-align: center;不生效的问题
在写小程序 无论如何都居中不了button的文字百思不得其解 其实只需要把button设置为display: flex;再配合垂直居中和水平居中就可以实现。原创 2023-03-07 20:51:09 · 1248 阅读 · 0 评论 -
前端 每日一个小知识
在开发前端的时候 使用VSCode 格式化代码 按错了键盘导致输入的中文 全部都是繁体字。原创 2023-03-07 10:40:56 · 168 阅读 · 0 评论 -
前端 position: absolute布局 text-align: center失效解决办法
项目ui要求图片上备注文字效果想实现这种效果可以使用布局但是使用失效的问题错位效果如何解决?原创 2023-02-24 11:07:20 · 772 阅读 · 0 评论 -
CSS 声明属性值计算calc()语法
最近在学习小程序的项目用到适配高度滑动时 总是满足不了多个机型查阅资料 了解到CSS的calc()语法 更方便的实现计算后的适配宽高css简介calc() 此 CSS 函数允许在声明 CSS 属性值时执行一些计算。它可以用在如下场合:< length>、< frequency>, < angle>、< time>、< percentage>、< number>、或 < integer>。CSS的calc()语法 方便我们开发中做多余且重复的操作。原创 2023-02-21 14:00:01 · 619 阅读 · 0 评论 -
后端接口返回的字符串 在前端显示要求换行实现
接口返回一大堆文字 需要按照顺序换行显示在输入文字的时候 需要换行的末尾加\n换行符在前端内容的class里 我们需要加.content {//配合\n使用 实现自动换行 white-space : pre-line;原创 2023-02-16 14:48:55 · 3369 阅读 · 0 评论 -
小程序 验证码 获取码输入框实现 UI框架Vant Weapp
小程序 验证码 获取码输入框实现 UI框架Vant Weapp原创 2023-02-15 19:26:29 · 728 阅读 · 0 评论 -
前端Sass语法学习及Demo练习
在接下来的日子要学习前端知识体系,2023继续保持知识拓展。请教了公司前辈,学习前端要循序渐进,先学Sass基础Sass 教程学习Sass之前要有以下的基础HTML 教程HTML 教程CSS 教程CSS 教程学习完Sass自己跟着练习了一个登录页面实现效果如下跟着视频学习,其实很简单,主要就是很多语法要记住是干什么用的多写多练 自然就形成知识记在脑子里了。所以不能只看,还要动手练习,一起加油吧~原创 2023-01-17 14:02:58 · 133 阅读 · 0 评论 -
windows power shell指令报错:about_Execution_Policies
在安装sass的时候 遇到一个错误:about_Execution_Policies2023 继续加油 巩固前端知识 一步一个脚印学习下去fighting!!原创 2023-01-16 15:28:48 · 421 阅读 · 0 评论 -
Antd 组件Switch用法及代码记录
switch开关按钮 android也有这个组件最近开发web用到此组件,用法有些不同 在此记录一下。原创 2022-12-20 16:44:10 · 1569 阅读 · 0 评论 -
前端学习-Float(浮动)属性
最近有个需求,需要图标和文字排列一行最大两行文字效果如下:自己写效果的发现实现是上下排列的并没有像上图的效果 文字紧挨着图标 多余的文字从新另起一行 左对齐。转载 2022-10-18 16:51:32 · 1271 阅读 · 0 评论 -
Vue实现鼠标悬浮隐藏与显示图片效果 @mouseenter 和 @mouseleave事件
前端vue 有个功能是鼠标移动到指定item上显示出来一个编辑和删除的图标鼠标悬停在列表那么需要有悬浮显示的列表编辑和删除icon文字不好描述,因为是web端录屏也比较麻烦 这里用截图说明学习之路 永无止步记录当下,保持一颗向上的心态~!原创 2022-09-08 20:12:21 · 15531 阅读 · 0 评论 -
web前端Vue 报错:Uncaught (in promise) TypeError: Cannot read properties of nu
最近在写vue项目 在写自定义分页器的时候报了一个异常 知道错误却一直找不到解决方案苦思冥想后 还是js的基础语法不扎实导致的,在此记录一下解决方案和思路为以后的bug解决之路打下基础学习之路 永无止步记录当下,保持一颗向上的心态~!原创 2022-09-08 16:17:47 · 42068 阅读 · 3 评论 -
web前端 Antd-Checkbox 多选框纵向排列
这显然不是我要的效果 但是和功能差不多 都是多选框 现在要决绝的就是把``横向排列``改为``纵向排列``有了目标就容易解决了问题了从这个问题触发 去找答案:原创 2022-08-31 17:15:57 · 2185 阅读 · 0 评论 -
前端 Vue-hover实现水波纹效果
前端实现水波纹效果hover原创 2022-08-29 16:18:08 · 740 阅读 · 0 评论 -
前端 使用CSS属性,使Div上下左右移动指定像素
深入理解CSS定位中的偏移原创 2022-08-10 14:44:23 · 3933 阅读 · 0 评论 -
前端装逼利器-七夕祝福-闪瞎你的24K钛合金眼
前端装逼利器-七夕祝福-闪瞎你的24K钛合金眼原创 2022-08-04 18:09:38 · 132 阅读 · 0 评论 -
web前端开发工具
web前端开发工具原创 2022-08-02 09:57:50 · 386 阅读 · 0 评论 -
四年android转前端开发有感而发
我的前端组长 接受我去他组的调度 学习web知识 他给我介绍了几十本前端电子书籍各种js的电子书籍 让我看到后有点害怕 这也太多了自己本身也有点底子 HTML CSS勉强会一点 但是JS我是个小白虽然语法能看懂 但是架不住 不懂什么意思 或者用的时候想不起来 这个字段 或是其他语义于是自己去某站跟着视频学了3天 开始写前端的页面 一开始感觉压力很大 很多东西都无从下手现在过去一周了… 也写了2,3个页面和部分逻辑 正式转前端岗位 慢慢加油世上无难事只怕有心人 ~勉励自己技术老大是个全栈 他给我讲了他原创 2022-06-20 11:01:28 · 1871 阅读 · 30 评论