- 博客(33)
- 收藏
- 关注
原创 【 JavaScript 】异步加载 时间线一览
异步加载jsjavascript 异步加载的三种方案defer 异步加载,但要等到dom文档全部解析完才会被执行。能把js写在script 标签里。只有IE能用。async 异步加载,加载完就执行,async只能加载外部脚本,不能把js写在script 标签里。除了IE都能用。以上两种方式执行时不阻塞页面<script type="text/javascript" src="t...
2020-04-16 18:59:24
203
原创 [ JavaScript Date对象 ] 如何做一个日历?
Date对象 日历实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...
2020-04-14 22:32:05
321
原创 [ Demo ] 巧用img-date 涂色卡实例
轻松愉快的涂色卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
2020-04-08 15:09:20
298
1
原创 [ Python ] 原来集合、元组、列表、字典类型及操作这么简单,看完简直秒懂!
看完简直秒懂!集合类型及操作集合类型定义集合处理函数及方法集合类型应用场景序列类型及操作序列类型定义序列处理函数及方法序列类型应用场景(元组与列表)元组类型及操作元组类型定义元组类型操作列表类型及操作列表类型定义列表处理函数及方法字典类型及操作字典类型定义字典处理函数及方法字典类型应用场景总结比较1、集合类型及操作2、序列类型及操作3、字典类型及操作集合类型及操作集合类型定义集合是多个元素...
2020-04-07 15:06:14
1546
原创 [ Demo ] HTML/CSS/JS 炫酷魔方
先来展示一下效果吧~HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t...
2020-04-06 22:23:20
1464
4
原创 [ CSS-CSS3 ] 更适合你的CSS样式一览表
CSS样式一览表CSS样式CSS添加方法CSS选择器CSS样式(I) 文本CSS样式(II) 背景与超链接CSS样式(III) 列表与表格CSS布局与定位盒子模型(I) overflow和border盒子模型(II) padding和marginCSS定位机制 display、float和positionCSS3CSS3(I) 圆角边框与阴影CSS3(II) 文本与文字CSS3(III) 2D转换...
2020-04-05 16:33:27
3997
4
原创 html/css 个人网站实例(一)
显示效果HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...
2020-04-04 22:26:11
2546
1
原创 网页命名规范+注意事项
(一)网页内容类标题: title摘要: summary箭头: arrow商标: label网站标志: logo转角/圆角: corner横幅广告: banner子菜单: subMenu搜索: search搜索框: searchBox登录: login登录条:loginbar工具条: toolbar下拉: drop标签页: tab当前的: current列表: l...
2020-04-04 21:56:51
700
1
原创 Mac下如何让 Finder 显示隐藏文件和文件夹
Mac下无法显示隐藏的文件和文件夹?怎么办?为了解决这一问题,我搜集了一些信息,并总结了这篇博客,真实好用,我们一起看一下吧。不可否认的是,在Mac下是不显示隐藏文件的,Finder 也未提供设置‘是否显示隐藏文件’的选项,不像Windows下,有一个‘文件夹选项’设置界面可以控制,但这并不表示Mac下无法显示隐藏文件,我们可以通过“终端”, 用命令行设置这个选项,命令如下:第一步:打开「...
2020-03-31 21:33:12
872
原创 JAVA/Python/C++ 实现汉诺塔问题求解
无论是用何种语言实现汉诺塔问题,其求解问题的核心算法和步骤还是大致相同的,下面总结了分别用JAVA/Python/C++ 实现汉诺塔问题的求解过程的代码和显示效果,可以体会一下不同语言下求解汉诺塔问题风格,下面我们来一起看一下吧。C++实现汉诺塔问题求解#include<iostream>using namespace std;void move(char start,char...
2020-03-31 16:59:32
332
原创 图文详解 表单的验证方式
HTML5的input元素验证方式包括:自动验证方式1.min属性和max属性2.step属性调用checkValidity()方法实现验证自定义提示信息设置不验证自动验证方式HTML5表单自动验证主要是通过表单元素的属性设置来实现的。在图文详解 新的input类型和属性一文中介绍的input元素公用属性required以及pattern,就是分别用来验证输入框是否为空以及输入信息是否符合设定...
2020-03-29 19:07:22
1919
原创 html/css 简单的表单实例
如何实现如下图片的内容?下面我们一起制作该表单页面如下图是布置的作业如下图是完成的作业实例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...
2020-03-27 21:19:04
2392
1
原创 相对路径 学习笔记
相对路径访问同级目录下文件子目录下文件父目录下文件示例:weare3.py2.py1.py1.py访问2.py方法一:'./we/2.py'方法二:'we/2.py'1.py访问3.py方法一:'./we/are/3.py'方法二:'we/are/3.py'2.py访问1.py'../1.py'2.py访问3.py方法一:'./are/3...
2020-03-25 11:16:13
228
1
原创 用VScode写前端,这几个快捷键提升了我的效率
多行注释快捷添加段落内容快捷标签[属性赋值]快捷标签嵌套删除当前行:shift + ctrl + k选中文字:shift + left / right / up / down 完成学习任务,喜欢记得点赞...
2020-03-23 17:51:17
968
1
原创 图文详解 新的input类型和属性
自定义标题email类型日期时间类型range类型search类型number类型url类型新的input公用属性1.autofocus属性2.pattern属性3.placeholder属性4.required属性email类型在HTML5中将一个input元素的类型设置为email时,表明该输入框用于输入电子邮件地址。当页面加载时,该input元素对应文本框与其他类型文本框显示效果相同,但...
2020-03-22 15:11:31
1833
原创 图文详解 Python字符串类型及操作
字符串类型及操作字符串类型字符串是由0个或多个字符组成的有序字符序列。字符串由一对单引号或一对双引号表示 "请输入带有符号的温度值: " 或者 ‘C’。字符串是字符的有序序列,可以对其中的字符进行索引 “请” 是 "请输入带有符号的温度值: " 的第0个字符字符串有 2类共4种 表示方法如果希望在字符串中包含双引号或单引号呢?‘这里有个双引号(")’ 或者 “这里有个单引号(’...
2020-03-18 16:33:35
434
原创 Python数值运算操作符
数值运算操作符操作符及使用描述x+y加,x与y之和x–y减,x与 y之差x*y乘,x与y之积x/y除,x与y之商 10/3结果是3.3333333333333335x // y整数除,x与y之整数商 10//3结果是3+xx本身-xx的负值x%y余数,模运算 10%3结果是1x ** y幂运算,x的y次幂,xy...
2020-03-18 14:21:05
5417
原创 python turtle 海龟绘图小恐龙(《小猪佩奇》里的)
python零基础 turtle库画《小猪佩奇》里的小恐龙python代码#dinosaur.pyimport turtle as t#龙身t.setup(1000,600) # 设置画布的大小t.speed(10) # 设置画笔速度为10t.pensize(5) # 设置...
2020-03-04 16:35:59
7306
原创 应用@import简化页面多文件引入
html代码中引入了太多的css文件,使得代码不够简洁,为了简化页面,可以应用@IMPORT简化页面来解决多文件引入哦。示例如下:建立三个css文件使h1,h2,h3标签分别变色为蓝色,绿色,红色,用来假设多文件哦(现实中当然一个css文件就可以搞定了)方法步骤1.用一个新建的css文件(如图为aoxiaobao.css)代替注释部分的多个css文件。2.将注释部分的css文件应用@im...
2020-01-15 16:51:05
581
原创 html标签中 lang="en-US"和lang="zh-CN"的区别,你知道吗?
我们在初学html时,可能会发现编辑器默认生成的格式是<html lang="en"></html>,其实这也是有原因的,lang是language的缩写,代表该网页属于哪一个国家或是地区的网页。下面列举几个常用lang:en-US 英国(美国)zh-CN 中文(简体,中国大陆)zh-SG 中文(简体,新加坡)zh-HK 中文(繁体,香港)zh-MO ...
2020-01-09 10:16:25
34004
4
原创 HTML5/CSS3 炫酷键盘 不规则布局 内含知识点总结
炫酷键盘图片效果展示看到这里是不是很想学呢?在这里我要说一定会让你有所收获的那么我先结合代码总结一下我在学习写这篇代码生成炫酷键盘时的收获,其次在最后面将代码 give you 参考,ok,Let’s go!结合代码知识点总结SEO_网站优化 三要素 <meta name="keywords=" content=""><!--1 SEO 百度搜索关键字--> ...
2019-08-10 12:13:19
667
原创 七夕情人节最强表白特效,为你的她/他准备一个吧
效果展示区CSS代码部分<style> body{ margin:0;/*外边距*/ background-image:url("3.jpg");/*背景图片*/ background-size:cover;/*等比例覆盖*/ } .snowfall-flak...
2019-08-07 08:46:55
935
原创 CSS3水滴动画
效果如下美滋滋,是不是很想get到呢??? let‘go!CSS代码部分<style> body{ margin: 0;/*外边距*/ background-color:#3498db; /*padding: 0;/*内边距*/ /*background-image:...
2019-08-05 17:58:00
1313
原创 纯CSS实现自动轮播 提高代码效率
纯CSS实现自动轮播 提高代码效率CSS部分<style type="text/css"> body{ margin: 0%; /*外边距为0 网页兼容性*/ padding: 0%; /*内边距为0 网页兼容性*/ } ...
2019-08-04 17:26:46
715
原创 HTML/CSS/JS表白特效 一学就会
HTML/CSS/JS表白特效 一学就会效果小姐姐爱了爱了,看到效果后是不是很想学呐~~let‘s go~~代码如下CSS部分<style> body{ margin:0%;/*外边距 解决各浏览器兼容性问题*/ padding:0%;/*内边距 解决各浏览器兼容性问题*/ ...
2019-07-31 12:36:01
9174
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人