
实际开发应用
文章平均质量分 74
贪吃ღ大魔王
深耕于技术写博,致力于前端开发。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
10分钟,手把手教学【正确】还原京东倒计时,初学者必看,简单易懂!
前言 由于今天在c站意外看到了一篇写京东倒计时的案例,觉得代码写的有问题。于是就在百度和c站搜了一下,发现基本上写的京东倒计时都是有问题的,根本没有完全还原京东的倒计时,逻辑是有问题的,感觉有点误人子弟了,这对刚入门的小白非常的不友好。于是我决定写一下这个案例,还原一下真正的京东倒计时案例。我直接把过程给写一下,希望对初学者理解有帮助。源码可以在末尾获取。⭐作为一个前端切图仔,我先去把京东倒计时的背景图片给扒下来把。倒计时源背景图:然原创 2021-06-11 01:13:19 · 2339 阅读 · 174 评论 -
1小时入门,手把手教你学会用webpack打包,隔壁王大爷看了都说小伙子细!
webpack新建站点:⭐这里的文件路径最好是英文注意:站点文件名不可以起名叫webpack为什么呢?我们在 https://www.npmjs.com/ 中搜索 webpack模块是可以搜到的在nodejs中我们通常是下载别人的模块再引用,当别人已经使用webpack上传,我们是不可以再用这个名字的。下面,我们在站点文件内,右键git bash here先进行初始化 ⭐cnpm init -y初始化成功:初始化成功,站点自动生成package.json 文件下..原创 2021-06-09 07:46:41 · 1069 阅读 · 243 评论 -
1小时0基础带你Git入门,保姆式教学,万字肝爆! 建议收藏~
文章目录Gitgit和github简介专业术语本地使用git两个特殊文件远程操作不初始化选择初始化远程仓库分支冲突同步/拉取历史版本回滚的冲突分支远程操作github服务器分支分支命名规范SSH提交配置秘钥Git在实际工作中,我们会遇到很多无法预料的问题:问题一:频繁改需求。例:开发功能A - V1添加功能B - V2在功能B上添加功能C - 重新写功能B,再添加功能C - V3在功能B上添加功能D - 重新写功能B,再天添加功能D项目开发好以后,形成版本v1.0需求改变:在v1.0.原创 2021-06-02 23:27:25 · 1046 阅读 · 177 评论 -
Bootstrap入门使用
文章目录一、Bootstrap概念?bootstrap** 介绍什么是bootstrap为什么使用bootstrap下载Bootstrap搭建bootstrap开发环境文件中引入文件移动设备的设置二、bootstrap栅格布局布局容器响应式的实现三、bootstrap栅格布局button按钮样式表单之文本域#### 全局css之表格,使用了悬停变色组件之字体图标js插件之模态框(javascript特效)一、Bootstrap概念?bootstrap** 介绍Bootstrap是Twitter的设计原创 2021-05-20 21:46:49 · 711 阅读 · 12 评论 -
教你用纯JS实现二级菜单
js点击出现二级菜单,点击二级菜单主菜单换成二级菜单点击出现二级菜单 <style>*{ margin:0px auto; padding:0px; } .yiji{ width:200px; height:40px; background-color:red;原创 2021-04-22 17:11:49 · 2409 阅读 · 6 评论 -
天使跟随鼠标&&输入框放大提示文本内容&&键盘聚焦搜索框---案例分享
文章目录天使跟随鼠标案例输入框放大提示文本内容键盘聚焦搜索框天使跟随鼠标案例实现核心思路:鼠标不断的移动,使用鼠标移动时间:mousemove在页面中移动,给document注册事件图片要移动距离,而且不占位置,我们使用绝对定位即可核心原理:每次鼠标移动,我们都会获得最新的鼠标坐标,把这个X和Y坐标作为图片的left和top值就可以移动图片实现代码: <style type="text/css"> body{ position: relative; b原创 2021-04-21 18:58:22 · 328 阅读 · 8 评论 -
留言和删除留言案例&&动态表格生成案例----分享
评论留言和删除留言案例&&动态表格生成案例----分享评论留言和删除留言案例评论留言 核心思路1,点击按钮之后,就动态创建一个li,添加到ul里面。2,创建 li 的同时,把文本域里面的值通过 li.innerHtml 赋值给 li 。3,如果想要新的留言后面显示就用appendChild 如果想要留言在前面显示就用insertBefore。删除评论 核心思路1,当我们把文本域里面的值赋值给 li 的时候, 多添加一个删除的链接2,需要把所有的链接获取过来,当我们点击原创 2021-04-20 20:29:53 · 244 阅读 · 8 评论 -
tab切换栏原理--应用实际网站开发 手写代码案例
tab切换栏原理–应用实际网站开发 手写代码案例tab栏切换在网页开发中非常常见,是前端开发的必需学会的案例,一些tab栏切换和商品信息分栏切换等:实现代码: <style type="text/css"> * { margin: 0; padding: 0; } li { list-style: none; } ul { margin: 50px auto; } .box { w原创 2021-04-20 10:41:01 · 438 阅读 · 1 评论