HTML
Quincy379
坚持、冷静
展开
-
html之table的tr加间隔
<table style="border-collapse:separate; border-spacing:0px 10px;"> <tr> <td>驴</td> </tr> <tr> <td>叫</td> </tr></table>...原创 2019-08-05 17:03:38 · 5874 阅读 · 0 评论 -
jQuery点击元素获取自定义属性的值,利用冒泡原理~
知识铺垫: attr(“属性名”); //获取属性的值(取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回undefined)代码处理:{% for comment_all in article.comment_set.all %} <div id="comment_info" class="row"> <d原创 2017-11-28 19:09:58 · 4801 阅读 · 0 评论 -
PyCharm代码提示忽略大小写设置
具体见上图!原创 2017-11-02 15:47:32 · 25802 阅读 · 1 评论 -
html之SweetAlert2使用方法集锦(一)
方式一:function check(id) { var serverAddr = 'http://127.0.0.1:8000/app/index.html'; swal({ title: "", text: "确定删除吗?", type: "warnin原创 2017-10-26 20:50:09 · 6916 阅读 · 0 评论 -
html之点击模态框边缘隐藏模态框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模态框点击外部mask层消失</title> <style> .box{ display: none; } .inner-box{ borde原创 2017-10-16 20:18:35 · 1499 阅读 · 0 评论 -
html之置顶菜单-滚动到顶部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>置顶菜单</title> <script type="text/javascript" src="./jquery-3.2.1.min.js"></script> <script type="text/javascript">原创 2017-10-16 16:00:40 · 10408 阅读 · 0 评论 -
html之jQuery里,$(window)和$(document)有什么区别?
$(window)和$(document)获取到的对象不同。1、Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算.2、Document 对象是 Window 对象的一部分,每个载入浏览器的 HTML 文档都会成为 Document 对象.原创 2017-10-16 11:34:25 · 2441 阅读 · 0 评论 -
Python3之Django Web框架分页多页码处理二
视图函数: if request.method == 'GET': publisher_list = models.Publisher.objects.all() # 分页功能 paginator = Paginator(publisher_list, 5) page_num = request.GET.get('page', 1) ##############原创 2017-11-01 20:28:13 · 1052 阅读 · 0 评论 -
Python3之Django Web框架分页多页码处理一
数据量大时页面会出现很多页码,需要利用自定义标签处理:{#分页实现#}{% for page in publisher_list.paginator.page_range %} {% cirle_page publisher_list.number page %}{% endfor %}#自定义标签内处理:@register.simple_tagdef cirle_page(cur_原创 2017-11-01 20:03:24 · 1587 阅读 · 0 评论 -
Python3之Django Web框架首页分页处理升级版
模板代码:{# 分页 #} <nav aria-label="Page navigation" class="pull-right"> <ul class="pagination"> {% if publisher_list.has_previous %} <li>原创 2017-11-01 16:28:59 · 409 阅读 · 0 评论 -
html之jQuery .end()妙用
#.end()表示又回到父级,可以设置父级的样式,直接用$('ul li')不能体现出.end()作用$('.list').children().css({color:'red'}).end().css({background:'green'})原创 2017-10-24 21:10:50 · 1062 阅读 · 0 评论 -
html之闭包函数应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>闭包函数卖弄技术</title> <style> .btns { width: 500px; height: 50px; } .btns inp原创 2017-10-24 19:44:43 · 1021 阅读 · 0 评论 -
html之页面登录
<!DOCTYPE html><!-- saved from url=(0038)http://v3.bootcss.com/examples/signin/ --><html lang="zh-CN"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equ原创 2017-10-14 17:03:25 · 964 阅读 · 0 评论 -
Python3之requests模块抓取内容乱码
解决方案:html = requests.get(url)html.encoding = html.apparent_encoding原创 2017-10-23 11:06:48 · 499 阅读 · 0 评论 -
html之定位、浮动补充
1. 浮动会将元素转化为行内块元素 清除浮动方法: 1.1. overflow:hidden 1.2. <div style='clear:both'></div> 1.3. .clearfix:before,.clearfix:after{ content:'',原创 2017-10-13 13:06:56 · 400 阅读 · 0 评论 -
html之jQuery知识总结
this指代原生对象,$(this)指代jQuery对象;$(this).index()只获取当前层级范围内的索引值;$(选择器).html()获取网页内容,.html(‘网页元素’);$(选择器).attr()获取属性,.attr({title:”})设置属性;$(选择器).prop(‘checked’)获取属性true or false,.prop({checked:true})jQuery的一原创 2017-10-27 08:28:15 · 461 阅读 · 0 评论 -
常见问题集锦
java 单继承而python可以实现多继承: Java是可以多继承的,举个例子,在这里有个A类,我们又编写了两个类B类和C类,并且B类和C类分别继承了A类,并且对A类的同一个方法进行了覆盖。如果此时我们再次编写了一个D类,并且D类以多继承的方式同时集成了B类和C类,那么D类也会继承B类和C类从A类中重载的方法,那么问题来了,D类也开始犯迷糊了,我到底应该哪个继承哪个类中的方法呢,因为类是结构性原创 2017-10-18 16:26:28 · 346 阅读 · 0 评论 -
SweetAlert2实践代码
<script> $(function () { $('#a-del').click(function () { swal({ text: "确定要删除?", type: 'warning', showCance原创 2017-11-14 17:20:11 · 850 阅读 · 0 评论 -
Ajax之post请求跨站请求csrf_token发送处理de三种方式
方式一:$.post({ url: '/get_result/', data: { value0: $('#v1').val(), value1: $('#v2').val(), csrfmiddlewaretoken: '{{ csrf_token }}' }原创 2017-11-14 19:30:00 · 5916 阅读 · 0 评论 -
Html之图片标签自动跳转
1.引入jquery<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>2.图片代码<a href="xxx.com" target="_parent"><img id="sp"></img></a>3.自动点击$(f...原创 2019-07-10 08:54:59 · 2634 阅读 · 0 评论 -
Html之防止内容选中、阻止右键菜单弹出代码
防止内容选中 <!-- SELECCION DE TEXTO--> <script type="text/javascript"> // IE Evitar seleccion de texto document.onselectstart = function () { if (event.srcElem...原创 2018-08-24 10:05:41 · 2544 阅读 · 0 评论 -
前端基础之CSS知识补充
元素就是标签,我们现在所用的元素主要有三种:. 块元素(div、p、ul、li、h1~h6、dl、dt、dd) 支持全部样式 如果没有设置宽度,则默认的宽度为父级宽度100% 自己独占一行,即使设置了宽度. 行内元素(a、span、em、b、strong、i) 支持部分样式(不支持宽、高、margin上下、padding上下) 宽高由内容决定 ...原创 2018-05-29 16:32:19 · 202 阅读 · 0 评论 -
前端基础之HTML
知识概述:1.HTML初识及基本结构1.1 什么是HTML1.2 基本结构2.HTML常用标签 HTML初识及基本结构 什么是html HTML是 HyperText Mark-up Language 的首字母简写,意思是...原创 2018-05-23 20:01:03 · 322 阅读 · 0 评论 -
NodeJS之安装express:'express' 不是内部或外部命令~
报错信息:’express’ 不是内部或外部命令,也不是可运行的程序或批处理文件。不管是不是全局都要将express.cmd那个目录添加到系统环境变量中,记住是系统环境变量!具体参考此篇文章:http://blog.csdn.net/mcpang/article/details/26612865...原创 2018-03-11 17:03:08 · 241 阅读 · 0 评论 -
MongoDB之Ubuntu16.04安装mongodb
mongodb安装正确姿势http://blog.csdn.net/zhushh/article/details/52451441原创 2017-09-28 08:25:33 · 487 阅读 · 0 评论 -
Html之在事件委派中发送Ajax请求获取当前元素并删除
//删除当前问题$('#question_list').on('click', '.delete_question', function (ev) { if ($(this).parent().attr('ql') === undefined){ $(this).parent().remove(); return; } if($(this).p原创 2017-12-08 07:34:41 · 675 阅读 · 0 评论 -
html之改变ol默认样式
.hide{ display: none;}ol { padding: 0; list-style: none; counter-reset: sectioncounter}ol > li:before { content: '问题' counter(sectioncounter) ':'; counter-increment: sectionc原创 2017-12-07 11:40:28 · 5526 阅读 · 0 评论 -
清除浮动三种方式:
清除浮动三种方式:1.在父级元素上加overflow:hidden2.在父级元素内部最后加空的 <div style='clear:both'></div>3.国际通用写法: .clearfix{ zoom:1 } .clearfix:after{ clear:both } .clearfix:before,.clear原创 2017-12-02 10:06:16 · 1775 阅读 · 0 评论 -
jQuery之each的使用
//保存问题$('#save_question').click(function () { var question_list = []; //构造数据发送到发送到后端 $('.question_list').find('.quiz_item').each(function () { //获取问题的数据 var itemId = $(this).attr('ql');原创 2017-12-08 19:34:55 · 197 阅读 · 0 评论 -
vue之组件的生命周期
var MyComponent = Vue.extend({ template: '<div>我是 vue 的组件实例,有看到吗?</div>', init: function() { console.log('生命周期 init,在实例开始初始化时同步调用。此时数据观测、事件和 watcher 都尚未初始化。'); }, created: funct原创 2017-11-30 14:32:45 · 1133 阅读 · 0 评论 -
前台数据json序列化,从post或get中取py数据类型:QueryDict转字典dict
前端$.ajax({ url:"/count_home/", type:"GET", data:JSON.stringify({ first_num:$(".first").val(), second_num:$(".second").val() }), co原创 2017-11-13 20:25:35 · 4971 阅读 · 0 评论 -
Python3 之 Django Web框架优化查询和Form组件(一)
数据库优化查询:only和difer:only(只查询参数字段): models.类名.objects.all().only('字段名')difer(除了参数字段外都查询出来): models.类名.objects.all().difer('字段名')反向生成URL的两种方式:无名分组:/index/(\d+) name='index' 1.{% url 'index'原创 2017-11-03 16:08:43 · 495 阅读 · 0 评论 -
Ajax之文件上传处理
前台处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="/static/jquery3.2.1.js"></script> <script src="/static/dist/sweetalert2.all.min.js">原创 2017-11-15 08:22:02 · 1069 阅读 · 0 评论 -
Ajax之jQuery.serialize()
作用对表单中有效的提交元素进行序列化,而筛除表单中不需要提交的元素值<script> $(function () { $('#btn').click(function () { $.post({ url:'/get_result/', headers:{'X-CSRFToken':$.cookie('csr原创 2017-11-14 20:17:00 · 240 阅读 · 0 评论 -
html之jQuery 的两种循环
1.方式一$.each(数组,function(index,item){ //伪代码})2.方式二$('选择器').each(function(event){ //伪代码})待续~原创 2017-10-29 16:38:53 · 4468 阅读 · 0 评论 -
html之form表单获取不到值
<form method="get" action="calc.php" id="myForm"> num1: <input id="num1" type=text name="num1" value="" /> <br/> num2: <input id="num2" type=text name="num2" value="" /> <br/> oper:原创 2017-10-29 15:29:24 · 7967 阅读 · 0 评论 -
html之节点全部收起打开快捷键
1.把光标移动到所要打开或者收起的行,ctrl+’+’/ctrl+’-’ 2.把光标移动到所要打开或者收起所有的行,ctrl+alt+’+’/ctrl+alt+’-‘原创 2017-10-29 10:02:34 · 1776 阅读 · 0 评论 -
html之js字符串处理方法
‘+’字符串合并parseInt将数字字符串转化为整数,如果是小数向下取整,如果是数字字母混合,只取数字parseFloat将数字字符串转化为小数BUG: 0.1和0.2 要先*100 再/100 这样才能计算精确!split()返回一个数组split(”)将字符串中的元素切成一个个独立的元素charAt()返回指定索引值的字符indexOf()有返回起始位置,没有返回-1substring(原创 2017-09-25 19:15:03 · 1467 阅读 · 0 评论 -
html之标签切换内容变化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签切换</title> <style> * { padding: 0; } .main-div { text-align: center;原创 2017-09-26 19:50:22 · 9399 阅读 · 2 评论 -
html之动态绑定带参数的函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> function init() { var list = document.getElementById("check_list");原创 2017-09-26 19:18:40 · 4192 阅读 · 2 评论