随笔分类 -  WEB-前端

HTML中元素的position属性详解
摘要:HTML中元素的position属性详解 转载自:https://blog.csdn.net/wangzunkuan/article/details/81540935 HTML中元素的position属性详解 转载自:https://blog.csdn.net/wangzunkuan/article 阅读全文
posted @ 2019-04-02 17:30 xibuhaohao 阅读(673) 评论(0) 推荐(0)
CSS padding margin border属性详解
摘要:转载自:https://www.cnblogs.com/linjiqin/p/3556497.html CSS padding margin border属性详解 图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定 阅读全文
posted @ 2019-04-02 17:16 xibuhaohao 阅读(167) 评论(0) 推荐(0)
javascript es6系列教程 - 不定参数与展开运算符(...)
摘要:三个点(...)在es6中,有两个含义: 用在形参中, 表示传递给他的参数集合, 类似于arguments, 叫不定参数. 语法格式: 在形参面前加三个点( ... ) 用在数组前面,可以把数组的值全部打散,展开,叫展开运算符. 语法格式: 在数组面前加三个点( ... ) 求不定参数的和,以前可以 阅读全文
posted @ 2019-03-20 10:44 xibuhaohao 阅读(260) 评论(0) 推荐(0)
JavaScript - 三种弹出对话框
摘要:javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码。 今天小编就来简单介绍一下js中的三种弹出对话框,小编先单独对这几个方法进行详细讲解,接着,将这几 阅读全文
posted @ 2019-03-14 11:28 xibuhaohao 阅读(634) 评论(0) 推荐(0)
js判断一个值是空的最快方法是不是if(!value){alert("这个变量的值是null");}
摘要:!逻辑非 操作符(js)-操作于任何值,(!undefined)(!Null)(!任何对象)(!"")(!"lihuan")(!任何非零数字值) (!0)(!NaN)(!true)(!false);逻辑非操作符首先会将它的操作数转换为一个布尔值,然后再对其求反;undefined- false/Nu 阅读全文
posted @ 2019-03-14 11:23 xibuhaohao 阅读(230) 评论(0) 推荐(0)
Django 前台通过json 取出后台数据
摘要:转载自:https://my.oschina.net/esdn/blog/814111 步骤1:后台数据通过 JSON 序列化成字符串 注意:1、json是1个字符串 2、通过json.dumps('xxx') 序列化成 1个字符串的 '字典对象' views.py 此时tempates 中ajax 阅读全文
posted @ 2019-03-11 18:47 xibuhaohao 阅读(2027) 评论(0) 推荐(0)
Django ajax提交 登录
摘要:一、url 二、views 三、html+ajax 阅读全文
posted @ 2019-03-07 16:59 xibuhaohao 阅读(240) 评论(0) 推荐(0)
Ajax
摘要:一、基于JS的Ajax的实现 step1: var xmlhttp=XMLHttprequest() step2: xmlhttp.open("") #连接server端 step3: xmlhttp.send("name=alex") #请求体的内容 if GET请求: send(null) st 阅读全文
posted @ 2019-03-06 18:06 xibuhaohao 阅读(92) 评论(0) 推荐(0)
JavaScript -基础- 函数与对象(四) BOM 对象
摘要:一、BOM对象 BOM游览器对象模型,可以与游览器对话 BOM下Window对象最重要,还有history、location对象 二、Window对象方法 1、alert提示框 2、confirm confirm("hello") 用处: 文件是对否保存 下载是否取消 var ret=confirm 阅读全文
posted @ 2019-03-04 18:32 xibuhaohao 阅读(135) 评论(0) 推荐(0)
JavaScript -基础- 函数与对象(三)正则、Match对象
摘要:一、正则对象 1、创建方法 1)方式一 var re_obj=new RegExp("\d+","g") 规则+模式(g 全局模式/i 不区分大小写/gi) re_obj.test("asacdscsd124234") //test方法只有两个返回值True、False 2)方式二 var re_o 阅读全文
posted @ 2019-03-04 16:47 xibuhaohao 阅读(152) 评论(0) 推荐(0)
JavaScript -基础- 函数与对象(三)Date对象
摘要:一、Date对象 1、创建方法 var date_obj=new Date(); alert(date_obj.toLocaleString()) var date_obj=new Date("2017/4/16 13:27:11"); var date_obj=new Date("2017 4 1 阅读全文
posted @ 2019-03-04 16:04 xibuhaohao 阅读(127) 评论(0) 推荐(0)
JavaScript -基础- 函数与对象(三)数组对象
摘要:一、数组对象 1、创建方式 1)创建方式一 var arr=[1,2,3]; 2)创建方式二 var arr2=new Array(1,2,3); 注意: 数组中可以存储任何数据类型、方法类型(Java则必须相同); 如果采用初始化对象方式创建数组,如果里面只有一个值而且是个数字,那么数字表示的是数 阅读全文
posted @ 2019-03-04 15:50 xibuhaohao 阅读(141) 评论(0) 推荐(0)
JavaScript -基础- 函数与对象(二)String
摘要:一、判断数据类型typeof与判断对象类型instanceof 1、typeof typeof只能判断基础数据类型,无法判断引用数据类型 <script> var s="hello" var i=8; alert(typeof(s)) //输出string alert(typeof(i)) //输出 阅读全文
posted @ 2019-03-01 11:50 xibuhaohao 阅读(156) 评论(0) 推荐(0)
JavaScript -基础- 函数与对象
摘要:一、JavaScript三对象 1、分类方式一 1)ECMAScript JavaScript的ECMA规范 JS本身的对象 2)Dom 操作HTML相关 3)BOM游览器对象 游览器窗口对象,全局的对象,直接应用 操作浏览器的对象 2、分类方式二 二、ECMA对象 var s="hello" va 阅读全文
posted @ 2019-03-01 11:27 xibuhaohao 阅读(134) 评论(0) 推荐(0)
JavaScript -基础- 变量、常量
摘要:一、变量 <script> var a=1 var b=3 var a= 1; //使用var 定义变量,分号结尾(可不加,换行符也可) var b=3; var a= 1; var b=3; var a=1,b=3; var s="hello"; var f=32. alert(a) //打印变量 阅读全文
posted @ 2019-02-28 17:07 xibuhaohao 阅读(167) 评论(0) 推荐(0)
Bootstrap
摘要:Bootstrap 阅读全文
posted @ 2019-02-27 12:03 xibuhaohao 阅读(151) 评论(0) 推荐(0)
CSS--margin塌陷
摘要:margin塌陷 解决方法: 1、给父级顶加上一条线,不太合适。 2、bfc block format context 设定bfc后,特定的盒子会遵循另一套语法规则,解决了margin塌陷 触发bfc元素 1)position:absolute; 2)display:inline-block; 3) 阅读全文
posted @ 2019-01-31 18:21 xibuhaohao 阅读(123) 评论(0) 推荐(0)
CSS多div放一行
摘要:HTML代码 <body> <div class="right"></div> <div class="left"></div> </body> CSS代码 *{ margin:0; padding:0; } .right{ position:absolute; right:0; width:100 阅读全文
posted @ 2019-01-31 18:06 xibuhaohao 阅读(220) 评论(0) 推荐(0)
盒子定位与层模型
摘要:一、position定位参数,配合参数left、right、top、bottom position:absolute; //定位,脱离原来位置,进行定位 HTML代码 <body> <div></div> </body> CSS代码 div{ position:absolute; //定位,脱离原来 阅读全文
posted @ 2019-01-31 17:06 xibuhaohao 阅读(125) 评论(0) 推荐(0)
盒子模型
摘要:任何一个元素都是一个盒子 一、盒子的组成部分(盒子三大部分) 1.盒子壁 border 2.内边距 padding 3.盒子内容 width + height 二、盒子模型 margin + border + padding + (content = width + height) margin 外 阅读全文
posted @ 2019-01-31 16:14 xibuhaohao 阅读(129) 评论(0) 推荐(0)