自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 利用JS写出的留言板

留言板我们平时在一些社交的网站啊,发帖评论啊,都能看到有留言的功能,那么博主今天就来给大家简单编写一下留言板的小程序。首先留言板它分为几部分:他要有楼层,点击发布留言后,他会自动弹出楼层楼层内部要有用户姓名,发布的内容,发布的时间用户还可以选择头像来进行发布接下来我把想讲的内容,放在代码中话不多说,直接上码在这里插入代码片...

2020-03-18 20:36:49 1383

原创 Vue引入fastclick

引入fastclick解决移动的点击300毫秒延迟问题注意是移动端npm install fastclick --save // 终端下载fastclick在main.js中引入 import FastClick from 'fastclick' FastClick.attach(document.body);

2021-07-26 11:24:07 228 1

原创 2021-05-02

利用css仿写京东小三角的样式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>仿淘宝三角样式</title> <style> div { width: 100px; height: 80px; background-color: red; border: 20px solid black; b

2021-05-02 21:57:57 83

原创 Python装饰器最优化格式

import functoolsdef auth(origin): # 函数名可自己定义 @functools.wraps(origin) def inner(*args, **kwargs): res = origin(*args, **kwargs) return res return inner# 使用装饰器@authdef admin(): print('admin') """123"""def rbac()

2021-03-28 11:13:33 104

原创 Python实现获取天气并按照指定的格式写入文件中

实现思路:需要一个获取天气的函数需要一个将获取信息进行格式处理并写入到文件的函数# 获取天气信息import requestsres = requests.get(url="http://www.weather.com.cn/data/ks/101010100.html")res.encoding = "utf-8"weather_dict = res.json()# 获取的天气信息是个字典类型,内容如下:print(weather_dict)"""{ 'weatherinf

2021-03-24 16:54:59 289

原创 Python动态参数

之前的文章有说到Python函数的参数,那么今天就来具体说说参数中的动态参数首先来复习一下定义动态参数def func(*args, **kwargs): print(args, kwargs)func("张三","李四",n1="alex",n2="eric") 在执行函数时,也可以使用形参固定,实参用*def func(a1, a2): print(a1, a2)func(*[11,22])func(**{"a1":11,"a2":22})形参实参都用*def

2021-03-24 09:42:29 373

转载 Python的enumerate用法

Python中的enumerate用法在我们循环输出python的列表内容和索引时,我们一般使用如下方法data_list = [11,22,33]for index in range(len(data_list)): print(index+1, data_list[index])"""输出结果: 1 11 2 22 3 33""" 使用enumerate方法,就可以直接实现这种输出方式data_list = [11,22,33]for i,item in enumer

2021-03-24 07:33:02 125

转载 基于csv的用户注册

Python中如何基于csv让用户注册信息?先实现路径处理,让每个系统都能够找到文件并且运行实现用户注册:让用户选择是否注册,否则break循环,是则通过a的模式打开csv文件让用户输入信息并写到文件中用户登录:判断文件是否存在,当文件存在时才可以继续登陆,通过r的模式打开文件并进行相应的比较import os# 路径处理base_dir = os.path.dirname(os.path.abspath(__file__))db_file_path = os.path.join(bas

2021-03-24 07:32:24 387

转载 基于Python的XML格式的文件

XML文件是可拓展标记语言,是一种简单的数据存储语言,被设计用来传输和存储数据在Python中XML的一些方法读取文件和内容#引用xml模块from xml.etree import ElementTree as ET# ET去打开xml文件tree = ET.parse("files/xo.xml")# 获取根标签root = tree.getroot()print(root) # <Element 'data' at 0x7f94e02763b0>from x

2021-03-24 07:30:37 88

转载 Python的函数参数

Python函数参数关于Python函数的参数基础形参:定义在函数时括号里面的变量实参:调用函数时传的实际值按位置传参:调用函数时,实参按先后顺序位置传递给形参按关键字传参:# 定义函数def func(a1,a2,a3): print(a1+a2+a3)# 执行函数func(a1=1,a2=2,a3=3)func(a1=3,a3=1,a2=98)位置传参和关键字传参混合使用(位置传参在前,关键字传参在后)def func(a1,a2,a3): print(a1+a

2021-03-24 07:28:49 219

原创 箭头函数的应用场景

案例一 、点击盒子变色<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 200px; height: 200px; background-color: pink; } </style> </head> <bo

2021-03-23 20:26:53 382

原创 ES6的let的小demo

let和var的区别<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .item { float: left; width: 100px; height: 100px; margin: 0 10px ; border: 1px solid purple;

2021-03-22 19:42:12 63

原创 v-model的小案例-简易计算器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <input type="text" v-model="n1"> <select v-model="opt"> <option v

2021-03-21 19:24:29 116

原创 利用vue做出简易的跑马灯效果

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <button @click="active">滚动</button> <button @click="pause">停止</butt

2021-03-21 16:26:57 217

原创 NPM包管理工具

认识npmnpm(Node Package Manager,即node包管理器):是Node.js默认的,JavaScript编写的软件包管理系统。npm官网拥有超过一百万个软件包,是世界上最大的软件注册表安装npmnpm是Node.js默认的编写的软件包管理系统安装好node后,会默认安装好npm查看node,npm版本 node/npm -vnpm的升级指令 npm install npm -gnpm的一些常用指令用npm安装模块 npm install <Modu

2021-03-17 11:01:12 76

原创 Flex 弹性布局

sad

2020-11-12 10:38:22 124

原创 利用js写出的放大镜效果

利用JavaScript写出放大镜效果在一些购物网站上购买一些物品时可以对物品进行放大观看物品,提高用户体验,那么接下来就谈一下如何利用js写出放大镜的效果首先理清思路,当鼠标移动到晓得图片中,就会出现放大镜效果,随着鼠标的移动,放大镜中的图片也随之移动,所以有三种鼠标事件 onmouseover(鼠标滑过)、 onmouseout(鼠标离开)和onmousemove(鼠标移动)当鼠标滑过时,放大镜效果出现,当鼠标离开时,放大镜效果消失html<div class="preview_wrap

2020-10-16 19:53:24 315

原创 npm一些指令

npm一些指令理清 nodejs 与 npm 的关系:使用 npm 前需要先安装 nodejs,npm 是随着nodejs 一起安装的一个前端资源包管理工具,npm 不需单独安装。npm 的作用:允许用户从 npm 服务器下载别人编写的第三方包到本地使用。允许用户从 npm 服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到 npm 服务器供别人使用。前端常用指令:打开cmd输入项目目录运行npm config set registry(安装淘宝镜

2020-10-04 16:03:34 197

原创 JS简单的几种静态轮播方式

今天博主想就我学习到的微薄知识,和大家讨论一下js中的图片轮播。首先了解一下博主知道的几种轮播的方式(比较通俗的解释):第一种随着图片的改变,下面的原点也跟着变第二种鼠标点击小圆点,图片跟着改变第三种点击小图片,大图片跟着改变那么接下来介绍第一种:CSS样式:<style> *{padding: 0;margin: 0;border: none;l...

2020-02-18 22:27:53 318 4

原创 js函数参数的简单应用

一、函数参数首先要知道函数的参数分为形参与实参:形参:在声明一个函数的时候,为了函数的功能更加灵活,有些值是固定不了的,对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值,仅仅起到一个占位置的作用,我们通常称之为形式参数,也叫形参。实参:如果函数在声明时,设置了形参,那么在函数调用的时候就需要传入对应的参数,我们把传入的参数叫做实际参数,也叫实参。这里是一道较为简...

2020-02-16 17:52:30 409

原创 如何实现js的全选

##全选框<script> function f(){ var c=document.getElementsByName("c"); var btn=document.getElementById("btn"); for(var i=0;i< c.length;i++){ ...

2020-02-15 20:55:43 409

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除