JSON--JavaScript Object Notation，是一种轻量级的数据交互格式，本质是特定格式的字符串，相比xml更简洁，现在是客户端与服务器端交互的最常用选择，已经很少用xml了 JSON格式：1.JSON对象{key1:value1,key2:value2,} 2.JSON数组[v ...
分类：
Web程序 时间：
2016-12-11 02:29:20
阅读次数：
236
JS 由三部分组成：ECMAScript：也叫解释器，充当翻译角色，这是 JS 的核心部分。 DOM：文档对象模型（Document Object Model）。DOM 赋予了 JS 操作 HTML 的能力，即 document 操作。 BOM：浏览器对象模型（Browser Object Mode ...
分类：
Web程序 时间：
2016-12-11 02:34:19
阅读次数：
169
一、获取内联样式 在这种情况下，获取和设置样式只靠style属性就可以，因为element.style属性返回的是类似数组的一组样式属性及对应值，因此访问具体样式的时候可以采取两种方式即“ele.style.属性名称”和“ele.style['属性名称']”。但是，要注意的是，针对css样式里bac ...
分类：
Web程序 时间：
2016-12-11 02:38:30
阅读次数：
245
html中的地址可以用写死的，也可以用生成的，如：<a href="{% url 'app-url' param1 param2 ... %}">link</a>. 这句{% url 'app-url' param1 param2 ... %}会生成相应的url地址，即根据在urls.py中app的 ...
分类：
Web程序 时间：
2016-12-11 02:41:27
阅读次数：
144
css居中那点事儿 在css中对元素进行水平居中是非常简单的，然而使元素垂直居中就不是一件简单的事情了，多年以来，垂直居中已经成为了CSS领域的圣杯，因为它是极其常见的需求，但是在实践中却不是一件简单的事情。下面我会简单介绍水平居中，并着重讨论垂直居中。 第一部分：水平居中 1.实现行内元素的居中。 ...
分类：
Web程序 时间：
2016-12-11 02:40:05
阅读次数：
242
水平居中 1：行内元素居中，在行内元素上一级上面的块元素内添加 text-align:center; 2：块级元素居中，为块级元素css添加 margin:0 auto; （要设置宽高值） 3：块级元素居中，使用绝对定位position: absolute;同时设置负边距 margin-left: ...
分类：
Web程序 时间：
2016-12-11 02:40:56
阅读次数：
206
offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式，技术交流QQ群：15129679 ...
分类：
Web程序 时间：
2016-12-11 02:43:34
阅读次数：
187
今天讨论一下HTTP协议。一个做前端的，如果连HTTP协议都不了解，那实在是太不合格了。 首先，什么是HTTP？Hyper Text Transfer Protocol(超文本传输协议)，用在浏览器和Web服务器之间传输超文本网页。1991年，由IETF这个团体发布了第一个版本——HTTP/0.9， ...
分类：
Web程序 时间：
2016-12-11 02:47:59
阅读次数：
135
思路： 1、获取被选中checkbox，通过checked属性的状态完成； 2、获取被选中的checkbox的value值； 3、求所有value的和sum； 4、定义span区域存储和sum； 代码如下： <html> <head> <meta http-equiv="Content-Type" ...
分类：
Web程序 时间：
2016-12-11 02:48:06
阅读次数：
193
内置对象 基本包装类型 String对象 BOM BOM基本概念 动画 offsetLeft与offsetTop 1.元素自身与offsetParent真实的距离 2.获取到的是数值类型，方便计算 3.只读属性，只能获取，不能设置 style.left与style.top 1.只能获取行内样式 2. ...
分类：
Web程序 时间：
2016-12-11 02:47:56
阅读次数：
188
onmouseover : 鼠标进入 onmouseout : 鼠标离开 onfocus：得到焦点 表单提交执行JS代码，有两种常用方式。 一：在局部（比如按钮定义处）用onclick="return Check()"; 二：在表单form处用onsubmit="retnrn Check(this) ...
分类：
Web程序 时间：
2016-12-11 02:49:30
阅读次数：
154
我之前在 《前端搭环境之从入门到放弃》这篇文章中吐槽过，webpack中可以写commonjs格式的require同步语法，可以写AMD格式的require回调语法，还有一个require.ensure，以及webpack自己定义的require.include，再加上ES6的import语法，这么 ...
分类：
Web程序 时间：
2016-12-11 02:50:59
阅读次数：
441
思路： 1、定义页面 通过表格格式化表单； 表格行都有自己的背景颜色； 单元格中的数据(文本等)用div进行封装，好操作； 2、定义样式 表格的样式； div的样式； 3、动态效果 页面加载时，将所有的输入框定义默认框线颜色和获取焦点时的框线颜色； 进行内容校验，不正确时显示警告信息。 代码如下： ...
分类：
Web程序 时间：
2016-12-11 02:50:42
阅读次数：
176
jQuery中position()与offset()区别 技术交流QQ群：15129679 ...
分类：
Web程序 时间：
2016-12-11 02:54:15
阅读次数：
218
思路： 1、获取所有行对象，将需要间隔颜色显示的行对象进行动态的className属性指定； 前提是：先定义好类选择器，就是说给行对象赋予name. 2、高亮用到两个事件：onmouseover（鼠标进入事件）、onmouseout（鼠标移 出事件） 3、为了方便可以在遍历行对象时将每一个行对象都进 ...
分类：
Web程序 时间：
2016-12-11 02:54:21
阅读次数：
197
DOM : 获取DOM树中的节点、获得对象后操作节点、重点Node节点对象、常见应用 1、 获取DOM树中的节点： document.getElementById('id'); document.getElementsByTagName('Tagname'); document.getElement ...
分类：
Web程序 时间：
2016-12-11 03:04:38
阅读次数：
275
感觉JS里面还是有很多小技巧的,知道套路了,其实实现起来其实也还没有想象中的那么复杂.不过我觉得还是要把所学的知识融会贯通吧,不能学了JS就忘了前面的知识,结合起来才会威力无穷. 1.跑马灯:弹弹弹 2.显示/隐藏选项卡,这个真是太简单....... 3.点出一个世界... ...
分类：
Web程序 时间：
2016-12-11 03:05:36
阅读次数：
179
最终效果 最终效果 这里的关键主要是判断鼠标是从哪个方向进入和离开的 demo上面代码的重点主要是在direction的值的计算Math.atan2(y,x) 返回-PI 到 PI 之间的值(负180°到正180°)，是从 X 轴正向逆时针旋转到点 (x,y) 时经过的角度 这里的结果是一个弧度值。 ...
分类：
Web程序 时间：
2016-12-11 03:08:16
阅读次数：
261
