- 博客(14)
- 资源 (2)
- 收藏
- 关注
原创 node爬取网页图片
node爬取网页图片1、npm init2、npm install axios – save3、先实现从网上能下载图片到本地第一版本(未优化)const axios = require('axios')// 内置路径模块const path = require('path')let fs = require('fs')function download(imgUrl,filename) { return new Promise((resolve,rejects) => { /
2021-10-25 13:46:41
785
3
原创 echarts+vue 实现大数据可视化(全屏)
大数据可视化(全屏)实现效果(在浏览器上按f11全屏预览)预览地址: https://2468901709.github.io/echarts–bigdata/使用工具1、vue框架 : 一个用于构建用户界面的渐进式框架2、Apache ECharts : 一个基于 JavaScript 的开源可视化图表库功能实现自适应全屏html{ /* 将屏幕的宽度设置为24rem,从而自动实现将内容按照屏幕的大小进行缩放 */ /* 屏幕宽高比16:9 */ font-size: c
2021-10-07 15:23:40
1955
10
原创 vue+sass全国快递物流查询
全国快递物流查询使用github:https://github.com/2468901709/searchExpress.gitPC-web:https://2468901709.github.io/searchExpress/#/浏览器右击 => 检查 => 切换手机端,即可预览手机扫二维码,即可在手机上预览实现接口来源:https://market.aliyun.com/products/57126001/cmapi021863.html?spm=5176.730005
2021-09-17 19:04:23
785
2
原创 动态加载页面
演示效果见https://2468901709.github.io/dynamic-loading/代码地址详见https://github.com/2468901709/dynamic-loading
2021-08-14 14:19:46
114
原创 自制简易待办事项--todolist
手机端简易todolist使用方式引入todolist.css样式<link rel="stylesheet" type="text/css" href="../css/todolist.css"/>引入rem.js 简易rem布局插件<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>引入todolist.js 实现交互<script s
2021-08-11 09:02:14
142
原创 手写轮播插件(封装)
手写轮播插件(封装)使用方式引入swiper.js<script src="swiper.js" type="text/javascript" charset="utf-8"></script>创建轮播,配置参数var ccSwiper = new CcSwiper({ // 配置选择器在哪个元素上生成轮播 el:" #swiper", // 设置图片列表 imgsList:["image/p1.png","image/p2.jpg
2021-08-04 23:51:03
117
原创 清除浮动(解决高度塌陷)
一、什么是父元素高度塌陷<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .parent{ width: 50
2021-07-31 16:19:24
107
原创 深入了解BFC
一、什么是BFCFormatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting context (简称BFC)和 Inline formatting context (简称IFC)。Block formatting context直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-l
2021-07-31 16:06:19
101
原创 CSS不限宽高的居中方式(9种最全)
前言垂直居中,在 CSS 中是一个老生常谈的问题,面试的时候也会时常被提及。所以,今天我们就来聊聊 9 种不同的居中方法。有常见的 flex、transform、absolute 等等。也有 CSS3 的网格布局。还有伪元素的方法,是的,你没有看错,::after 和 ::before 也可以实现居中。9 种方法呈现1、flex大家的第一反应,可能就是 flex 了。因为它的写法够简单直观,兼容性也没什么问题。是手机端居中方式的首选。<div class="wrapper flex-cent
2021-07-31 15:55:44
830
原创 变量声明和函数声明的提升问题
问题描述:变量声明提升:输出a,b的值都为undefined<script type="text/javascript"> console.log(a); var a; console.log(b); var b = 3; </script>函数声明提升:报错,add4 not a function原因分析:变量声明会默认提升到最前面,但是赋值不会提到前面,也就是相当于按照这个顺序执行var a,b;console.log(a,b);
2021-07-21 21:15:21
77
原创 循环中continue使用的常见错误
问题描述:举个简单的案例:求整数1~100的累加值,但要求跳过所有个位为3的数。var sum = 0,i=1; while(i<=100){ if(i % 10 == 3){ continue; } sum+=i; i++; console.log(i+","+sum); }结果浏览器一直在转,得不出答案;原因分析:if(i % 10 == 3){ continue; }continue;代表跳过本次循
2021-07-19 23:39:47
1835
原创 仿苹果响应式官网(含代码!)
一、响应式开发原理1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。设备的划分情况:+ 小于768的为超小屏幕(手机)+ 768~992之间的为小屏设备(平板)+ 992~1200的中等屏幕(桌面显示器)+ 大于1200的宽屏设备(大桌面显示器)1.2 响应式布局容器响应式需要一个父级做为布局容器,来配合子级元素来实现变化效果。原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏
2021-07-10 15:45:33
4123
8
原创 基于hadoop的商品推荐引擎
这里写自定义目录标题基于Hadoop的商品推荐系统推荐:基于特征:基于行为:基于物品:基于用户:不确定性使用协同过滤算法相似度计算方式:1.欧式距离:(x1,y1)(x2,y2)(x3,y3),比较三点距离,越近越相似2.余弦夹角3.共现矩阵物品的相似度:物品共现次数这个项目我是计算推荐结果=用户的购买向量*物品的相似度矩阵物品的相似度:物品的共现次数1.项...
2019-12-20 12:44:48
2017
基于hadoop的商品推荐引擎.zip
2019-12-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人