日常练习
文章平均质量分 90
记录学习中的一些有意思的小练习。
春雨惊春.
这个作者很懒,什么都没留下…
展开
-
bootstrap栅格
定义我的栅格前言一、全局设置二、变量声明三、行的实现四、列的实现五、测试六、代码拆分、测试前言本文主要介绍模仿bootstrap的栅格系统,运用栅格系统的原理,自定义栅格系统。主要步骤有:全局设置、变量声明、容器的实现、行的设置、列的设置、测试、代码拆分。提示:以下是本篇文章正文内容,下面案例可供参考注意:本文所有样式设置的代码都使用less预处理语言一、全局设置样式重置:引入重置样式文件可以到bootCDN官网上下载保存,添加链接描述,搜normalize就可以找到,然后复制链接,..原创 2021-05-31 10:21:44 · 129 阅读 · 0 评论 -
PC项目练习
PC项目练习HTMLjs开机遮罩层样式头部css主体样式侧边导航点第一屏第二屏第三屏第四屏第五屏实现效果:开机:shoHTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title><!-- 清除默认样式--> <link rel="stylesheet" href=原创 2021-05-21 19:11:52 · 183 阅读 · 0 评论 -
利用jQuery实现todolist任务列表
todolist任务列表前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结项目场景:问题描述:原因分析:解决方案:前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例)原创 2021-05-10 11:34:13 · 391 阅读 · 0 评论 -
利用jQuery实现图片轮播
利用jQuery实现轮播图需求实现步骤一、获取相关对象二、设置切换按钮三、设置图片首尾相接效果四、随图片切换更新小圆点五、点击小圆点切换图片六、鼠标无操作时图片自动轮播示例需求在设置好html结构和css样式之后,利用jQuery实现轮播图效果。初始结构和样式代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</ti原创 2021-05-06 10:17:05 · 3246 阅读 · 0 评论 -
JS的线程机制与事件机制
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档JS的线程机制与事件机制前言一、进程与线程的概念二、浏览器内核概念三、思考定时器1. 定时器真的是定时执行的吗?2. 定时器回调函数是在哪个线程执行的?3. 定时器是如何执行的?四、JS单线程1. 如何证明JS是单线执行2. 为什么JS采用单线程执行模式?3. 代码分类4. JS执行代码的基本流程五、浏览器的事件处理机制1. js的基本处理流程2. 模型的两个重要组成部分3. 模型的运转流程4. 模型原理图5. 相关重要概念六、 H5的We原创 2021-04-19 10:54:10 · 273 阅读 · 2 评论 -
二级菜单练习
二级菜单练习练习要求实现步骤实现练习要求实现二级菜单效果,即打开一个一级菜单时其他一级菜单不能同时打开,但可以同时关闭所有菜单,且要求菜单的打开和关闭有动画效果。(结合定时器和类的操作)实现效果如图:解决思路:1、当表示一级菜单的div有collapsed类时,菜单处于折叠状态,没有collapsed类时,处于展开状态。2、为二级菜单的标题绑定单击响应函数。实现步骤首先,搭建好基础结构和设置相关样式。其次,创建相关工具函数:类操作的相关函数//添加指定class属性functio原创 2021-04-04 18:11:07 · 465 阅读 · 2 评论