
web前端
文章平均质量分 50
JackLiu16
stay hungry,stay young!
展开
-
highcharts 数据表配置两种等效方式的写法
$(document).ready(function() { var chart = { type: 'spline', animation: Highcharts.svg, // don't animate in IE < IE 10. marginRight: 10, events: { load: function原创 2018-01-01 00:46:01 · 490 阅读 · 0 评论 -
javascript shift() pop() push()
shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。注意: 此方法改变数组的长度!提示: 移除数组末尾的元素可以使用 pop() 方法。push()方法是数组末尾塞元素原创 2017-12-31 11:48:48 · 283 阅读 · 0 评论 -
jquery ajax
javascript显示数据的四种方法使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。jQuery 语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语法: $(selector).act...原创 2017-12-30 01:42:38 · 259 阅读 · 0 评论 -
数据可视化框架highcharts使用
charset="UTF-8" />Highcharts src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> src="http://code.highcharts.com/highcharts.js"> id="container" style="width: 550px; height: 400px; margi原创 2017-12-28 18:52:24 · 763 阅读 · 0 评论 -
python中json.dumps()和json.load()的区别
出处:https://www.cnblogs.com/xiaomingzaixian/p/7286793.html首先说明基本功能:dumps是将dict转化成str格式,loads是将str转化成dict格式。dump和load也是类似的,只是与文件操作结合起来了。 一、概念理解1、json.dumps()和json.loads()是json格式处理函数(可以这么理解,j...转载 2017-12-28 01:04:10 · 1722 阅读 · 1 评论 -
HTML中可能使用为协议造成XSS 的属性
新思路:1、服务端可以过滤敏感标签2、使用html 属性 为协议javascript:[code]3、若服务端过滤关键字,可以通过空格回车Tab 等加载在关键字中间通过过滤,因为js语句结束是分号,所以浏览器加载引擎会继续发现这些分隔号后面的内容。4、HTML属性值本身支持ASCII编码,也可以通过编码绕过过滤(其他编码格式base64)5、还可以通过标签事件来触发XSS,如:原创 2017-12-23 23:14:30 · 1190 阅读 · 0 评论 -
http请求响应
HTTP 400 - 请求无效HTTP 401.1 - 未授权:登录失败HTTP 401.2 - 未授权:服务器配置问题导致登录失败HTTP 401.3 - ACL 禁止访问资源HTTP 401.4 - 未授权:授权被筛选器拒绝HTTP 401.5 - 未授权:ISAPI 或 CGI 授权失败HTTP 403 - 禁止访问HTTP 403 - 对 Internet转载 2017-12-22 18:32:25 · 772 阅读 · 0 评论 -
HTML背景图片透明度设置
html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=gb2312" />title>无标题文档title>style type="text/css">.STYLE5 {color: #000000}.STYLE7原创 2017-12-18 20:11:45 · 40812 阅读 · 1 评论 -
django CKeditor 正常显示富文本
比如原本我们的模板代码是这样的:{{post.content}}现在我们把它变成这样:{% autoescape off %} {{post.content}}{% endautoescape %}或者直接{{ post.content|safe }} 效果相同。最后显示正常:原创 2017-12-16 22:44:39 · 1400 阅读 · 0 评论 -
CSS超链接下划线
a{text-decoration: none;} //这个是设置a标签的默认状态去除下划线a:visited{text-decoration: none;} //这个是设置a标签的访问过后的状态去除下划线a:hover {text-decoration: none;} //这个是设置a标签的鼠标覆盖状态去除下划线a:active{text-decoration:none原创 2017-12-14 19:12:51 · 885 阅读 · 0 评论 -
CSS3属性box-shadow使用详细教程
CSS3属性box-shadow使用详细教程box-shadow:length length length length colorlength:阴影水平偏移值length:阴影垂直偏移值length:阴影模糊值length:阴影边框color:阴影颜色说明:设置块阴影box-shadow:3px 3px 6px 0px #666效果如下图:原创 2017-12-14 18:59:00 · 535 阅读 · 0 评论 -
爬虫特殊场景
原创 2017-12-06 11:33:59 · 741 阅读 · 0 评论 -
python 实时监控内存系统
一、监控文件monitor.pyimport timeimport MySQLdb as mysqldb = mysql.connect(user="reboot",passwd="reboot123",db="memory",host="localhost")db.autocommit(True)cur = db.cursor()def getMem(): with o转载 2017-12-31 18:11:17 · 2477 阅读 · 0 评论 -
django中STATIC_ROOT和STATICFILES_DIRS区别 及MEDIA_ROOT
staticfiles:这是一个静态资源管理的app,django.contrib.staticfiles。老的版本中,静态资源管理一直是一个问题,部分app发布的时候需要带上静态资源,在部署的时候必须将每个app存在的static(这个目录是自己创建的)静态资源复制到项目根目录下同一个static目录(即staticfiles在项目目录下生成的static,与每个app下的static不同)。引...原创 2017-12-21 11:38:59 · 12921 阅读 · 3 评论 -
centos nginx uwsgi django+virtualenv部署
一、项目目录下新建uwsgi.ini 与manage.py同一级目录比如项目在 /home/tu/zqxt 这个位置,在其中新建一个 uwsgi.ini 全路径为 /home/tu/zqxt/uwsgi.ini[uwsgi]vhost = falseplugins = pythonsocket = 127.0.0.1:8080master = trueenable-threads = truewo...原创 2017-12-21 00:44:39 · 510 阅读 · 0 评论 -
django 原有表格添加或删除 字段
一、如果models.py文件为时:timestamp = models.DateTimeField('保存日期')会提示:(env8) D:\Desktop\env8\Scripts\mysite>python manage.py makemigrationsYou are trying to add a non-nullable field 'timestamp' to article ...原创 2017-12-16 12:41:00 · 4241 阅读 · 0 评论 -
django-bootstrap 总结
一、兼容IE低版本浏览器<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1">二、bootstr原创 2017-12-14 17:48:07 · 492 阅读 · 0 评论 -
django—bootstrapt 前端网页开发总结
一、导航栏<!-- 导航栏--> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header">原创 2017-12-12 22:31:23 · 2430 阅读 · 0 评论 -
python virtualenv django 使用
一、安装virtualenv: pip install virtualenv二、创建目录: Mac:~ michael$ mkdir myproject cd myproject三、创建一个独立的Python运行环境,命名为venv: Mac:myproject michael$ virtualenv --no-site-packages venv (命令virtual...原创 2017-12-10 17:52:25 · 540 阅读 · 0 评论 -
css的引入方式
css的引入方式1、行间样式的引入写法:在标签中写一个style的属性,比如style=“”,在引号中写相应的css样式缺点:不利于维护,不利于代码重用优点:优先级最高2、内部样式表的引入写法:在head标签里写一个style的标签(!!),在标签中通过选择器来控制样式(1)标签名选择器写法:div {...css的样式}(2)ID选择器写法:首先在相应标签中设置一个ID的属性,如:id="id名...原创 2018-02-26 13:42:12 · 280 阅读 · 0 评论 -
搜索引擎蜘蛛的基本原理及工作流程
搜索引擎用来爬行和访问页面的程序被称为蜘蛛(spider),也叫机器人(bot)。搜索引擎蜘蛛访问网站页面时类似于普通用户使用浏览器,蜘蛛程序发出页面访问请求后,服务器返回HTML代码,蜘蛛程序把收到的代码存入原始页面数据库,搜索引擎为了提高爬行和抓取的速度,都使用多个蜘蛛分布爬行。蜘蛛访问网站时,首先会访问网站根目录下的robots.txt文件,如果robots.txt文件禁止搜索引擎抓取某些网...转载 2018-02-08 00:00:31 · 3543 阅读 · 0 评论 -
表格
如上图的表格:tr 是行数,td 是单元格数,th 是标题性质的 td确定 tr 和 td(th 同 td)的方法:1、从上到下,最细分到几行便是几个 tr2、如上是三种基本单元格形式。A 是基本单元格,其余的变种都是基本单元格合并而成。B 是合并上下单元格组合而成,C 是合并左右单元格。合并后的 B 种单元格算到第二行第一个单元格中,C 种单元格算到第四行第一个单元格中(按上表从上到下从左到右算...转载 2018-03-16 10:07:03 · 282 阅读 · 0 评论 -
静态页面和动态页面的区别
一、静态web页面:1、在静态Web程序中,客户端使用Web浏览器(IE、FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务器我现在需要得到哪个页面,所有的请求交给Web服务器,之后WEB服务器根据用户的需要,从文件系统(存放了所有静态页面的磁盘)取出内容。之后通过Web服务器返回给客户端,客户端接收到内容之后经过浏览器渲染解析,得...转载 2018-03-09 23:04:04 · 565 阅读 · 0 评论 -
一个简单的页面,设置背景图平铺、table布局居中、响应式布局及响应式布局中em尺寸单位使用
大家可以通过table来设置居中:display: table;width: auto;margin-left: auto;margin-right: auto;1、设置背景图尺寸background-size的方式:设置背景图片的尺寸:background-size: length|percentage|cover|contain;length|percentage:两个值,第一个值为宽、第二...转载 2018-03-16 12:28:02 · 1026 阅读 · 0 评论 -
页面居中、响应式布局的总结
一、水平居中(父容器和子容器的宽度都是不一定的)1.inline-block+text-align如果不希望元素内的文字水平居中,那么需要在child中设置text-align为left。2.table+margin只需要设置子元素。3.absolute+transform子元素不会对其他元素产生影响。4.flex+justify-content只需设置父元素。二、垂直居中(父容器和子容器的高度都...转载 2018-03-16 12:33:25 · 829 阅读 · 0 评论 -
html/css基础篇——DOM中关于脱离文档流的几种情况分析
所谓的文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最终窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。脱离文档流即是元素打乱了这个排列,或是从排版中拿走。 当前所知的脱离文档流的方式有两种:浮动和定位。 a.定位属性positon 先看一下定位。看一段对定位各个字段的描述,有助于理解值描述absolute生成绝对定位的元素,相对于 static...转载 2018-03-16 18:52:08 · 682 阅读 · 0 评论 -
css网页布局
块与块之间的位置关系,通过css来调整元素本身自带了一些属性,如<p>元素默认自带了margin等值参考:https://www.imooc.com/video/774 https://www.imooc.com/learn/588CSS 实例CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性...原创 2018-03-17 00:41:03 · 164 阅读 · 0 评论 -
html5 input
原创 2018-03-17 11:52:01 · 269 阅读 · 0 评论 -
如何利用Javascript发送GET/POST请求
如何利用Javascript发送GET/POST请求最近在做基于TWS的分析系统,因为采用Flask+Java的技术架构方案,所以需要开发Web,然而我自己没有做过类似的开发,所以很多工作是从头开始学着做的。因此,在实现表单数据提交的时候,当时就想到个问题,如果一个页面里内容足够多的话,仅用form提交的话,后台就需要做非常复杂的判断,以此确认用户提交的是哪类数据,这样工程不仅难看,而且低效。于是...转载 2018-03-17 12:18:14 · 12602 阅读 · 0 评论 -
JS数据类型
原创 2018-03-17 12:40:06 · 180 阅读 · 0 评论 -
JS流程控制语句
1.做判断(if语句)if语句是基于条件成立才执行相应代码时使用的语句。语法:if(条件){ 条件成立时执行代码}注意:if小写,大写字母(IF)会出错!假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司。代码表示如下:<script type="text/javascript"> var mycarrer = "HTML"; if (mycar...转载 2018-03-17 12:40:20 · 255 阅读 · 0 评论 -
Vue.js:轻量高效的前端组件化方案
出处:http://www.youkuaiyun.com/article/1970-01-01/2825439Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在 GitHub上已经有5000+的star。本文将从各方面对Vue.js做一个深入的介绍。开发初衷2013年末,我还在Goo...转载 2018-03-04 17:41:43 · 378 阅读 · 0 评论 -
django基于models.py对数据的“增删改查”
Django 模型Django 对各种数据库提供了很好的支持,包括:PostgreSQL、MySQL、SQLite、Oracle。Django 为这些数据库提供了统一的调用API。我们可以根据自己业务需求选择不同的数据库。MySQL 是 Web 应用中最常用的数据库。本章节我们将以 Mysql 作为实例进行介绍。你可以通过本站的 MySQL 教程 了解更多Mysql的基础知识。如果你没安装 mys...转载 2018-03-04 17:47:28 · 1017 阅读 · 0 评论 -
jquery和vue对比
出处:http://blog.youkuaiyun.com/xutongbao/article/details/77870989 https://www.cnblogs.com/MR-YY/p/6898464.html前言:很多人说jquey和vue没有什么可比的,应该和Angular,React来比吧,我到觉得他们倒没有多大的可比性,都是基于mvvm思想设计的框架,无非就是实现的方式不一样...转载 2018-03-04 18:38:37 · 641 阅读 · 0 评论 -
AJAX
补充:AJAX:Asynchronous JavaScript And Xml(异步的JS和XML)同步:客户端发起请求》服务端的处理和响应》客户端重新载入页面(循环)异步:客户端实时请求》服务端处理和响应》客户端获得响应后局部刷新页面异步实现的关键是,XMLHttpRequest对象的出现 创建XHR对象var request;if(window.XMLHttpRequest){ r...原创 2018-03-17 20:53:41 · 232 阅读 · 0 评论 -
XmlHttpRequest.html
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Demo</title><style>body, input,转载 2018-03-17 21:56:46 · 266 阅读 · 0 评论 -
JSON
json解释的两种方法转载 2018-03-18 00:12:47 · 199 阅读 · 0 评论 -
跨域及处理
转载 2018-03-18 00:12:57 · 191 阅读 · 0 评论 -
HTTP、Cookie、Session、token
HTTP、Cookie、Session HTTP协议作为无状态协议,无状态并不陌生,EJB bean中就有有状态、无状态之分,对于HTTP协议而言,无状态同样指每次request请求之前是相互独立的,当前请求并不会记录它的上一次请求信息。那么问题来了,既然无状态,那完成一套完整的业务逻辑,发送多次请求的情况数不胜数,使用http如何将上下文请求进行关联呢?机智的人类通过优化,找到了一种简单...转载 2018-03-18 00:13:09 · 356 阅读 · 0 评论 -
jQuery对象与js对象互相转换
两种转换方式将一个jQuery对象转换成js对象:[index]和.get(index):(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的js对象。 如:var $v =$("#v") ; //jQuery对象 var v=$v[0]; //js对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供,通过.get(...转载 2018-03-18 11:42:19 · 5746 阅读 · 0 评论