- 博客(26)
- 收藏
- 关注
RSS订阅原创 css 隐藏元素的方法与区别
display:none;1.DOM结构，浏览器不会渲染display:none的元素，不占据空间；2.事件监听：无法进行DOM事件监听；3.性能：动态改变此属性会引起重排，性能较差；4.继承：不会被子元素继承，毕竟子类也不会渲染；5.transition：transition不支持display；visibility:hidden;1.DOM结构：被渲染，但是被隐藏，会占据空间；2.事件监听：无法进行DOM事件监听；3.性能：动态改变此属性会引起重绘，性能较高；4.继承：会被子元素继
2020-07-18 23:49:11
337
原创 css3动画 简单轮播图
效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> <style> * { padding: 0; margi
2020-07-07 15:24:26
506
原创 css3动画 小球弹跳下降
效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>小球弹跳下降</title> <style> * { margin: 0; pad
2020-07-07 15:22:11
642
原创 css3动画 变速运动
效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>变速运动</title> <style> * { margin: 0; paddi
2020-07-07 15:19:09
638
原创 css3动画 小球弹跳
效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>小球弹跳</title> <style> * { margin: 0; paddi
2020-07-07 15:15:52
849
原创 css3动画 爱心跳动
效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>爱心</title> <style> * { margin: 0; padding:
2020-07-07 15:11:20
617
原创 css3动画 移动的小方块
效果图如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css动画-移动的小方块</title> <style> * { padding: 0
2020-07-07 15:09:07
793
原创 js 正则表达式笔记
正则表达式手册网址：正则表达式手册视频学习推荐：传送门验证邮箱/^([a-z0-9_\.-]+)@([a-z0-9\.-]+)\.([a-z\.]{2,6})$/验证手机号/^[1][3,4,5,7,8][0-9]{9}$/验证IP地址/((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/验证用户名(3-16位的字母或数字或下划线横线)/^[A-Za-z0-9_-]{3,16}$/验证密码（包含大写
2020-07-05 20:00:25
141
原创 js async await异步
async 是一个修饰符，async 定义的函数会默认的返回一个Promise对象resolve的值，因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数。await 也是一个修饰符，await 关键字只能放在 async 函数内部， await关键字的作用 就是获取 Promise中返回的内容， 获取的是Promise函数中resolve或者reject的值。如果await 后面并不是一个Promise的返回值，则会按照同步程序返回值处理。function f1(){
2020-07-04 17:46:20
297
原创 js 防抖与节流函数
函数防抖和节流是优化高频率执行js代码的一种手段，可以降低资源请求，避免浪费资源，优化体验。一、防抖函数在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。即在n秒内连续触发的事件，只在最后一次执行。function debounce(func, delay){ let timer = null return function(...args){ if (timer) clearTimeout(timer) timer = setTime
2020-07-04 15:08:20
113
原创 js 继承方式汇总
一、原型链继承将构造函数的原型设置为另一个构造函数的实例对象，这样就可以继承另一个原型对象的所有属性和方法，可以继续往上，最终形成原型链。//1、原型链继承, 引用类型的属性（Array,Map,Set,{}）会被所有实例共享, 子类实例不能像引用类型构造函数传参function User(){ this.name = 'py' this.age = 20 this.arr = [1]}User.prototype.show = function(){ conso
2020-07-04 14:55:08
115
原创 Python多线程
一、多线程知识CPython解释器本身就不是线程安全的，因此有全局解释器（GIL），一次只允许使用一个线程执行Python字节码。一次，一个Python进程通常不能同时使用多个CPU核心。多线程共享主进程的资源，可能还会改变其中的变量，这个时候就要加上线程锁，每次执行完一个线程在执行下一个线程。互斥锁：即确保某段关键代码的数据只能又一个线程从头到尾完整执行，保证了这段代码数据的安全性，但是这...
2019-11-20 21:43:16
126
原创 Flask项目部署到阿里云服务器注意事项总结
个人唠叨：学习flask挺长时间了，最近终于狠下心来把个人博客部署上线了。作为小白，之前对部署一无所知，连服务器的概念都不懂，这是真的。部署期间真的是一言难尽，各种坑踩到底，一开始免费领了一个月的服务器，由于不会操作，按照教程的配置各种出错，出错不明白哪里错，该怎么解决，去搜索，输入一堆不理解的命令，有些有效，有些无效。结果python3.7还没安装好，之后不知道怎么把服务器弄得各种错误，于是好...
2019-11-19 00:07:09
733
原创 Python操作MongoDB数据库
本文包括Python连接MongoDB增删查改和排序一、连接MongoDBpip install pymongo连接数据库，如果数据库已经存在，直接使用。若未存在，则新建一个数据库。list_database_names()：所有数据库名称list_collection_names()：所有集合（数据表）名称import pymongoclient = pymongo.Mo...
2019-11-09 18:12:46
167
原创 Python操作MySQL数据库
Python操作MySQL：创建数据表插入数据查询数据修改数据删除数据1、创建数据表import pymysql # 导入 pymysql#打开数据库连接db = pymysql.connect(host="localhost", user="root", password="123456", db="t1", port=3306...
2019-11-09 15:45:24
147
原创 Python闭包详解
一、作用域规则学习闭包之前，先来了解python的作用域规则b = 6def f1(a): print(a) print(b)f1(3)# 输出# 3# 6这个大家应该都懂，但是下面这个估计有人不明白了。首先输出了3，说明print(a)语句执行了。但是第二个语句print(b)执行不了。为什么执行不了呢，不是有个全局变量b吗，而且是在print(b)之后为局...
2019-11-07 23:15:33
2257
原创 Python函数装饰器
一、什么是函数装饰器？函数装饰器用于在源码中标记函数，以某种方式增强函数的行为。装饰器是可调用对象，其参数是另外一个函数（被装饰的函数）。装饰器可能会处理被装饰的函数，然后把它返回，或者将其替换成另一个函数或可调用对象。听起来有点模糊，具体是什么意思呢？首先我们来理解一下Python中的函数。def hi(name="jack"): return "hi " + namepri...
2019-11-07 21:41:08
153
原创 vscode配置python环境并解决输出中文乱码问题
安装python最新版本，把安装路径添加到环境变量中。安装vscode，在拓展商店安装python插件和 code runner 插件在vscode的settings.json中添加 下面这句，把后面的路径改为你的。"python": "set PYTHONIOENCODING=utf8 && C:\\Python\\Python37\\python.exe",这样...
2019-11-06 20:03:16
1923
原创 vscode配置c++环境并解决中文乱码问题
总共四步：安装vscodde，安装code runner 和C/C++ 插件安装mingw64，并添加到环境变量在vscode相关文件中添加配置解决C++输出中文乱码的问题第一步：安装vscode，在vscode拓展商店安装 code runner 和 C/C++ 插件：第二步：下载mingw64,记得选择离线版下载。离线下载地址：https://sourceforge...
2019-11-05 23:16:15
7352
4
原创 vscode配置js环境
安装vscode，安装code runner插件在官网下载安装node.js，并添加安装路径到环境变量检查node.js是否安装成功。win+R 打开命令窗口，输入node -v，如果输出版本信息，则安装成功，就可以愉快的敲代码了。编写js代码后点击鼠标右键，选择最上面的的run code就可以运行了。推荐插件：Beautify，Bracket Pair Colorizer，image...
2019-11-05 20:40:26
14755
原创 LeetCode刷题值得推荐的几个Python库
目前我知道的有这几个库，持续更新。from collections import defaultdict，Counterfrom functools import lru_cachefrom itertools import combinations, permutationsimport bisect1、collections模块使用defaultdict和Counter可以节省很...
2019-11-03 16:11:27
1849
原创 jupyter notebook 中输出pyecharts图
V0.5.X版本的pyecharts使用：V1.0.X版本的pyecharts使用：
2019-08-01 17:39:12
10658
1
原创 python利用flask_mail、sendgrid发送邮件
在学习Flask，看的书籍是《Flask Web开发实战 入门、进阶与原理解析》。在学习发送电子邮件这一章节时，遇到一些问题，便写下这一篇文章，记录一下，也希望遇到同样问题的人能够花较少时间在解决问题上。本文包括Flask_Mail发送电子邮件和SendGrid发送电子邮件两部分。Gmail、Outlook、QQ邮箱等这类服务被称为EPA (Email Service Provider)，只适...
2019-07-03 22:36:59
1331
6
原创 vscode 中markdown导出pdf
在vscode中markdown导出PDF有两种方式：方法一 ：用markdown-PDF 插件方法二 ：安装markdown preview enhanced插件在用户设置中为markdown-pdf.executablePath添加chrome.exe路径，即添加，cat为我的电脑用户名，chrome.exe路径读者自行根据情况修改。需要用到的插件：方法一：首先安装mar...
2019-05-08 14:07:17
47658
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人