zhaolisha9232的博客

原创 循环删除数组元素

var arr = [1,2,2,3,2,4] ;var len = arr.length ;按照常规的思路，直接一个for循环，然后在循环里面来个if判断，在判断中删除掉指定元素即可。但是实际情况往往不会像预想的那样顺利运行(1) splice函数(function () { var arr = [1,2,2,3,4,5]; var len = arr.length-1; //start...

原创 div 动态显示滚动条

（1） style=" overflow:scroll; width:400px; height:400px;” 不过在不超出时，会有下面的滚动条，所以不是最好的选择（2）style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;” 这样比较好的是，在宽和高不超出时，只是一条线（3）style="max-he

转载 js 定时器

1、JS中的定时器有两种：window.setTimeout([function],[interval]) 设置一个定时器,并且设定了一个等待的时间[interval],当到达时间后,执行对应的方法[function],当方法执行完成定时器停止(但是定时器还在,只不过没用了);window.setInterval([function],[interval]) 设置一个定时器,并且设定了一个等待

原创 text-align/align

text-align 属性规定元素中的文本的水平对齐方式text-align:center指这个div块内的文本居中，而align:center则是将这个div进行居中

原创 nodeJS express框架搭建web服务器

express是一个开源的node.js项目框架，初学者使用express可以快速的搭建一个Web项目，express中已经集成了Web的http服务器创建、请求和文件管理以及Session的处理等功能，所以express是非常适合初学者的入门学习。   1. 安装node.js之后就需要安装express,使用熟悉的命令安装,但是,安装成功之后居然提示express不是内部或外部命令

原创 循环ajax请求

（1）问题：循环ajax请求，ajax是异步的，可以使用递归代替循环在请求成功的回调函数中递归调用请求函数var result = [];for(var i = 0 ; i < result.length; i++){ send(result[i]); //如何保证在第一条数据发送成功后再继续循环发送下一条数据呢？不用jquery}function send(o

转载 angularJS $q $http 与promise对象的关系

一、介绍：$http服务是AngularJS系统自带的，可以用来进行网络通信、获取远程服务器的数据。要记住的是，$http是对浏览器XMLHttpRequest的封装，也就是说，它其实是Ajax。二、$http的基本用法：使用的时候写好几个参数：options：包括url、method（get或post）successFn：成功的回调errorFn：

转载 JavaScript单线程和异步机制

JavaScript单线程和异步机制随着对JavaScript学习的深入和实践经验的积累，一些原理和底层的东西也开始逐渐了解。既然是单线程的，那异步调用是怎么实现的？计时器是靠谁来计时的，这单线程总不能一边执行程序一边计时吧？那些耗时的I/O操作为啥没把线程阻塞，不是说好的单线程么？相信很多不了解JavaScript单线程的同学也有过类似的疑问。今天看了不少相关的资料，

转载 JavaScript脚本的运行环境

目前JavaScript脚本的运行环境有浏览器和Node.js环境两种。1、javascript被定义为一种浏览器的脚本语言，一直以来其运行环境都是客户端浏览器，因为JavaScript设计的初衷就是做一些浏览器与用户的交互和一些网页的特效来补充HTML和CSS的不足。2、在2009年，诞生了node.js技术，node.js是一个Javascript运行环境(runtime)。实

转载 AngularJS $on、$emit和$broadcast的使用

AngularJS的学习--$on、$emit和$broadcast的使用 - 疯狂的原始人时间 2014-04-22 00:08:00  博客园精华区原文  http://www.cnblogs.com/CraryPrimitiveMan/p/3679552.html主题 AngularJSAngularJS中的作用域有一个非常有层次和嵌套分明的结构。其中它们

转载 AngularJS 中利用 Interceptors 来统一处理 HTTP 的错误

AngularJS 中利用 Interceptors 来统一处理 HTTP 的错误原文  http://chensd.com/2016-03/Angular-Handle-Global-Http-Error-with-Interceptors.html主题 HTTP AngularJSWeb 开发中，除了数据操作之外，最频繁的就是发起和处理各种 HTTP 请求了

原创 ajax请求超时设定

jquery ajax超时设置var ajaxTimeoutTest = $.ajax({　　url:'',  //请求的URL　　timeout : 1000, //超时时间设置，单位毫秒　　type : 'get',  //请求方式，get或post　　data :{},  //请求所传参数，json格式　　dataType:'json',//返回的数据格式

原创 思考 Ajax请求

1. 什么是ajax ajax是asynchronous javascript and XML的简写，中文翻译是异步的javascript和XML，这一技术能够向服务器请求额外的数据而无须卸载页面，会带来更好的用户体验。虽然名字中包含XML，但ajax通信与数据格式无关。ajax技术的核心是XMLHttpRequest 对象（简称xhr)IE7+,Firfox,Opera,Chro

原创 前端性能-调研

浏览器的并发请求数目限制是针对同一域名的。意即，同一时间针对同一域名下的请求有一定数量限制。超过限制数目的请求会被阻塞。不同浏览器的限制请求数量

转载 bootstrap.css.map 404 not found

bootstrap.css.map这个文件有何用处？该怎能使用它？. ├── bootstrap.css ├── bootstrap.css.map ├── bootstrap.min.css ├── bootstrap-theme.css ├── bootstrap-theme.css.map └── bootstrap-theme.min.css 0 di

转载 datetimepicker

1. 简述最近因为项目，在用Bootsrapt写一些前台，遇到datetimepicker时，在使用方面出现了一些问题，索性记录下来，能用到看看，用不到留着自己参考。2. 官方文档附上官方文档链接，需要的人们传送门。官方文档大部分都是中文，已经不错了，但是还是在很多问题上没有给出例子。博主，把一些常用的在后文附上，有错误请不吝赐教。3. 选项（属性）

转载 <div>/<span>/<label>标签

div与spandiv：指定渲染HTML的容器span：指定内嵌文本容器通俗地讲就是如果里面还有其他标签的时候就用div，如果里面只有文本就应该用spandiv是一个块级元素，用来为HTML文档内大块的内容提供结构和背景span是行内元素，在行内定义一个区域（也就是一行内可以被划分好几个区域）div标签中可以镶嵌span标签，（div可以看做是一个大

原创 AngularJS 监听 动态增加的控件模型

（1）$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你，$watch(watchExpression, listener, objectEquality);watchExpression：监听的对象，它可以是一个angular表达式如'name',或函数如function(){return $scope.name} 。lis

原创 angularjs 实现动态添加控件

实现下面这样的需求：点击增加一块数据盘，会出现数据盘选项。(1)最开始，想到原生javascript，jquery (appendChild()等方法结合angularjs来添加新的元素。但是突然发现控件里面的数据绑定，原生javascript没法控制。上(2)网查资料，找到$compile服务，动态改变html内容。本以为这可以解决我的需求，但是仔细研究发现$

转载 前端组件化

什么是前端组件化和模块化？这两天一直在思考这个问题，以前对这两个概念的理解很模糊。认为“模块化”是侧重于功能或者数据的封装，目的是为了解耦合；而“组件化”更关注的UI部分，如一个页面可以分为头部、底部和内容区域等等。这样的理解很明显是表层的简单的可能还是不正确的理解，最近反复阅读了苏宁前端“代码民工徐飞”关于组件化话的几篇文章，结合Angular1.x和Vue1.x的组件思想对组件

转载 angularJS select

原创 ng-model，ng-value，ng-bind，{{}}----angularJS数据绑定

最典型用法 双向绑定ng-value用于设置 input 或 select 元素的 value 属性input ng-value="expression">/input>ng-model  , , , 元素支持该指令。element ng-model="name">/element>ng-b

原创 angularjs radio单选框

（1）angularjs radio 默认选中       添加ng-model后checked="checked"失效，可见angularjs也不好，会失效html标准属性      解决：添加ng-checked="1"       （2）angularJS,通过radio来控制元素的显示和隐藏，以及控制表单元素的disabledlable>inputtype=

原创 AngularJS 双向绑定 <input type='file'>中文件名，文件内容

通过ng-model获取文件名，文件内容无效，这里用的都是双向绑定，但是双向绑定时参数传过去是undefined或者为空 {{feupload}} 上传 在网上搜了搜，发现一种方法：//onchange改变事件 上传    JS代码：$scope.fileChanged

原创 undefined类型 null类型 区别

1.undefined类型   在使用var 声明变量，但并未对其加以初始化时，这个变量的值就是undefined。2.null 类型  从逻辑角度来看，null值表示一个空对象指针；因此如果定义的变量用于保存对象，那么最好将该变量初始化为null而不是其它值。3.undefined 类型与 null类型 的区别  实际上undefined 派生自null，因此 alert（n

转载 网页屏蔽Backspace事件

document.onkeydown = function (e) { var code; if (!e){ var e = window.event;} if (e.keyCode){ code = e.keyCode;} else if (e.which){ code = e.which;} //BackSpace

原创 javascript 日期

（1）UTC 本地时间转换       var test="2016-08-23 19:53:22"       var result=new date(test)       console.log(result);//2016-08-23T11:53:22Z       console.log(result.toJSON);//2016-08-23T11:53:22Z

原创 bootstrap3 时间选择控件

资料：http://www.bootcss.com/p/bootstrap-datetimepicker/demo.htmhttp://tarruda.github.io/bootstrap-datetimepicker/引入js 文件, css文件，但要注意bootstrap2 和bootstrap3 的区别 $(".form_dateti

原创 Angular的 $q, defer, promise

资料： http://www.tuicool.com/articles/FfaA7bu目前的理解：var delete()=function(){ var defer=$q.defer(); var promise=[.....]; $q.all(promise).then(function(){ defer.resolve();//表示请求完成 },

转载 setInterval

setInterval 不同于setTimeout，setInterval会无限反复执行，如果要让setInterval停止执行该怎么做呢？只需要把setInterval()赋值给一个变量，然后clearInterval()这个变量即可停止。例如：var timesRun = 0;var interval = setInterval(function(){times

原创 javascript变量，作用域，内存

1.传递参数，是值传递var count=90var result=addTen(count);console.log(count);//90console.log(result);//1002.执行环境，作用域      全局环境，各个函数的局部环境var color="red";//全局环境的变量对象function change(){ color="blue

原创 hightCharts图表＋angularJS+实时动态显示数据

首先推荐 highcharts 中文网站，http://www.hcharts.cn/，可以先看看最基本的例子，以及highcharts怎么配置,下面就结合目前所做的总结下hightCharts（1）hightCharts配置项         title,subtitle,colors,xAxis,yAxis,tooltip,plotOptions,legend,exporting,se

原创 浏览器与服务端通信

ajax技术的核心：xmlHttpRequest对象同步请求异步请求状态码：304意味着响应有效，且请求的资源并没有被修改，200作为成功的标志xhr.open("get","example.php?name1=value1&name2=value2",true);function addURLParam(url,name,value){      url+=(url.in

原创 字符替换＋时间转换

1.str=str.replace(/[a-zA-Z]/g," "),替换所有字母为空2.获取当前时间   new Date（）返回当日的日期时间   getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。  var date=new Date();  console.log(date.getTime());

转载 2016.7.28笔记－正则表达式

1.常用正则表达式"^\d+$"　　//非负整数（正整数 + 0） "^[0-9]*[1-9][0-9]*$"　　//正整数 "^((-\d+)|(0+))$"　　//非正整数（负整数 + 0） "^-[0-9]*[1-9][0-9]*$"　　//负整数 "^-?\d+$"　　　　//整数 "^\d+(\.\d+)?$"　　/

原创 基于Flask session机制的单点登录

flask默认的是 client side sessionFlask by default usesthe Werkzeug provided 'secure cookie' as session system. It works by picklingthe session data, compressing it and base64 encoding it.flask用的secure

原创 Flask 框架以及session机制

问题：如果我有一个用户登录，则我将他的user_id存入到session中去，session又是dict的形式，那么我服务器运行时候有那么多的用户登录，session是怎么存储在服务器中的呢？ flask和我之前用过的其他框架有一点不同的是，它的session默认是完全保留在客户端浏览器中的，也就是说我往flask的session中写入数据，最终这些数据将会以json字符串的形式，经过ba

原创 Django session机制

最近做项目，用到了session机制，就对Django session进行 了调研，具体总结如下：Django属于Full stackframework。包括了几乎所有web开发用到的模块。session管理、CSRF防伪造请求、Form表单处理、ORM数据库对象化、自己的template languageDjango中的Session有3种存储方式：放在数据库、缓存或者文件系统中,通

原创 Python +字符串+列表+字典

应用1：将字符串str，经过某字符如@、/、；，%，‘abc'等，用split()分割之后变成列表List[]然后，可以取列表中的一项，及多项应用2：字符串拼接："user"+get["password"]字符串比较：if user=="admin":字符串应用：'ceph auth add %s'%(username)应用3：Python 执行系统

原创 前后端数据交互总结

1. HTML赋值2. JS赋值3. script填充JSON4. AJAX获取JSON5. WebSocket实时传输数据HTML/CSS标准的发展使得前端表现日益丰富RESTful Api和Json的发展使得前后端交互日益便利JS框架的不断发展使得前端开发无限可能