前端
关注
分享
扫一扫
文章平均质量分 65
记录HTML+CSS+JavaScript的文章
少年码农历险记
记录并分享一个少年在成长为码农道路上的历险经历！
展开
-
Echarts(1):Python爬取微博热搜并用Echarts词云展示
Echarts(1):Python爬取微博热搜并用Echarts词云展示1.思路与实现流程 直接从微博中找不到微博的历史热搜数据的，可以通过这个网站 https://www.weibotop.cn/ 找到微博的历史热搜数据。爬取下来后保存为csv格式的数据，在使用Python pandas库和结巴分词库进行处理，得到分词结果，再对分词结果进行词频计算，得到echarts词云的原数据。2.Python爬取网页数据 参照了网上大佬的爬虫代码，对 https://www.weibotop.cn/的网页原创 2020-06-18 15:08:04 · 2158 阅读 · 2 评论 -
浅谈JS浅拷贝与深拷贝
1、数据类型 在JavaScript中，数据类型可以分为基本数据类型和引用数据类型。基本数据类型包括：Undefined、Null、Number、String、Boolean以及ES6新加的Symbol。引用数据类型包括Array和Object等。 因为基本数据类型操作比较频繁，并且所占空间较小，所以是存放在栈中，提升变量的访问速度和效率。而引用数据类型所占的空间比较大，不适合存放在栈中，故将数据实体存放在堆中，在栈中只存放该数据的地址，访问引用数据类型的时候先通过栈中的地址来找到堆中的数据原创 2021-04-11 11:35:56 · 331 阅读 · 0 评论 -
JavaScript(3)：使用JS实现轮播图效果
1.前言 使用原生JS实现轮播图的效果，也就是不用到其他js扩展库和框架实现的。此外，我还用jQuery实现了，效果和功能都是一样，参考文章。 如有侵权下方评论联系作者删除2.实现功能 (1) 轮播图上有两个按钮，分别位于左侧和右侧，实现跳转到上一张图片和下一张图片的功能。 (2) 图片右下角有三个小圆点，会随着图片的变化而变化，和图片相对应。鼠标放入小圆点，实现图片更换。 (3) 实现自动播放，没隔2000毫秒自动更换图片。鼠标移入图片，自动播放失效，移出图片，自动播放又设置生效。原创 2020-06-18 20:11:36 · 1229 阅读 · 0 评论 -
JS中call、apply和bind函数
1、相同点 三个函数都是JS内置对象Function的方法，故所有的函数都可以调用这三个方法。 都可以改变this的指向。什么事this的指向呢，就是当调用这三个函数的时候将会把function原本的this指向认为设定的对象中。2、不同点是否会调用函数应用场景参数call()是实现继承第一个参数为指向的对象，第二个后面所有的参数传递给call()的调用者函数，传递方式是多个，以逗号分隔apply是求数组中的最大最小值第一个参数为指向的对象，第二个参数是原创 2021-04-19 09:19:12 · 294 阅读 · 0 评论 -
全网最全可视化大屏模板
前言本次分享的可视化大屏模板来自于平常的学习和工作，对使用过的一些模板进行归纳收集，如有侵权，留言告知！继上次分享完《基于Echarts的数据可视化大屏系统设计分享》这篇文章过去也有一段时间了，后续会把手上有的可视化大屏项目都慢慢分享出来。这次带来的纯属于模板，在平常开发过程中，尤其是可视化大屏，自己去一个一个造轮子是一件很痛苦的过程，也非常的浪费时间，并且要考虑到各种屏幕适配问题，使用模板，可以给开发节省一大半的时间，对着框去编写代码即可，不需要再考虑布局和美观的问题了！在平常的工作学习中，我经常原创 2021-10-15 13:49:38 · 1396 阅读 · 4 评论 -
JavaScript(1)：JS使用sort()函数对json数据(键值对)进行排序
1.JS对数组元素排序var x = ['ad','llaf','jha'];x.sort(); 要是数组元素是字符串，那么使用sort()函数可以直接排序，因为sort() 函数默认按照字符串排序， 如果数字按照字符串来排序，则 “25” 大于 “100”，因为 “2” 大于 “1”。那么如何对数组排序呢，看下面代码var x = [1,20,5,2,14];x.sort(function(a, b){return a - b});在sort函数中写一个方法就可以实现。2.对json数原创 2020-05-28 10:31:06 · 4478 阅读 · 0 评论 -
JavaScript(2)：JS实现小女孩行走
JS实现小女孩行走 用JS实现小女孩行走，行走的过程实际上就是图片不断移动的过程，把多张图片组合在一起，利用人眼反应速度没有图片更换速度快的原理，实现了小女孩行走。 基本思路是小女孩从浏览器最左边开始出现，每个小女孩出现的高度位置是随机的，速度也是随机的。 实现起来并不难，但用到了js面向对象的思维，下面通过代码方式来分析小女孩行走。<!DOCTYPE html><html> <head> <meta charset="utf-8">原创 2020-06-17 15:40:49 · 8559 阅读 · 0 评论 -
CSS选择器
CSS选择器1、基本选择器1.1 通配符选择器 通配符选择器又称为通用元素选择器，会匹配所有的元素，对所有元素都生效。语法为*{}：*{ margin:0; padding:0}1.2 ID选择器 ID选择器是比较常用的选择器之一，使用方式就是#id名{}，例如：<div id='main'> id选择器</div>#main{ margin:0;}1.3 类选择器 类选择器又叫class选择器，也属于比较常用的选原创 2021-03-29 14:56:13 · 226 阅读 · 0 评论 -
CSS实现水平垂直居中
1 水平居中 首选讨论一下如何将一个元素进行水平居中。给定以下HTML代码。<div class='box'> 水平居中</div> 通过css实现div的水平居中。.box{ width:300px; height: 300px; margin: 0 auto;} 首选设置box的宽度和高度，然后设置box外边距margin就可以实现水平居中。实现的原理很简单，利用了盒模型来解决这个问题。 box的盒模型水平布局由以下7个原创 2021-03-30 13:43:38 · 245 阅读 · 0 评论 -
JQuery(1)：使用JQuery实现轮播图效果
JQuery(1)：使用JQuery实现轮播图效果1.前言 使用JQuery实现轮播图的效果，我还用原生JS实现了轮播图，效果和功能都是一样，参考文章《JavaScript(3)：使用JS实现轮播图效果》。 如有侵权下方评论联系作者删除2.实现功能 (1) 轮播图上有两个按钮，分别位于左侧和右侧，实现跳转到上一张图片和下一张图片的功能。 (2) 图片右下角有三个小圆点，会随着图片的变化而变化，和图片相对应。鼠标放入小圆点，实现图片更换。 (3) 实现自动播放，没隔2000毫秒自动更换原创 2020-06-18 20:20:57 · 1959 阅读 · 0 评论 -
JQuery(2)：JQuery实现某宝放大镜效果
JQuery(2)：JQuery实现某宝放大镜效果1.前言 一般在购物网站用电脑浏览商品详情的时候，鼠标放上去右侧会弹出一个图片的放大镜效果。本为用jQuery实现模仿某宝的放大镜效果。2.思路 （1）结构图如图所示，放大的效果确实就是左侧的图片是小尺寸的，右边的图片时大尺寸的，在本文中的照片比例是1:2，通过左侧图上的滑块来设置右侧背景图片显示的位置，就实现了图片放大的效果。点击左侧图下方的图片导航，就会更换图片，而更换图片的过程，就是把左侧和右侧的图片都跟更换了，这样就能实现鼠标移入时右侧的原创 2020-06-19 22:19:17 · 442 阅读 · 0 评论