前端开发
文章平均质量分 70
前端开发栏目主要以博主自己的开发经历为线索,分享一些前端开发的技巧、技术和常见问题的解决方案。针对H5、Vue、uniapp(前端框架)等方面做分享。
跳探戈的小龙虾
【三生三世十里桃花,一心一意千行代码!】
我是一名 <!- - 前端领域新星创作者 - - > ,目前在学习python在机器学习当中的应用,秋季就读于 电子科技大学 软件工程学术型硕士,关注我,让我们一起进步吧!
展开
-
CSS精灵图的原理与使用方法介绍【前端开发】
服务器收到请求后,从它的内部搜索对应的HTML文档,在这个例子中,它搜索的是网站的官网HTML页面,与此同时,如果该页面本身有图像,那么这些所有的图像会以一个一个的url的形式返回,而后在进一步加载中,每一个url可能再发起一次HTTP请求,如果此时使用的是非持续的HTTP连接,那么TCP带来的RTT时延是很可观的,因此为了减少时延,精灵图诞生了:精灵图把网页中所需的所有的小图片,都集成在一张图上,通过修改图片的定位,达到一张图顶n张图的效果,加载时只需要加载一张图片即可!原创 2022-03-16 12:19:24 · 2831 阅读 · 3 评论 -
CSS3常见的命名词汇总结【前端开发】
p.s.高产量博主,点个关注????不迷路!目录I.类选择器的命名II.id的命名II.I 页面结构II.II 导航II.III 功能区I.类选择器的命名头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:ne原创 2022-02-18 21:51:21 · 251 阅读 · 3 评论 -
CSS清除浮动的三种方法【前端开发】
p.s.高产量博主,点个关注????不迷路!目录I.浮动的介绍及浮动需要清除的原因II.清除浮动方法一:额外标签法(隔墙法)III.清除浮动方法二:父级元素添加 overflow 属性法IV.清除浮动方法三:父级元素添加 after 伪元素法V.清除浮动方法四:父级添加双伪元素法I.浮动的介绍及浮动需要清除的原因首先简单介绍一下浮动:浮动官方给的定义是用于创建浮动框,使其移动到一边,直到左边缘或右边缘接触及包含块或另一个浮动框的边缘。代码格式为 float:相关属性原创 2022-02-02 21:34:50 · 1543 阅读 · 0 评论 -
正则表达式的速查汇总【前端开发】
p.s.高产量博主,点个关注????不迷路!首先介绍一下正则表达式:正则表达式,又叫规则表达式。把人类世界的一些字符规则以计算机能够理解的语言表达出来。Javascript提供了一个对象RegExp(Regular Expression)来管理和正则表达式相关的一切。下图汇总了常用的正则表达式,需要的同学可以自行下载保存:在前端,很多时候需要做数据验证,因此掌握正则表达式的使用对开发是有很大帮助的,具体的使用步骤不作讲解,仅用上图帮助大家速查正则表达式的书写!??????????原创 2022-02-01 22:30:22 · 921 阅读 · 0 评论 -
uniapp打包微信小程序详细步骤【前端开发】
目录I.预准备:注册微信小程序II.打包发布I.预准备:注册微信小程序首先进入微信公众平台,注册自己的微信小程序,完成个人信息配置,做好准备工作。其次是准备好自己的uniapp工程文件,打开自己的x-builder,准备打包!II.打包发布1️⃣ 获取微信小程序id:首先,登录微信公众平台,查看自己微信小程序的id号并复制:2️⃣ 填写自己的小程序id:打开uniapp自己的工程文件,选择 manifest.json文件->微信小程序配置,黏贴自己的小程原创 2022-01-10 09:00:00 · 17537 阅读 · 0 评论 -
uniapp实现动态标记效果详细步骤【前端开发】
目录I.场景的引入及难点分析II.动态标记效果实现思路和步骤首先放一下效果图:I.场景的引入及难点分析这个效果的场景有很多的实际意义,比如说制作一个实时的点赞、收藏或关注某个人、商品等等功能的时候,需要一个实时的前端反馈效果。这个效果看似非常简单,但是有两个难点:????第一个点在于实现:事先没有定义的、需要从后端实时获取的内容选中。这是什么意思呢?比如说上面gif图中的这些人物的信息,每一行都是从后端发起请求获取后渲染到前端的,而不是我们实现就定义好的内容,因此实现选中它们原创 2022-01-07 13:42:08 · 2571 阅读 · 1 评论 -
uniapp字体图标的使用步骤详细版【前端开发】
目录I.字体图标去哪里找?II.uniapp中使用字体图标的详细步骤I.字体图标去哪里找?更新中ing...II.uniapp中使用字体图标的详细步骤原创 2022-01-04 17:54:47 · 1836 阅读 · 1 评论 -
uniapp实现搜索功能详细步骤【前端开发】
文章目录I.场景的引入及前提条件II.搜索效果的制作首先放一下效果图:I.场景的引入及前提条件搜索的场景有很多很多,这里以搜索好友并添加作为演示的场景,需求是实现往搜索框中输入好友的姓名,能够实时在页面上反馈出搜索的结果,并选择是否添加为好友。前提条件:后端相关的搜索apiII.搜索效果的制作...原创 2022-01-03 21:13:33 · 14218 阅读 · 4 评论 -
uniapp实现点击按钮清空表单数据【前端开发】
点击按钮清空数据大家应该都不陌生,给表单的数据加一个绑定元素,:value,之后在点击的同时把绑定的元素值改为’'即可。但用:value在uniapp中无法清空元素,需要换成v-model绑定元素。<input type="text" placeholder="请输入文明昵称..." name="userName" @input="userNameInput" confirm-type="done" confirm-hold="true" placeholder-style="color原创 2021-11-16 22:02:56 · 3748 阅读 · 3 评论