NOT FOUND 404!-CSDN博客

原创 node爬取网页图片

node爬取网页图片 1、npm init 2、npm install axios – save 3、先实现从网上能下载图片到本地第一版本（未优化） 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 855 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 2124 10

原创 vue+sass全国快递物流查询

全国快递物流查询使用 github：https://github.com/2468901709/searchExpress.git PC-web：https://2468901709.github.io/searchExpress/#/ 浏览器右击 => 检查 => 切换手机端，即可预览手机扫二维码，即可在手机上预览实现接口来源： https://market.aliyun.com/products/57126001/cmapi021863.html?spm=5176.730005

2021-09-17 19:04:23 940 2

原创动态加载页面

演示效果见https://2468901709.github.io/dynamic-loading/ 代码地址详见https://github.com/2468901709/dynamic-loading

2021-08-14 14:19:46 193

原创 canvas自制简易时钟

效果图代码详见https://github.com/2468901709/clock.git

2021-08-12 11:32:24 100

原创自制简易待办事项--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 180

原创手写轮播插件（封装）

手写轮播插件（封装）使用方式引入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 186

原创清除浮动（解决高度塌陷）

一、什么是父元素高度塌陷 <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .parent{ width: 50

2021-07-31 16:19:24 156

原创深入了解BFC

一、什么是BFC Formatting 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 158

原创 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 899

原创变量声明和函数声明的提升问题

问题描述：变量声明提升：输出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 113

原创循环中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 2111

原创仿苹果响应式官网（含代码！）

一、响应式开发原理 1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况： + 小于768的为超小屏幕（手机） + 768~992之间的为小屏设备（平板） + 992~1200的中等屏幕（桌面显示器） + 大于1200的宽屏设备（大桌面显示器） 1.2 响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏

2021-07-10 15:45:33 4584 8