随笔分类 -  HTML5

1 2 3 下一页
Flask接入第三方（Facebook）登录
摘要：前端需要登录的页面添加按钮html <a href="javascript:;" id="fb_login">facebook</a> 前端需要登录的页面添加以下js <script> window.fbAsyncInit = function () { FB.init({ appId: '{Fac 阅读全文
posted @ 2021-09-26 12:07 嘆世殘者——華帥 阅读(241) 评论(0) 推荐(0)
设置overflow:hiden出现偏移现象
摘要：原因： 元素默认对齐方式是基线对齐即（vertical-align：baseline），设置设置overflow不为visible之后改变了他的默认对齐方式；导致其它元素出现下沉的视觉效果。 解决方法： 重新设置所有行内元素的对齐方式为vertical-align:top或者bottom 阅读全文
posted @ 2021-08-31 23:01 嘆世殘者——華帥 阅读(64) 评论(0) 推荐(0)
Python Flask 构建微电影视频网站
摘要：Github：https://github.com/lgsp-Leslie/flask_movie Python：3.9 Mysql：8.0.17 Flask==1.1.2 flask-redis==0.4.0 Flask-SQLAlchemy==2.5.1 Flask-WTF==0.14.3 my 阅读全文
posted @ 2021-05-21 18:17 嘆世殘者——華帥 阅读(430) 评论(0) 推荐(0)
Flask实战开发在线问答系统
摘要：GitHub：https://github.com/lgsp-Leslie/qa_flaskProject Python：3.9 Flask：1.1.2 Mysql：8.0.17 Flask-Login：0.5.0 Flask-CKEditor：0.4.6 Flask-WTF：0.14.3 SQLA 阅读全文
posted @ 2021-05-01 13:00 嘆世殘者——華帥 阅读(316) 评论(3) 推荐(0)
Python全栈工程师（慕K）——Flask入门基础记录
摘要：1、flask安装 pip安装：pip install flask 源码安装：python steup.py install 验证： cmdpython import flask flask.__version__ 2、启动服务器 _1.设置环境变量 Windows：set FLASK_APP=ap 阅读全文
posted @ 2021-05-01 12:46 嘆世殘者——華帥 阅读(275) 评论(0) 推荐(0)
django表单
摘要：一、Form表单 settings.py INSTALLED_APPS = [ 'practise.apps.PractiseConfig', ] urls.py urlpatterns = [ path('practise/', include(('practise.urls', 'practis 阅读全文
posted @ 2020-12-29 12:07 嘆世殘者——華帥 阅读(99) 评论(0) 推荐(0)
js_jQuery——AJAX
摘要：1、Ajax原理 1）创建XMLHttpRequest/ActiveObject对象 2）注册回调函数 3）配置请求参数 4）发送请求 5）创建回调 2、动手实现AJAX 1）XMLHttpRequest的几种状态 _0_对象没有完成初始化 _1_对象开始发送请求 _2_对象的请求发送完成 _3_对 阅读全文
posted @ 2020-12-25 15:17 嘆世殘者——華帥 阅读(133) 评论(0) 推荐(0)
Python——文件上传
摘要：_1、原始方法： 表单设置enctype="multipart/form-data" 在视图中通过request.FILES来获取文件对象 将文件保存到磁盘 def uploaded_file(f): """ 保存文件 """ with open('media/file/name.jpg', 'wb 阅读全文
posted @ 2020-12-25 15:13 嘆世殘者——華帥 阅读(278) 评论(0) 推荐(0)
HTML5标签 兼容低版本IE浏览器
摘要：利用document.createElement创建当前浏览器（IE6-8）不支持的标签名 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> article { c 阅读全文
posted @ 2020-06-14 15:46 嘆世殘者——華帥 阅读(165) 评论(0) 推荐(0)
图片控制
摘要：方法一：控制图片外框高度，让布局正常，图片不出现拉伸 <div class="left_img"> <img class="img-responsive center-block" src="img/index/j.png" alt="" /> </div> .section3 .left_img 阅读全文
posted @ 2020-06-12 15:58 嘆世殘者——華帥 阅读(162) 评论(0) 推荐(0)
多行文本溢出显示省略号
摘要：多行文本溢出显示省略号 <style type="text/css">.section3 .title_leftDiv { height: 42px; margin-bottom: 10px;}.section3 .text_leftDiv { margin-bottom: 10px; height 阅读全文
posted @ 2020-06-12 11:27 嘆世殘者——華帥 阅读(103) 评论(0) 推荐(0)
基于jQuery实现点击列表加载更多效果
摘要：CSS .section1 { padding-top: 58px; padding-bottom: 125px; position: relative;}.section1 div.news_list>div { margin-bottom: 6px; } .section1 .news_list 阅读全文
posted @ 2020-06-11 15:17 嘆世殘者——華帥 阅读(277) 评论(0) 推荐(0)
div+radio模拟select
摘要：HTML <div class="section1"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-6"> </div> <div class="col-xs-12 col-sm-6"> <div cl 阅读全文
posted @ 2020-06-10 11:50 嘆世殘者——華帥 阅读(214) 评论(0) 推荐(0)
兼容集合
摘要：针对h5标签，低版本浏览器不识别 解决方法一： header, nav, section, aside, article, footer { display: block; } 解决方法二： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < 阅读全文
posted @ 2020-06-05 13:10 嘆世殘者——華帥 阅读(126) 评论(0) 推荐(0)
链接标签属性、其他属性
摘要：链接标签属性 sizes <link rel="icon" href="icon.gif" type="image/gif" sizes="16" > target <base href="http://localhost/" target="_blank" > 超链接 a:media=""(表示对 阅读全文
posted @ 2020-06-04 22:49 嘆世殘者——華帥 阅读(178) 评论(0) 推荐(0)
output标签
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="" oninput="totalPrice.value=parseInt(price.value)*par 阅读全文
posted @ 2020-06-04 18:08 嘆世殘者——華帥 阅读(111) 评论(0) 推荐(0)
Html5结构标签
摘要：header/section/footer 》 aside/article/figure/hgroup/nav 》 div/figcaption 阅读全文
posted @ 2020-06-04 12:45 嘆世殘者——華帥 阅读(102) 评论(0) 推荐(0)
清除浮动的三种方法
摘要：1、 <div class="clear"></div> .clear { clear: both; } 2、 <div class="container clearfix"> <div class="div1">333</div> <div class="div1">333</div> <div 阅读全文
posted @ 2020-06-03 18:00 嘆世殘者——華帥 阅读(120) 评论(0) 推荐(0)
基于bootstrap点击图片放大插件
摘要：<!DOCTYPE html> <html> <head> <title></title> <!-- Introducing the bootstrap style css file--> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css 阅读全文
posted @ 2020-05-27 10:10 嘆世殘者——華帥 阅读(4606) 评论(2) 推荐(0)
鼠标经过图片切换
摘要：通过onMouseOver和onMouseOut事件来改变<img>的src属性，从而实现了鼠标经过图片切换的效果。 <img src="1.jpg" onMouseOver="this.src='2.jpg'" onMouseOut="this.src='1.jpg'"> 阅读全文
posted @ 2020-05-23 22:58 嘆世殘者——華帥 阅读(168) 评论(0) 推荐(0)

1 2 3 下一页