摘要: 手风琴效果是前端常用的功能,效果类似于QQ联系人,点击一个分类标题显示他的内容,再点击其他分类标题,再显示响应的内容,同时其他的内容回收 HTML代码 css代码 { margin:0; padding:0 } .box { width:200px; margin:30px auto; cursor 阅读全文
posted @ 2021-07-16 15:31 visualStudioCode 阅读(280) 评论(1) 推荐(0)
摘要: 电子表大家应该都不陌生,今天就写一个电子表练练手 html css js 整个练习没什么难度,主要要注意的就是js里时间获取时月份记得要加1,因为获取的月份是0~11,只有加一后,才会变成大家所熟知的12月 效果图: 阅读全文
posted @ 2021-07-13 16:09 visualStudioCode 阅读(82) 评论(0) 推荐(0)
摘要: 放大镜大家都不陌生,这次我就用js写一个放大镜 css代码 { margin: 0; padding: 0; } .kk { display: flex; } .box { width: 500px; height: 400px; border: 1px solid red; user-select 阅读全文
posted @ 2021-07-13 14:51 visualStudioCode 阅读(237) 评论(0) 推荐(0)
摘要: 表格是我们前端开发,尤其是后台管理项目时经常遇到的问题,主要就是增删改查功能,这里写一下js版本的表格 最终效果图: HTML代码: 因为屏幕原因,没法一次截上来,只能这样了。 CSS代码 css代码并不复杂,借不多解释了。 js代码: 先获取元素 点击删除功能 第一个删除数据是原本写好的数据,即原 阅读全文
posted @ 2021-07-01 22:58 visualStudioCode 阅读(530) 评论(0) 推荐(0)
摘要: 不多bb,上硬货 html代码 js代码: var province = document.querySelector('#province'); //省 var cityNode = document.querySelector('#city'); //市 var areaNode = docum 阅读全文
posted @ 2021-06-26 19:02 visualStudioCode 阅读(68) 评论(0) 推荐(0)
摘要: 不多说了,上硬货 html代码: css代码: * { margin: 0; padding: 0; } .box { width: 602px; height: 402px; border: 1px solid red; position: relative; margin: 100px auto 阅读全文
posted @ 2021-06-26 18:38 visualStudioCode 阅读(112) 评论(0) 推荐(0)
摘要: 选项卡功能是前端最常见的功能之一,许多的UI组件框架也都有这个功能,但ui用多了,js就忘记咋写的了,在这里重新复习一下吧! HTML代码 css代码: js代码 如果不用js,也可以是使用jquery,只是别忘记引入jquery了 未完待续... 阅读全文
posted @ 2021-06-26 18:29 visualStudioCode 阅读(89) 评论(0) 推荐(0)
摘要: 前几天面试时面试官突然问我数组去重,我一下子就蒙了,写了半年的vue,js基本上忘了差不多了,这段时间背的面试题,也全是概念性的,很少遇到编程题,不过既然遇到了,还是多准备一下吧,定个小目标,先把js常见的编程题搞定。 数组去重 方法一:利用数组的indexOf下标属性来查询。 方法二:先将原数组排 阅读全文
posted @ 2021-06-26 18:05 visualStudioCode 阅读(159) 评论(0) 推荐(0)
摘要: 继续说面试题,这次主要是与vue有关的 vue生命周期 1.beforeCreate 创建前,此阶段为实例初始化之后,this指向创建的实例,此时的数据观察事件机制都未形成,不能获得DOM节点。 2.created 创建后,此阶段为实例已经创建,完成数据(data、props、computed)的初 阅读全文
posted @ 2021-06-25 12:48 visualStudioCode 阅读(2542) 评论(0) 推荐(0)
摘要: 这段时间去找工作,发现了很多出现概率比较高的面试题,这里记录一下,希望对大家有帮助! 盒子模型的类型和区别 盒子包括:外边距(margin)、边框(border)、内边距(padding)、实际内容(content)四个属性。 分为盒子模型(标准盒模型)和IE盒子模型(怪异盒模型),两者最大的区别是 阅读全文
posted @ 2021-06-24 12:32 visualStudioCode 阅读(475) 评论(0) 推荐(0)