
前端开发
爱倒腾的吴先森哎
对web开发、python、大数据有这浓厚的兴趣,喜欢折腾电脑,喜欢唱歌、摄影。喜欢记录开发时遇到的一系列问题。如果你也一样的话,欢迎一起倒腾倒腾!咸鱼也总有翻身的一天,不奋斗怎么知道自己的未来是可以活的这么精彩的呢!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
常见用法——js中如何动态生成元素的几种方法总结(简单直观!)
我们一般在渲染页面时会根据给定的数据来动态的渲染页面。在学习完原生js以及jQuery后,总结如下几种动态生成元素的方法。接下来我会直接用实例来总结方法!相关知识点可查阅文档。1.首先是利用原生js的节点操作一般我们可以利用原生js的节点操作使用createElement()方法来创建元素(节点),然后利用innerHTML属性来设置元素的内容,最后使用appendChild()方法来添...原创 2020-04-28 16:16:49 · 3648 阅读 · 0 评论 -
常见易错点——清除浮动(应用场景及方法)简单易懂总结
这几天在做移动端项目布局时,把前面学的pc端的布局给遗忘了,导致找了好一会儿的错误。于是就来总结一下易错点:清除浮动1.清除浮动应用场景(即什么时候需要清除浮动?)平常开发时遇到这样几种情况:我们给父元素设置了高度,里面的子元素都是浮动的,那么不会影响后面的盒子给父元素没有设置高度(不确定高度时),子元素不是浮动的。父盒子通过子盒子的内容自适应高度!(即子盒子撑开父盒子,这样测试时...原创 2020-04-04 13:54:15 · 946 阅读 · 1 评论 -
如何利用原生js实现tab栏切换呢?
原理:先准备一个导航栏tab_list盒子和一个装有tab内容的tab_content盒子,tab_content盒子可以装多个内容盒子,通过js给上面的所有li(即选项卡)注册点击或鼠标经过事件事件** 最核心的地方在于:我们应该如何让上面选项卡与下面的内容一一对应呢?** 我们应该给每一个li盒子通过js设置一个自定义属性(索引号index),通过这个自定义属性index,当我们...原创 2020-03-27 23:57:37 · 901 阅读 · 0 评论 -
精灵图使用——如何利用js循环实现精灵图设置
首先对于以下这些图标的设置,应该如何实现呢?如果是还未学javascript时,我们一般会通过css样式一个个的给它们设置background-position属性,这样会显得十分鸡肋!很麻烦!!!在学习完js后我们可以通过DOM操作循环实现精灵图设置1. 一般我们可以将一些小图标集成在一起(让网页美工来完成),我们我们可以得到这样一张精灵图(png格式)。注意:精灵图图片的排列是...原创 2020-03-27 13:54:58 · 4861 阅读 · 7 评论