- 博客(11)
- 收藏
- 关注
原创 利用CSS3实现天气图标
本文利用CSS3实现天气的图标,包括晴天,多云,雨天,下雪,打雷,采用了CSS3中的box-shadow,动画特效采用animation。其中主要采用box-shaow属性,感觉这个属性功能还挺强,详细说明见链接:https://www.runoob.com/cssref/css3-pr-box-shadow.html直接上代码,整体代码比较简单,如何使用的话需要微调位置,这个比较麻烦。整体效果如下所示:首先HTML代码 <div class="weather">
2021-04-26 14:36:58
962
原创 十大经典排序算法--JS实现
总结一下利用JS实现排序算法,具体算法如下图所示:十大排序算法时间复杂度:1.冒泡排序算法描述: 1.从小到大排序,比较相邻的两个元素,如果第二个元素大于第一个元素就互换2.对每个相邻的元素做同样的工作,从开始第一对到结尾的最后一对,这样在最后的元素应该就是最大的数3.针对所有的元素重复以上步骤,除最后一个4.重复步骤1~3,直到排序完成算法实现: fu...
2021-02-28 18:06:50
425
原创 CSS实现九宫格布局方法
在实际开发中经常会遇到九宫格布局,所以总结几种利用CSS实现九宫格布局的方法,仅供参考...目录: 利用grid创建网络布局 利用display:table 利用absolute方位值 利用float 利用flex弹性布局 方法一:利用grid创建网络布局网络布局(grid)是最强大的CSS布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。参考文档:
2021-02-28 17:40:08
3585
原创 CSS垂直居中布局总结
总结一下CSS的垂直居中布局,欢迎各位补充..首先写个如下的html结构: <div class="parent"> <div class="child"></div> </div>方法一:flex布局 .parent { width: 100%; height: 300px; border: 1px solid red;
2021-02-22 11:01:58
219
原创 利用JS实现滚动条自动滚动(scrollTop)
直接上代码。主要是获取到有滚动效果的元素,然后通过改变scrollTop的值来实现自动滚动效果。interval是setInterval函数的参数,如果想停止滚动可以利用鼠标的mouseOver函数,然后利用clearInterval函数将定时器清除就可以。function autoScroll(dom, interval) { var parentDom = document.querySelector(dom) //获取滚动元素 initInterval = setInterv.
2020-12-21 15:41:10
5622
原创 win10下安装npm及cnpm
安装步骤一、下载并安装node.js地址:http://nodejs.cn/download/这个安装没什么难度,记住安装路径就行,安装好之后打开cmd,用管理员方式打开,输入node -v 检查node的版本,输入npm -v查看npm的版本二、配置npm环境变量安装好node之后,node的环境变量会自动配置好,这里需要配置npm的环境变量。(1)、打开node目录,在nodejs下建立"node_global"及"node_cache"两个文件夹,输入以下命令改变npm配置,记
2020-12-01 16:10:51
3642
原创 Win10系统安装TensorFlow-GPU过程及遇到的坑
win10安装TensorFlow-gpu版本网上的资料很多,这里大致讲下我安装的过程以及在这个过程遇到的一些问题。本人安装的各个软件的版本号如下:Anaconda3 Python3.6.5 Cuda10.1 Cudnn7.6 VS2013(VS版本好像没有硬性要求,只要有VS就行,我是这么认为的,网上说必须安装对应版本的VS,但我只装了2013版本,最后还是安装成功了。主要有个软...
2020-04-24 16:07:47
817
原创 Cesium出现"Error [ERR_REQUIRE_ESM]: Must use import to load ES Module" 问题
在学习cesium的过程中,想使用node.js作为服务器启动cesium,但是出现Error [ERR_REQUIRE_ESM]: Must use import to load ES Module的错误,在网上找了很就才解决这个问题,原来是node的版本问题,一开始我使用的是最新的node版本12.16.0版本,将node的版本降低到12.10.0版本就可以解决,下载地址:https://no...
2020-03-09 13:46:05
17935
4
原创 Visual Studio Code 实现页面格式化
Visual Studio Code 代码对齐快捷键1.Crtl+A 全选代码2.Shift + Alt + F 实现页面代码对齐
2020-02-29 22:02:29
613
原创 Cesium学习记录(1)
记录下学习Cesium的过程。Cesium是一个跨平台、跨浏览器的展示三维地球和地图的Javascript库,并且使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,但是浏览器必须支持WebGL。Cesium支持2D,2.5D,3D形式的地图展示,可以绘制各种几何图形、高亮区域,支持导入图片,甚至3D模型等多种数据可视化展示,并且可用于动态数据可视化并提供良好的触摸支持,支持绝大多...
2020-02-29 16:36:50
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人