摘要: 简易秒表 JS实现简易秒表 00:00:00 开始 暂停 重置 阅读全文
posted @ 2020-08-17 15:18 JonnyOu1012 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 前言 这是一篇关于html+css布局的总结博文,这些布局在日常开发中非常常见。本文提供的方法只是其中一种,现实中解决问题的办法往往不止一种,且需要具体问题具体分析。 本文主要讲述的布局 1.字体居中:水平居中、垂直居中; 2.多个div元素水平分布; ... 阅读全文
posted @ 2020-07-31 16:38 JonnyOu1012 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 背景 在html中使用id可以简单实现锚点坐标功能,如下: // 起点起点// 终点终点 但是此时在url中会添加mark 不直接用以上方法的原因主要有二: 1.它影响路径,如果做数据提交或其他需要获取当前路径的操作时,会有影响; 2.项目需求是有个滚动的效果... 阅读全文
posted @ 2020-07-17 17:10 JonnyOu1012 阅读(1185) 评论(0) 推荐(0) 编辑
摘要: 需求:在点击提交按钮时,用jQuery获取表单的内容,包括姓名密码等信息,并存储在一个json对象中 代码&注释: test ... 阅读全文
posted @ 2020-07-10 17:16 JonnyOu1012 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 问题描述:在一个文件夹中,只有两个js文件,现在a.js中有一个数组,b.js想引用它 解决办法:本人用的是nodejs运行环境提供的exports和require来解决。 代码示例: a.js let array = [ {name:"jack", a... 阅读全文
posted @ 2020-06-23 03:20 JonnyOu1012 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 面试算法题解题思路中的某个步骤,当时有点懵,没做出来。 需求:对一个数组进行排序,这个数组的元素是对象。举例: // 根据年龄从小到大对数据进行排序const person = [ {name:"jack", age:21}, {name:"ros... 阅读全文
posted @ 2020-06-23 02:05 JonnyOu1012 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 为展示分页功能,配合element-ui的表格组件同时使用,最终的效果如图: 1.在Element-UI官网上查找相应组件 2.将相应代码放到项目的分页文件中,并作相应的整理 表格代码及注释: 分页组件代码及注释: js部分代码及注释: 根据表... 阅读全文
posted @ 2020-06-15 17:52 JonnyOu1012 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 在写网页的头部导航栏时,有时会需要类似的功能,左边放一个logo,右边是一排导航栏。抽象一下,如图: 实现思路 利用绝对定位和相对定位的功能灵活布置div的位置,并用transform作最后的微调。代码及注释: div 1 2 如果用f... 阅读全文
posted @ 2020-06-15 17:12 JonnyOu1012 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 在写前端页面时,常常需要居中一个块级元素,如div的居中。水平居中只需margin:auto;一行代码即可,那么,如何才能使得div在父块级元素中同时水平、垂直居中呢? 开始之前,大家应该充分理解css中绝对定位和相对定位的概念 这篇博文写得非常好:CSS相对... 阅读全文
posted @ 2020-06-15 14:47 JonnyOu1012 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 在写css时margin:auto;使用频率非常高,常用于div的居中。 何为margin? margin是指块级元素的外边距,如下图所示,XXXXX是div中的内容,通过设置margin的值,可控制div与其他块级元素的距离 margin设置不同数量的... 阅读全文
posted @ 2020-06-15 14:28 JonnyOu1012 阅读(168) 评论(0) 推荐(0) 编辑