伊人怎会持宠而骄
希望有人懂你的低头不语、小心翼翼守护你的孩子气
摘要: item 表示数组中的数据 index 表示下标 array 表示遍历的数组 item 表示数组中的数据 index 表示下标 array 表示遍历的数组 while do...while for for(var i = 1 ; i <= 100 ; i++){ break } for(var i 阅读全文
posted @ 2019-01-21 10:40 伊人怎会持宠而骄 阅读(148) 评论(0) 推荐(0)
摘要: 判断非数字 isNAN() 括号中为非数字 isNAN() 括号中为非数字 测试变量的类型 typeof() typeof typeof() 结果都是string typeof() typeof typeof() 结果都是string 阅读全文
posted @ 2019-01-21 10:40 伊人怎会持宠而骄 阅读(101) 评论(0) 推荐(0)
摘要: 关联数组转对象 json_encode() var arr=( array("sname"=>"jack") ) json_encode( arr ) json_encode() var arr=( array("sname"=>"jack") ) json_encode( arr ) 对象转字符串 阅读全文
posted @ 2019-01-21 10:37 伊人怎会持宠而骄 阅读(133) 评论(0) 推荐(0)
摘要: 方法一 set 数组去重 定义一个函数 实现数组去重 返回去重后的数组 function norepeat( arr ){ var set = new Set( arr ); return Array.from( set );(返回去重后的数组) return Array.from( new Set 阅读全文
posted @ 2019-01-21 10:36 伊人怎会持宠而骄 阅读(175) 评论(0) 推荐(0)
摘要: 滚动条的兼容写法(谷歌chrome) document.documentElement.scrollTop || document.body.scrollTop document.documentElement.scrollTop || document.body.scrollTop 阻止浏览器默认 阅读全文
posted @ 2019-01-21 10:34 伊人怎会持宠而骄 阅读(102) 评论(0) 推荐(0)
摘要: 设置cookie function setCookie( key , value ,day ){ if( day ){ var now = new Date(); now.setDate( now.getDate() + day ); document.cookie = key +"=" + val 阅读全文
posted @ 2019-01-21 10:28 伊人怎会持宠而骄 阅读(119) 评论(0) 推荐(0)
摘要: 定义一个函数 功能实现通过id查找页面元素 返回值就是一个页面元素 function $id(id){ return document.getElementById(id); } function $id(id){ return document.getElementById(id); } 定义一个 阅读全文
posted @ 2019-01-21 10:27 伊人怎会持宠而骄 阅读(168) 评论(0) 推荐(0)
摘要: function pz(obj1,obj2){ var L1 = obj1.offsetLeft; var R1 = obj1.offsetLeft + obj1.offsetWidth; var B1 = obj1.offsetTop + obj1.offsetHeight; var T1 = o 阅读全文
posted @ 2019-01-21 10:26 伊人怎会持宠而骄 阅读(121) 评论(0) 推荐(0)
摘要: //obj 代表运动对象 //json : 代表多个attr和target // callback 表示一个函数 (下一个动作) 当一个参数代表一个函数时,这个参数表示 回调函数 // 支持 缓冲和多物体 支持透明度 支持链式运动 支持完美运动 解决完美运动 bug function startMo 阅读全文
posted @ 2019-01-21 10:25 伊人怎会持宠而骄 阅读(241) 评论(0) 推荐(0)
摘要: 选择排序 function mySort( arr ){ for( var i = 0 ; i < arr.length - 1 ; i++ ){ for( var j = i+1 ; j<=arr.length - 1 ; j++ ){ if( arr[i] > arr[j] ){ [arr[i] 阅读全文
posted @ 2019-01-21 10:24 伊人怎会持宠而骄 阅读(100) 评论(0) 推荐(0)
摘要: 匀速运动 function startMove(target){ clearInterval( timer ); timer = setInterval( function(){ var speed = target - oDiv.offsetLeft>0 ? 7 : -7; if( Math.ab 阅读全文
posted @ 2019-01-21 10:24 伊人怎会持宠而骄 阅读(142) 评论(0) 推荐(0)
摘要: function promiseAjax(url,data){ var pro = new Promise(function(success,failed){ 承诺一件事 : 使用ajax请求服务器的数据 var ajax = new XMLHttpRequest(); if( data ){ ur 阅读全文
posted @ 2019-01-21 10:23 伊人怎会持宠而骄 阅读(226) 评论(0) 推荐(0)
摘要: callback 表示下一个功能(回调函数) function ajaxGet(url,callback,data){ 如果路径上有参数 就在url后面拼接参数 否则只请求url if( data ){ url = url + "?" + data; } 创建ajax对象 var ajax = nu 阅读全文
posted @ 2019-01-21 10:23 伊人怎会持宠而骄 阅读(252) 评论(0) 推荐(0)
摘要: 自定义日期时间格式 function dateToString(now){ var year = now.getFullYear(); var month =toTwo( now.getMonth()+1 ); var d =toTwo( now.getDate() ); var h = toTwo 阅读全文
posted @ 2019-01-21 10:22 伊人怎会持宠而骄 阅读(139) 评论(0) 推荐(0)
摘要: function getMinHeightIndex(){ //假设第一列是最小高度列 var minHeight = cols[0].offsetHeight; var minHeightIndex = 0;//假设的下标 //遍历五个列 找最小高度 for( var i = 0 ; i < co 阅读全文
posted @ 2019-01-21 10:22 伊人怎会持宠而骄 阅读(128) 评论(0) 推荐(0)
摘要: webpack? 模块化打包器 作用:将浏览器不识别的语法 转换成浏览器识别的语法 工作流程: 通过一个入口文件,找个这个入口文件所依赖的所有模块 通过loader进行打包,打包成一个或者多个js文件 webpack vs gulp 区别 没有可比性 模块打包机 前端自动化工具 1、全局安装webp 阅读全文
posted @ 2019-01-21 10:20 伊人怎会持宠而骄 阅读(140) 评论(0) 推荐(0)
摘要: 1、什么是nodeJS nodejs是基于chromeV8引擎的JavaScript运行环境 使用了一个事件驱动 非阻塞的 i/o式模型 使其轻量又高效 2、引擎? 渲染引擎 脚本引擎 V8引擎最好的一种脚本引擎 3、I/O模型 输入和输出 gulp->gulpfile.js 4、客户端的js与服务 阅读全文
posted @ 2019-01-21 10:20 伊人怎会持宠而骄 阅读(104) 评论(0) 推荐(0)
摘要: MarkDown 文本标记语言,可以用特殊的符号对文本进行标记或设置 一般用于写文档或文本信息,类似于word 可以编译成html/pdf/word等格式 软件 typora,编译markdown 语法 #空格 标题 文本标记语言,可以用特殊的符号对文本进行标记或设置 一般用于写文档或文本信息,类似 阅读全文
posted @ 2019-01-21 10:19 伊人怎会持宠而骄 阅读(126) 评论(0) 推荐(0)
摘要: gulp 使用方式 需要在全局环境和本地环境中都安装 需要在gulpfile.js 在gulpfile.js文件中操作gulp,让gulp去创建任务,这个文件的代码运行在node中 引入gulp,因为gulp是在node-modules中的,所以不需要加路径,只需写名字 const gulp=req 阅读全文
posted @ 2019-01-21 10:18 伊人怎会持宠而骄 阅读(257) 评论(0) 推荐(0)
摘要: webpack 定义 将系统功能分离成独立的功能部分的方法,分离出去的每一个部分,都可以看成一个模块。即一个js文件里有一定的功能,这个js文件就是一个模块 优点 1、开发成本低,便于协调合作,开发效率高,便于复用和维护以及测试(代码复用,便于维护) 入口文件 做模块化时,最终需要将各个文件组合在一 阅读全文
posted @ 2019-01-21 10:17 伊人怎会持宠而骄 阅读(117) 评论(0) 推荐(0)
摘要: css预处理语言 写sass然后使用工具将其编译成css sass比css多了很多功能,比如定义变量/循环/嵌套等 sass的语言版本有两种,老版本的后缀名是.sass,新版本的后缀名是.scss 在项目中准备使用sass代替css,所以需使用gulp-sass来对sass进行编译需下载(node- 阅读全文
posted @ 2019-01-21 10:17 伊人怎会持宠而骄 阅读(122) 评论(0) 推荐(0)
摘要: 代码版本控制工具 我们在项目开发过程中,经常会需要将代码回退到前一天或者其他的某个时间节点,这个时候我们可以针对情况对代码进行删除等操作,但是这种删除的操作一般代价都比较大,成本比较高,这个时候我们就可以对我们的代码进行版本控制,当然我可以手动的在开发发某个功能之后,将代码文件都保存一份,然后需要更 阅读全文
posted @ 2019-01-21 10:16 伊人怎会持宠而骄 阅读(204) 评论(0) 推荐(0)
摘要: 新增方法 1、实例直接调用 如.css等 $ 就是jquery,是一个构造器,$()能返回一个jquery实例 jquery实例的__proto__属性拥有css方法,所以可以直接使用 jquery的原型拥有很多方法,jquery实例的__proto__属性指向的是jquery的原型,所以新增jqu 阅读全文
posted @ 2019-01-21 09:58 伊人怎会持宠而骄 阅读(159) 评论(0) 推荐(0)
摘要: 基本动画 show() 没有参数 等价 css:display:block 可以有三个参数 第一个参数 :动画执行的时间 第二个参数 :动画执行方式 linear(线性) swing(摇摆) 第三个参数 :动画完成后的回调函数 hide() 隐藏 toggle() 切换 显示/隐藏 上拉/下拉 : 阅读全文
posted @ 2019-01-21 09:54 伊人怎会持宠而骄 阅读(168) 评论(0) 推荐(0)
摘要: jquery概念 是js的一个类库(对js中某些功能的封装) 用jq实现的功能一定能用js实现,反过来不一定,js实现的功能jq不一定能实现 以$()开头 是js的一个类库(对js中某些功能的封装) 用jq实现的功能一定能用js实现,反过来不一定,js实现的功能jq不一定能实现 以$()开头 选择器 阅读全文
posted @ 2019-01-21 09:53 伊人怎会持宠而骄 阅读(115) 评论(0) 推荐(0)
摘要: mouseover和mouseenter区别 mouseover 会产生冒泡现象,只要焦点发生改变就会触发该事件 mouseenter不会冒泡(项目中使用) $().事件(function(){ }) mouseover 会产生冒泡现象,只要焦点发生改变就会触发该事件 mouseenter不会冒泡( 阅读全文
posted @ 2019-01-21 09:51 伊人怎会持宠而骄 阅读(95) 评论(0) 推荐(0)
摘要: ajax的异步请求之 load 加载公共的html文件 $("#id").load()是一个局部的方法 通过jquery的选择器作为开始调用load方法 load()方法是异步的,加载的信息中如果需要事件响应,必须通过回调函数来实现,也就是说所有load加载的数据中的事件都要写在回调函数中 load 阅读全文
posted @ 2019-01-21 09:50 伊人怎会持宠而骄 阅读(114) 评论(0) 推荐(0)
摘要: 样式操作 css() 获取和设置样式 用法 : .css("样式","值") .css({ "样式":"值" ,"样式":"值",.....}) .addClass("类名") 添加样式类 .removeClass() 删除样式类 属性操作 attr() 获取或设置标签元素的属性 (该方法不能操作属 阅读全文
posted @ 2019-01-21 09:48 伊人怎会持宠而骄 阅读(182) 评论(0) 推荐(0)
摘要: 定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $username = $_POST["uname"]; $userpwd = $_POST["upwd"]; 处理数据:将接收到的用户名和密码 添加到数据库的u 阅读全文
posted @ 2019-01-21 09:41 伊人怎会持宠而骄 阅读(152) 评论(0) 推荐(0)
摘要: 点击修改之后,先施行查询功能,并把数据添加到对应的框中 点击修改之后,先施行查询功能,并把数据添加到对应的框中 定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $id = $_GET["id"]; 处理数据 1 阅读全文
posted @ 2019-01-21 09:40 伊人怎会持宠而骄 阅读(286) 评论(0) 推荐(0)
摘要: 定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $username = $_POST["uname"]; $userpwd = $_POST["upwd"]; 处理数据:将接收到的用户名和密码 添加到数据库的u 阅读全文
posted @ 2019-01-21 09:39 伊人怎会持宠而骄 阅读(169) 评论(0) 推荐(0)
摘要: 定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $username = $_POST["uname"]; $userpwd = $_POST["upwd"]; 处理数据:将接收到的用户名和密码 添加到数据库的u 阅读全文
posted @ 2019-01-21 09:38 伊人怎会持宠而骄 阅读(138) 评论(0) 推荐(0)
摘要: 内部样式 写在<style>标签里,创建样式时,<style>标签要写在<head>标签里 写在<style>标签里,创建样式时,<style>标签要写在<head>标签里 外部样式 之 link引入 1、创建一个css文件 2、导入css文件 <link rel="stylesheet" type 阅读全文
posted @ 2019-01-21 09:31 伊人怎会持宠而骄 阅读(349) 评论(0) 推荐(0)
摘要: 属性和属性值 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性 属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性 属性值:属性值包括法定属性值及常见的数值加单位, 阅读全文
posted @ 2019-01-21 09:30 伊人怎会持宠而骄 阅读(189) 评论(0) 推荐(0)
摘要: 语法 float:none/left/right; 有三个取值 left:元素活动浮动在文本左面 right:元素浮动在右面 none:默认值,不浮动。 float 定义网页中其它文本如何环绕该元素显示 目的 就是让竖着的东西横着来 特点 1、浮动不占位置 2、一旦一个元素浮动,后面的不浮动就会跑上 阅读全文
posted @ 2019-01-21 09:28 伊人怎会持宠而骄 阅读(148) 评论(0) 推荐(0)
摘要: 定义 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间,即都包含边框、边界、补白、内容区,这就是盒模型。 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形 阅读全文
posted @ 2019-01-21 09:27 伊人怎会持宠而骄 阅读(182) 评论(0) 推荐(0)
摘要: 容器的溢出属性 说明: overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit; visible:默认值,内容不会被修剪,会成现在元素框之外; hidden:内容会被修剪,并且其余内容是不可见的; scroll:内容会被修剪,但是浏览器会显示滚动条,以 阅读全文
posted @ 2019-01-21 09:26 伊人怎会持宠而骄 阅读(240) 评论(0) 推荐(0)
摘要: 元素类型分类 根据css显示分类,XHTML元素被分为 三种类型:块状元素,内联元素,行内块元素、可变元素 1.块状元素(block element) A)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域 B)默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列 阅读全文
posted @ 2019-01-21 09:25 伊人怎会持宠而骄 阅读(341) 评论(0) 推荐(0)
摘要: 一、position 定位属性和属性值 position 定位属性,检索对象的定位方式; 语法: position:static /absolute/relative/fixed 取值: 1、static: 默认值,无特殊定位,对象遵循HTML原则; 2、absolute: 绝对定位 特点: 1、脱 阅读全文
posted @ 2019-01-21 09:23 伊人怎会持宠而骄 阅读(184) 评论(0) 推荐(0)
摘要: 未知宽高 1、把父元素设置成table,子元素为table-cell,然后用vertical-align:center 优点:父元素可以改变高度 缺点:IE8以下不支持,且对img无效果 2、用一个空标签并设置vertical-align的基准线为中间,并让它inline-block,宽为0,高度1 阅读全文
posted @ 2019-01-21 09:23 伊人怎会持宠而骄 阅读(118) 评论(0) 推荐(0)
摘要: flash 1、插入flash 1)<object> <embed src="路径"></embed> </object> 2)<param value="路径"> 3)<iframe src="路径"></iframe> 1)默认有滚动条 scrolling:yes/no 规定是否在iframe中 阅读全文
posted @ 2019-01-21 09:21 伊人怎会持宠而骄 阅读(414) 评论(0) 推荐(0)
摘要: 将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的定位技术。 将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的 阅读全文
posted @ 2019-01-21 09:21 伊人怎会持宠而骄 阅读(164) 评论(0) 推荐(0)
摘要: 常用的选择符 1、元素选择符 2、id选择符 3、class选择符 4、通配符 5、群组选择符 6、包含选择符 7、伪类选择符(伪类选择符CSS中已经定义好的选择器,不能随便取名) 8、伪对象选择符(设置在对象后发生的内容,用来和content属性一起使用 ) 1、元素选择符 2、id选择符 3、c 阅读全文
posted @ 2019-01-21 09:20 伊人怎会持宠而骄 阅读(279) 评论(0) 推荐(0)
摘要: 1、给父元素加 overflow:hidden;zoom:1; 兼容IE6时添加 2、在浮动元素下加空标签,并给该元素加声明 clear:both;height:0;overflow:hidden; 3、万能清除浮动(给父元素添加) 父元素:after{conter:"";clear:both;di 阅读全文
posted @ 2019-01-21 09:19 伊人怎会持宠而骄 阅读(103) 评论(0) 推荐(0)
摘要: 过渡 transition 1、transition-property 过渡的样式 2、transition-duration 运动时间,单位是秒 3、transition-delay 延迟时间 4、transition-timing-function 运动形式 1)ease 先慢后快在慢 2)li 阅读全文
posted @ 2019-01-21 09:17 伊人怎会持宠而骄 阅读(201) 评论(0) 推荐(0)
摘要: 线性渐变 linear-gradient(color,color) 默认从上到下 从左到右 linear-gradient(left,color,color)或者(to right,color,color) 加to和不加to,方向值相反,不能用像素,但是可以用角度 deg 表示度数,取值范围 0-3 阅读全文
posted @ 2019-01-21 09:16 伊人怎会持宠而骄 阅读(192) 评论(0) 推荐(0)
摘要: 现象 1、display:flex给父元素后,子元素横着排,且高等于父元素高 2、子元素无论多大,都会强制在父元素中 1、display:flex给父元素后,子元素横着排,且高等于父元素高 2、子元素无论多大,都会强制在父元素中 改变盒子模型的方法 box-sizing conent-box 默认值 阅读全文
posted @ 2019-01-21 09:15 伊人怎会持宠而骄 阅读(154) 评论(0) 推荐(0)
摘要: 过滤器 1、下划线属性过滤器 在属性前加下划线(_) 由于符合标准的浏览器不识别而忽略,但低版本会解析 2、!important关键字过滤器 属性:属性值!important 所附加的声明具有最高权重,优先解析,但IE6及更低版本不识别,所以用来兼容IE6和其他标准浏览器 3、其他过滤器 1)\9 阅读全文
posted @ 2019-01-21 09:12 伊人怎会持宠而骄 阅读(126) 评论(0) 推荐(0)
摘要: 定义 块级格式化上下文 块级格式化上下文 特性 1、内部box在垂直方向,一个接一个放置 2、box垂直方向的间距由margin决定 属于同一个BFC的相邻box的margin会发生重叠(外边距重叠) 解决方法:给父元素加overflow:hidden,并把其中一个子元素放进另一个box中 3、每个 阅读全文
posted @ 2019-01-21 09:10 伊人怎会持宠而骄 阅读(154) 评论(0) 推荐(0)
摘要: 私有性前缀 1、-wedkit- 谷歌 2、-moz- 火狐 3、-ms- IE 4、-O- 欧鹏 5、-khtml- 老谷歌 1、-wedkit- 谷歌 2、-moz- 火狐 3、-ms- IE 4、-O- 欧鹏 5、-khtml- 老谷歌 浏览器内核 1、Trident IE浏览器内核 2、Ge 阅读全文
posted @ 2019-01-21 09:09 伊人怎会持宠而骄 阅读(372) 评论(0) 推荐(0)