- 博客(43)
- 收藏
- 关注
RSS订阅转载 十大免费PHP+MySql平台内容管理系统
1. Joomla! 一套在国外相当知名的内容管理系统，2007年开源cms第一名!Joomla!是使用PHP语言加上MySQL数据库所开发的软件系统，可以在 Linux、Windows、MacOSX等各种不同的平台上执行。操作接口除了美观之外，也花了很多心力在设计这些接口的简易操作性。但初次使用者，需要花一点时间学习一下操作的方式，才能运用自如。。
2016-09-22 22:07:11
2280
原创 jQuery选择器
基本选择器#id.classelement* 所有元素层次选择器$("div p");选中div中的所有span标签(子孙)$("div>p");选中div儿子中的所有span标签$("div1+div2");下一个兄弟$("div1~divs");所有兄弟基本过滤选择器:first 选取第一个元素:last 选取最后一个元素:not(selec
2016-07-25 19:27:47
302
原创 正则表达式
/*正则表达式（regular expression）（台湾称为规则表达式）描述了一种字符串匹配的模式，可以用来search()检查一个串时候含有某种子串、将match()匹配的子串做replace()替换或者从某个串中取出某个符合条件的子串。 */varstr = "fdsf123sfd的份上12的撒发13";// [123,12,13]vararr = [
2016-07-17 18:19:01
313
原创 localStorage
DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body>scripttype="text/javascript">//localStorage 一种在客户端存储少量的数据，大小是5m//IE8 以上才支持//cookie字符串//localStorage对象//
2016-07-17 18:12:02
256
原创 cookie
DOCTYPE html>html>head>metacharset="utf-8" />title>title>head>body>scripttype="text/javascript">/** 客户端存储用户信息能力的要求，属于某个特定的用户的信息* 应该存在于该用户的机器上，例如：登录信息、偏好设置、等等。* 有好多种方法，我们涉
2016-07-17 18:11:14
603
原创 javascript-BOM
BOM Browser Object Modal 用BOM是处理与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，使用BOM进行开发的话可以打开、移动窗口，改变一些文本，以及执行与页面内容不直接相关的动作。* BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象， 其他对象都是window对象的子对象* window 对象* 1
2016-07-17 16:25:58
251
原创 sort();方法
DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body>scripttype="text/javascript">/*定义和用法sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字，并按升序或降序。默认排序顺序为按字母升序。注意：当数字是按字母顺序排列时
2016-07-17 16:03:29
922
原创 JavaScript-DOM
DOM概念：1. 是文档对象模型DOM（Document Object Modal）当页面被加载时， 浏览器为页面生成DOM被构造为对象的树（倒立的树）2. 从编程角度看,DOM是针对HTML 和 XML的API(Application Programing Interface) 应用程序编程接口, js同过操作DOM可以实现添加，移出，修改页面元素 */节点关系
2016-07-17 15:45:47
234
原创 js基础汇总
DOCTYPE html>html lang="en">head>meta charset="UTF-8">title>Documenttitle>head>body>script>一. script的引入方式1. 头部引入2. 外部引入（可以在头部可以在body）3. body闭标签前引入（内部引入）一般写法 js的调试方式：1.
2016-07-17 15:43:31
373
原创 javascript6-系统对象
DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body> scripttype="text/javascript">// Date 对象// 记录时间的，时间对象varnow = new Date();// alert(now);// 年份获取varye
2016-07-17 15:11:15
313
原创 javascript5-函数
DOCTYPE html>html>head>metacharset="utf-8" />title>title>head>body>inputtype="button" name="btn" id="btn"value="点我点我" />scripttype="text/javascript">// 函数// 定义：
2016-07-17 15:08:38
300
原创 javascript4-数组
DOCTYPE html>html>head>metacharset="utf-8" />title>title>head>body>divid="div1">div>scripttype="text/javascript">varoDiv = document.getElementById("div1");// 数组// 能够保
2016-07-17 14:45:15
198
原创 javascript3-循环结构
DOCTYPE html>html>head>metacharset="utf-8" />title>title>head>body>scripttype="text/javascript">// 循环结构// 在某一条件下，重复去做某件事。vartime = 0;// 1. while循环 当。。。时// 当满足括号中的条件时，一直
2016-07-17 14:39:44
228
原创 javascript2-分支结构
DOCTYPE html>html>head>metacharset="utf-8" />title>title>head>body> inputtype="text" name="man" id="man"value="" />inputtype="button" name="btn" id="btn"value="提交" />
2016-07-17 14:33:46
258
原创 元素获取与事件绑定
DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body>divid="div1">div>scripttype="text/javascript">// 元素获取// 都是DOM// html获取// 通过id获取元素// object 对象
2016-07-17 14:30:45
200
原创 javascrip-1基本语法
DOCTYPE html>html>head>metacharset="utf-8" />title>title>style> style>scripttype="text/javascript">script>scripttype="text/javascript" src="js/one.js">script>head
2016-07-17 14:28:20
175
原创 js方面的书籍推荐
《javascript高级程序设计》、《JavaScript DOM编程艺术 第2版》、《JavaScript 设计模式》、《Javascript框架设计》、《JavaScript语言精粹》、《编写高质量代码--Web前端开发修炼之道》、《精通JavaScript》、《前端黑客揭秘》。
2016-07-13 08:46:07
340
原创 模拟彩票
var oBtn = document.getElementById("btn1");var oDiv = document.getElementById("div1");// .innerHTML 双标签中加内容// oDiv.innerHTML = "送货上门"; // 产生随机数的函数function random(max, min) {return Math.flo
2016-07-12 21:03:13
474
原创 this关键字应用
*{margin: 0;padding: 0;}.yellow{width: 150px;height: 20px;background-color: greenyellow;}div{font-size: 16px;width: 150px;height: 20px;text-align: center;}你最喜
2016-07-12 21:02:17
195
原创 写一个函数，函数功能是将一个排好序的数组打乱
// 写一个函数，函数功能是将一个排好序的数组打乱var arr = [1, 2, 3, 4, 5, 6];// 写一个函数功能产生随机数，function random(max, min) {return Math.floor(Math.random() * (max - min + 1) + min);}for (var i = 0; i // 随机下标
2016-07-12 21:01:30
864
原创 校验用户输入的生日
var oNum1 = document.getElementById("num1");var oNum2 = document.getElementById("num2");var oNum3 = document.getElementById("num3");var oBtn = document.getElementById("btn");oBtn.onclick = f
2016-07-12 21:00:07
465
原创 九九乘法表-javascrip循环结构
九九乘法表div{width: 100px;height: 30px;border: 1px solid darkolivegreen;display: inline-block;text-align: center;line-height: 30px;}for (var j = 0; j for (var i = 0; i
2016-07-12 20:58:57
283
原创 HTML DOM概念及相关操作
1.DOM：文本对象模型DOM（Document Object Modal）当页面在加载时，浏览器为页面生成DOM，被构造为对象的树，倒立的树。从编程角度看，DOM是针对HTML和XML的API（Application Programing Interface）应用程序接口，js同时通过操作DOM可以实现添加、移除、修改页面元素.2.节点类型：标签是一种节点类型DOM里都叫节点
2016-07-12 20:49:25
256
原创 HTML5和CSS3动画效果知识点总结
1.响应式布局；响应式布局有两种方法：1. 流式布局：百分比布局（宽，高，定位置） 所谓百分比，尺寸的百分比：基于父级的百分比。流式布局需要在head里面写上这句话：使用流式布局是需要注意几点：margin，padding 设置这两个数值时， 需要根据屏幕宽度变化而改变数值（并不是高度）即：margin数值/屏幕宽度（父级宽度）= 百分比，left,top,right,bottom 需
2016-07-12 20:43:12
1405
原创 盒子六环
六环/* #guaiyi{background: red;width: 200px;height: 200px;border: 10px solid green;padding: 20px;margin: 30px;把盒子的计算方式变成怪异盒模型 box-sizing: border-box;}*/.div1{border: 1px dashed
2016-07-12 20:35:17
196
原创 表格版个人简历
Documenttable{height: 570px;width: 730px;text-align: center;font-size: 14px;}.a{height: 54px;}.b{width: 106px;}.c{width: 156px;}.d{width: 80px;}姓名乔巴
2016-07-12 20:30:57
430
原创 CSS3新属性
1.transition 过渡效果让一个元素从一个状态过度到另一种状态。transition: property time;transition: all 3s;transition: background-image 2s, height 3s;transition-property: 设置属性值;transition-duration: 设置时间;trans
2016-07-11 22:03:40
346
原创 CSS3新属性 border-radius版企鹅
Documentbody{margin-top: 100px;margin-left: 500px;}.head{width: 300px;height: 240px;border: 1px solid black;background-color: #000;position: relative;border-radius: 150px 150px
2016-07-11 21:58:52
310
原创 旋转的魔方-3D
Documenthtml, body{height: 100%;}body{perspective: 1000px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: p
2016-07-11 21:50:22
389
原创 css3选择器
属性选择器：a[href]: 所有a标签中 带有href属性名的标签。a[href="#"]: 所有a标签中，href属性值为#号的。a[href~="##"]: 所有a标签中，href属性值包含多个词汇，其中有##，多个词汇用空格相连a[href|="##"]: 所有a标签中，href属性值包含多个单词，单词用-相连。而第一个单词为##。a[href^="##"]: href
2016-07-11 21:41:22
715
原创 H5新标签&新功能
1. H5新标签语义标签：定义文章定义文章侧边栏定义一组媒体对象以及文字内容定义figure的标题布局页面时用的语义标签：定义导航头部定义文档中的区段 区域尾部input其他的类型：1. text 文本输入框2. password 密码3. button 按钮4. checkbox 复选5. radio 单选
2016-07-11 21:35:52
17631
原创 事件捕获与事件冒泡
addEventListener(事件，函数，useCapture)，第三个参数为true和false有什么区别参数3 useCapture父级第三个参数为真，表示捕获，从父级到子级发生，无论子级是啥，都是从父级-->子级父级第三个参数为假，表示冒泡，从子级到父级发生， 无论子级是啥，都是从子级-->父级
2016-07-11 19:23:30
272
原创 取消冒泡事件方法
方法一：event.cancelBubble = true; //取消冒泡事件方法二：event.stopPropagation();//停止传播 也能取消冒泡事件
2016-07-11 19:20:15
935
原创 滚轮事件
/* 判断滚轮向上或向下，在浏览器中要考虑兼容性，* 现在五大浏览器（IE，Chrome，Firefox，Safari，OPera）中，* Firefox使用detail，其余四类使用WheelDelta；两者只在取值上不一致，* 代表含义一致，正数表示向上，负数表示向下*/ 滚轮事件 （不包含火狐） document.onmousewheel = function(){
2016-07-11 19:11:08
410
原创 seo 搜索引擎优化
影响SEO的几点：1. title 标题2. meta：keywords description3. h1,h2 (h1不能超过1个，h2不能超过10个)4. img-alt5. a链接， 友情链接 影响PR值：网站排名 rank 排名6. strongsem 搜索引擎营销
2016-07-11 10:17:24
406
原创 盒模型
margin border padding content如何实现盒子居中:设置好宽度后 margin: 0 auto;通常情况下：父子关系产生边距，一般用padding去解决问题，而兄弟关系产生边距一般用margin
2016-07-11 08:56:03
234
原创 css简单样式
文字的样式：1.font-size 文字大小, 最小12px, 默认16px em, rem2.font-style "宋体", "微软雅黑", "楷体"3.font-family（normal默认、italic斜体、oblique倾斜）4.font-weight 100-900 默认是normal lighter bold.5.color 英文 #16进制 rgb(0-255
2016-07-11 08:46:09
670
原创 css选择器&选择器的优先级
1.id #2.class .3.标签名 div4.群组（.div, #div2）5.后代（div p）空格6.组合（p.title） 即是P class又为title的7.伪类选择器（:hover, :after, :befor）8.全局选择器 *（通配符）style 最高， 内联样式id > class > 标签名100 10 1i
2016-07-11 08:41:35
640
原创 css的引入方式
内联样式 style属性优点：1. 优先级最高缺点：1. 垃圾代码多 2. 与js有冲突 3. 不利于维护内部引入样式:(style标签)优点：1. 速度快 2. 不会给服务器造成压力缺点：1. 不利于维护 2. 不利于前后台交互外部引入样式:(link)目前主流的写法，不过需要服务器请求优点：1. 一个css可以控制多个
2016-07-11 08:40:05
384
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人