- 博客(30)
- 收藏
- 关注
原创 js中的dom查询小知识点
- 元素.getElementsByTagName() - 通过标签名查询当前元素的指定后代元素,返回数组 - 元素.childNodes - 获取当前元素的所有子节点 - 会获取到空白的文本子节点 - 元素.children - 获取当前元素的所有子元素 - 元素.firstChild - 获取当前元素的第一个子节点 - 元素.lastChild - 获取当前元素的最后一个子节点 - 元素.parentNode - 获取当前元素的父元素
2020-09-30 21:03:42 248
原创 使用js删除表格中的一行的一个小练习
代码:<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>使用js删除表格中的一行</title> <style type="text/css"> * { margin: 0; padding:
2020-09-30 20:50:29 2480
原创 点击按钮实现多张图片的循环切换js
代码:<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>点击按钮实现多张图片的循环切换</title> <style type="text/css"> * { margin: 0; paddi
2020-09-29 21:37:28 4389
原创 flexboxfroggy最后一关
flexboxfroggy的地址:http://flexboxfroggy.com/ta考察的是flex布局你发现青蛙都是横着的,但是荷叶是竖着的,所以方向给他变成竖着的,然后你会发现最下面的荷叶是红色的,要反转下(主轴的方向)。青蛙是一行,但是荷叶是2列,要设置换行,前面一列的那两个荷叶是黄色的,反转。黄色荷叶在中间,主轴设置center,弄完这些黄色的青蛙还没有到达指定的位置,再设置弹性盒子布局的纵轴和网格布局的主轴在内容项之间和周围分配空间(align-content)。属性不清楚,看这个文档
2020-09-27 11:27:25 4614 4
原创 less中 & 的作用
1.&可以当做父类级比如看这个代码:里面的类名我随便写的,你自己写项目的时候可不要像我一样.ding{ .qi{ width: 100px; height: 200px; background-color: #1bc4fb; } .sui{ width: 300px; height: 200px; color: red; &.xi{
2020-09-25 10:57:49 2806
原创 如何在webstorm中配置less
首先你要有node和npm的环境,没得话先下载。https://nodejs.org/en/然后下载lesscnpm install less -gnpm install less -gcnpm用的是淘宝镜像 -g全局下载上面的那个地址你先复制好,我的是这个: C:\Users\18309\AppData\Roaming\npm\lessc然后看着这个图弄:把上面的路径复制过来后面再加上.cmd C:\Users\18309\AppData\Roaming\npm\lessc.cmd
2020-09-24 20:28:53 2005 1
原创 css模拟钟表
只有html5和css3,一个模拟钟表的练习。<html lang="ch"> <head> <meta charset="UTF-8"> <title>钟表测试test</title> <style type="text/css"> * { margin: 0; padding: 0;
2020-09-24 16:58:01 401
原创 用css编写一个简单的旋转魔方
其实这个就是对CSS3 transform 属性animation属性的一个简单的应用,在网页平面中创建6个面(div),让这6个面匀速的不停的旋转,要创造出来一个3d的感觉,在一个2维的网页平面上,你觉得应该怎么做呢?最直接的就是让它们在Z轴上有东西。下面这6张图片,是我随便找的狐妖小红娘中的图片,大小不是200px 200px的,我在图片属性上加了点东西,效果还不错。代码:<!DOCTYPE html><html lang="ch"> <head>
2020-09-24 15:55:40 2127 7
原创 Sprites 图片动画(Animation)
代码:<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>少女动画</title> </head> <style type="text/css"> *{ margin: 0; padding: 0;
2020-09-23 10:54:27 552
原创 Ubuntu18上安装Idea
我安装的是社区版的,地址:https://download.jetbrains.com/idea/ideaIC-2020.2.2.tar.gz点击直达自己找一个目录,解压tar -xzvf ideaIC-2020.2.2.tar.gz 比如我的是这样的:然后进这个目录:
2020-09-18 10:31:54 602
原创 表格奇偶行颜色不同html
<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>表格奇偶行颜色不同html</title> <style type="text/css"> table { width: 60%; margin
2020-09-16 19:29:11 2988 5
原创 webstorm实时预览,Debug模式,超级好用
你要使用谷歌浏览器,然后你安装一个插件,这个插件叫做:JetBrains IDE Support然后你的webstorm就会有这个:超级好用,再也不要写完代码,在刷新下浏览器了,你可以左边写代码,右边看结果,或者弄个显示器,超级舒适。...
2020-09-16 11:00:05 3245
原创 雪碧图的简单使用
<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>简单尝试雪碧图</title> <style type="text/css"> .x1{ width: 98px; height: 95px;
2020-09-14 21:28:48 368
原创 html中把多余文字转化为省略号(单行文本)
<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>溢出的内容显示省略号</title> <style type="text/css"> .b1{ width: 200px; overflow:h
2020-09-13 21:33:03 3737
原创 解决高度塌陷与外边距重叠的方法
<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>解决高度塌陷与外边距重叠的方法</title> <link rel="stylesheet" href="css/reset.css"> <style> .clearfix:bef
2020-09-12 20:16:05 449
原创 简单的布局html
<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/reset.css"> <title>布局</title> <style> header,main,footer{
2020-09-12 17:15:42 296
原创 普普通通的导航条练习
<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>导航条</title> <link rel="stylesheet" href="css/reset.css"> <style> .nav a{ d
2020-09-12 16:20:16 200
原创 reset.css文件
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img,
2020-09-10 22:14:36 381 2
原创 jdk-8u261-linux-x64.rpm
知道你们懒得自己去官网下载,而且现在官网还要账号才可以下载,所以,我给你们准备好了。链接:https://share.weiyun.com/CtqJctLC 密码:g1u09d
2020-09-08 16:47:13 2562 4
原创 vue点击按钮实现简单页面的切换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> <
2020-09-05 11:55:21 4264
原创 SpringBoot微服务项目打包构建成docker镜像
步骤:1.构建SpringBoot项目2.打包成一个jar3.编写dockerfile4.构建镜像5.发布运行这里我们用一个SpringBoot项目(helloWord)来试以下springBoot项目代码就不细说了这里给出Dockerfile文件FROM java:8COPY *.jar /app.jarCMD ["--server.port=8080"]EXPOSE 8080ENTRYPOINT ["java","-jar","/app.jar"]上传到阿里云服务器
2020-09-04 17:36:24 777
原创 docker网络和容器连通
一条命令使得这个网络与容器可以连通,可以进行ping通docker network connect mynet (网络的名字) tomcat01(容器的名字)
2020-09-04 15:49:32 123
原创 docker自定义网络
一条命令创建我们自己的网络:docker network create --driver bridge --subnet 192.168.0.0/16 --gateway 192.168.0.1 mynet
2020-09-04 15:33:50 146
原创 使用docker运行测试nginx
[root@dingqisui ~]# docker pull nginxUsing default tag: latestlatest: Pulling from library/nginxbf5952930446: Pull complete cb9a6de05e5a: Pull complete 9513ea0afb93: Pull complete b49ea07d2e93: Pull complete a5e4a503d449: Pull complete Digest: sha2
2020-09-02 10:10:59 801 1
原创 docker run命令部分参数解释
docker run [可选参数] --name="Name" 容器名字,自己起,用来区分容器-d 以后台方式的方式运行-it 使用交互方式运行,进入容器查看内容-p(小写) 指定容器的端口 -p 8888:8888 -p 主机端口:容器端口(常规写法,比较长用) -p 容器端口 容器端口-P(大写) 随机指定端口...
2020-09-01 20:59:57 1171
原创 主机1向主机2发送数据的过程分析
文字分析:1.应用进程数据先传输到应用层,加上应用层首部,成为应用层PDU2.应用层PDU再传送到运输层,加上运输层首部,成为运输层报文3.运输层报文再传送到网络层,加上网络层首部,成为IP数据报(或分组)4.IP数据报再传送到数据链路层,加上链路层首部和尾部,成为数据链路层帧5.数据链路层帧再传送到物理层,最下面的物理层把比特流传送到数据媒体6.电信号(或光信号)在物理媒体中传播从发送端物理层传送到接受端物理层7.物理层接受到比特流,上交给数据链路层8.数据链路层剥去帧首部和帧尾部,取出数
2020-09-01 17:47:56 2980
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人