07 2017 档案

ajax分页效果、分类联动、搜索功能
摘要：一、使用smarty+ajax+php实现无刷新分页效果 效果图 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>ajax分页</title> 6 <style> 7 table{ 8 b 阅读全文
posted @ 2017-07-31 22:57 小Q的博客 阅读(719) 评论(0) 推荐(0)
封装Ajax框架！（代码篇）
摘要：写在前面的话，如果中间有什么不明白的，请先看封装ajax框架！（前言篇） 1、添写一个封闭函数 （function(){}）(); 在一个项目中，可能会引用多个js框架，如果函数名相同，会有命名冲突，所以这里使用封闭函数。 2、封装一个函数，用于dom元素的获取 但$是局部变量，外面不能直接使用，所 阅读全文
posted @ 2017-07-31 15:21 小Q的博客 阅读(461) 评论(0) 推荐(0)
封装Ajax框架！(前言篇)
摘要：Ajax技术就是利用javascript和xml实现异步交互的功能。 首先先来介绍一下Ajax相关知识点，如果这些你都会的话，请直接跳转到封装ajax框架！（代码篇） 一、Ajax对象的创建 1、创建Ajax对象的方式 a、第一种方式是针对IE浏览器 b、第二种方式针对w3c：在IE的高版本（IE8 阅读全文
posted @ 2017-07-30 23:56 小Q的博客 阅读(1265) 评论(1) 推荐(1)
JS内置对象-String对象、Date日期对象、Array数组对象、Math对象
摘要：一、JavaScript中的所有事物都是对象：字符串、数组、数值、函数... 1、每个对象带有属性和方法 JavaScript允许自定义对象 2、自定义对象 a、定义并创建对象实例 b、使用函数来定义对象，然后创建新的对象实例 二、JS内置对象-String 1、string对象 string对象用 阅读全文
posted @ 2017-07-28 22:52 小Q的博客 阅读(405) 评论(0) 推荐(0)
JS浏览器对象：window对象、History、Location对象、Screen对象
摘要：一、JS浏览器对象-window 1、window对象 window对象是BOM的核心，window对象指当前的浏览器窗口 所有JavaScript全局对象、函数以及变量均自动成为window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 2、window尺寸 win 阅读全文
posted @ 2017-07-28 21:30 小Q的博客 阅读(2783) 评论(0) 推荐(0)
前端自动化
摘要：一、less、sass、stylus 它们是三种类似的样式动态语言，属于css预处理语言，它们有类似css的语法，为css赋予了动态语言的特性、如变量、继承、运算、函数等，这么做是为了css的编写和维护。 它们使用的文件分别是：.less、.scss、.*styl，这些文件是不能再网页上直接使用的， 阅读全文
posted @ 2017-07-27 18:22 小Q的博客 阅读(852) 评论(0) 推荐(1)
前端性能优化
摘要：从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量，所有前端性能优化很重要。 前端性能优化分为如下几个方面： 一、代码部署 1、代码的压缩与合并 2、图片、js、css等静态资源使用和主站 阅读全文
posted @ 2017-07-27 15:17 小Q的博客 阅读(213) 评论(0) 推荐(0)
前端框架之bootstrap
摘要：一、bootstrap按钮 1、按钮 2、按钮组 3、通栏按钮 <button class="btn btn-success btn-block">通栏按钮</button> 4、通栏按钮组 a、通栏按钮组，如果用input标签或者button标签，需要将它用btn-group的容器包起来。 b、如 阅读全文
posted @ 2017-07-25 23:09 小Q的博客 阅读(877) 评论(0) 推荐(0)
移动端JS事件、移动端框架
摘要：一、移动端的操作方式和PC端是不同的，移动端主要是用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件： 1、手指放到屏幕上时触发 touchstart 2、手指放在屏幕上滑动式触发 touchmove 3、手指离开屏幕时触发。 touchend 4、系统取消touch事件的时候触 阅读全文
posted @ 2017-07-24 23:28 小Q的博客 阅读(7703) 评论(3) 推荐(1)
jqueryUI
摘要：jQuery UI是以jQuery为基础的代码库。包含底层用户交互、动画、特效、和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 jQueryUI网址：http://jqueryui.com 一、jQuery UI主要分为3个部分：交互、小部件和效果库。 1、交互 交互 阅读全文
posted @ 2017-07-24 18:11 小Q的博客 阅读(782) 评论(0) 推荐(0)
本地存储之cookie、localStorage、sessionStorage
摘要：1、cookie存储在本地，容量最大4k，在同源的http请求时携带传递，损耗带宽，可设置访问路径，只有此路径及此路径的子路径才能访问此cookie，在设置的过期时间之前有效。但是cookie不适合大量数据的存储，因为他们由每个对服务器的请求来传递，这使得cookie速度很慢而且效率不高。 a、jq 阅读全文
posted @ 2017-07-24 16:17 小Q的博客 阅读(604) 评论(0) 推荐(0)
ajax知识点及正则表达式总结
摘要：一、JSON JSON是JavaScript Object Notation 的首字母缩写，单词的意思是javascript对象表示法，这里说的json指的是类似于javascript对象的一种数据格式，目前这种数据格式比较流行，逐渐替换掉了传统的xml数据格式。 1、javascript对象字面量 阅读全文
posted @ 2017-07-22 23:56 小Q的博客 阅读(1424) 评论(0) 推荐(0)
事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
摘要：一、事件冒泡定义 事件冒泡是指在一个对象触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，甚至它被处理（父级对象所有同类事件都将被激活），或者 阅读全文
posted @ 2017-07-21 18:56 小Q的博客 阅读(462) 评论(0) 推荐(0)
jQuery事件整合
摘要：一、jQuery事件 1、focus（）元素获得焦点 2、blur（）元素失去焦点 3、change（） 表单元素的值发生变化（可用于验证用户名是否存在） 4、click（） 鼠标单击 5、dbclick（） 鼠标双击 6、mouseover（） 鼠标进入（进入子元素也触发） 7、mouseout（ 阅读全文
posted @ 2017-07-20 14:37 小Q的博客 阅读(388) 评论(0) 推荐(0)
手风琴菜单、层级菜单、置顶菜单、无缝滚动、幻灯片的制作
摘要：一、手风琴菜单效果图及代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>手风琴效果制作</title> 6 <link rel="stylesheet" href="../css 阅读全文
posted @ 2017-07-19 23:31 小Q的博客 阅读(976) 评论(0) 推荐(0)
jQuery知识点整合
摘要：一、jQuery介绍 jQuery是一个函数库，一个js文件，页面用script标签引入js文件就可以使用 <script type="text/javascript" src="js/jquery-1.12.2.js"></script> 1、官方网站：http://jquery.com/ 2、版 阅读全文
posted @ 2017-07-18 14:11 小Q的博客 阅读(596) 评论(0) 推荐(2)
JS面向对象
摘要：一、面向过程与面向对象编程 1、面向过程：所有的工作都是现写现用。 2、面向对象：是一种编程思想，许多功能事先已经编写好了，在使用时，只需要关注功能的运用，而不需要这个功能的具体实现过程。 二、JavaScript对象 将相关的变量和函数组合成一个整体，这个整体叫做对象，对象中的变量叫做属性，变量中 阅读全文
posted @ 2017-07-18 10:44 小Q的博客 阅读(221) 评论(0) 推荐(0)
JS封闭函数、闭包、内置对象
摘要：一、变量作用域 变量作用域指的是变量的作用范围，javascript中的变量分为全局变量和局部变量 1、全局变量：在函数之外定义的变量，为整个页面公用，函数的内部外部都可以访问。 2、局部变量：在函数内部定义的变量，只能在定义该变量的函数内部访问，外部无法访问。函数内部访问变量时，先在内部查找是否有 阅读全文
posted @ 2017-07-17 23:59 小Q的博客 阅读(5736) 评论(0) 推荐(1)
json和xml封装数据、数据缓存到文件中
摘要：一、APP的通信格式之xml xml：扩展标记语言，可以用来标记数据，定义数据类型，是一种允许用户对自己标记语言进行定义的源语言。XML格式统一，扩平台语言，非常适合数据传输和通信，业界公认的标准。 支持操作系统：windows、linux 支持语言：python、php、java 二、APP的通信 阅读全文
posted @ 2017-07-16 12:34 小Q的博客 阅读(1330) 评论(0) 推荐(0)
JS相关知识点总结
摘要：一、获取元素方法 1、document.getElementById("元素id号"); 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量。如下： 上面的语句，如果把javascript写在元素的 阅读全文
posted @ 2017-07-14 22:43 小Q的博客 阅读(553) 评论(0) 推荐(0)
移动端页面开发流程
摘要：移动端页面布局 一、移动端app分类 1、Native App原生app手机应用程序 使用原生的语言开发的手机应用，Android系统用的是java，ios系统用的是object-C 2、Hybrid App 混合型app手机应用程序 混合使用原生的程序和html5页面开发的手机应用 3、Web A 阅读全文
posted @ 2017-07-12 23:57 小Q的博客 阅读(35620) 评论(0) 推荐(8)
HTML5新增标签
摘要：一、h5新增的主要语义化标签如下： 1、header 页面头部、页眉 header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但是也可以包含其他内容，例如 2、nav 页面导航 nav元素是一个可以用作页面导航的连接组，其中的导航元素链接到其他页面或当前 阅读全文
posted @ 2017-07-11 23:59 小Q的博客 阅读(1042) 评论(0) 推荐(0)
CSS3集锦之新增选择器、圆角、阴影、透明度、transition动画、transform变形、animation动画
摘要：恢复内容开始 一、CSS3新增选择器 1、nth-chlid(n)用法 selector:nth-chlid(n)指找到第n个子元素并且该元素为selector标签 2、nth-last-chlid(n)用法 selector:nth-last-chlid(n)指找到倒数第n个子元素并且该元素为se 阅读全文
posted @ 2017-07-10 09:26 小Q的博客 阅读(4541) 评论(2) 推荐(0)
学会git玩转github,结尾有惊喜！有惊喜！有惊喜！
摘要：一、什么是Github Github是全球最大的社交编程及代码托管网站（https://github.com/）。 Github可以托管各种git库，并提供一个web界面（用户名.github.io/仓库名） 二、Github和Git是什么关系 Git是版本控制软件 Github是项目代码托管的平台 阅读全文
posted @ 2017-07-09 12:51 小Q的博客 阅读(4959) 评论(25) 推荐(34)
Git安装和使用
摘要：实际项目开发中，我们经常会用一些版本控制器来托管自己的代码，今天就来总结下Git的相关用法，废话不多说，直接开写。 目的：通过Git管理github托管项目代码 一、下载安装Git 1、下载Git 官方地址为：https://git-scm.com/download/win 2、下载完之后，双击安装 阅读全文
posted @ 2017-07-08 16:37 小Q的博客 阅读(13665) 评论(4) 推荐(7)
css权重
摘要：css权重 指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用，权重相同的后写的样式会覆盖前面写的样式。 权重的等级 可以把样式的应用方式分为几个等级，按照等级来计算权重 a、！important 加在样式属性后，权重值为10000（慎用） b、内联样式（style=" 阅读全文
posted @ 2017-07-07 18:14 小Q的博客 阅读(790) 评论(0) 推荐(0)
Photoshop制作雪碧图技巧
摘要：雪碧图，就是将网页制作中使用的多个小图片合并成一个图片，使用css技术将这张合成的图片应用在网页不同的地方。 雪碧图可以减少网页加载时的http请求数，优化网页性能。 步骤： a、使用Photoshop新建一张背景透明的图片。 b、将小图片复制到此图片中，排列好每个图像的位置，图片幅面不够的话，可以 阅读全文
posted @ 2017-07-06 17:24 小Q的博客 阅读(464) 评论(0) 推荐(0)
css背景精华所在+前端页面开发流程
摘要：background属性 background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图片和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项： a、background-color 设置背景色 b、background-image 设置背景图片 阅读全文
posted @ 2017-07-06 08:58 小Q的博客 阅读(439) 评论(0) 推荐(0)
css定位position
摘要：闲言碎语不多说，直接开写！ 关于定位 我们可以使用css的position属性来设置元素定位类型，position的设置项如下： a、relative生成相对定位元素，元素所占据的文档流的位置不变（即元素不会脱离文档流），元素本身相对文档流的位置进行偏移。（相对于自身的位置定位） b、absolut 阅读全文
posted @ 2017-07-04 18:56 小Q的博客 阅读(509) 评论(0) 推荐(0)
元素类型知多少
摘要：元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。 块元素 也称为行元素，布局中常用的标签如：div p、ul、li、h1~h6、dl、dt、dd等等都是块元素，它在布局中的行为： a、支持全部的样式 b、如果没有设置宽度，默认宽度为父 阅读全文
posted @ 2017-07-04 08:16 小Q的博客 阅读(447) 评论(2) 推荐(0)
盒子模型之margin相关技巧！
摘要：废话不多说，直接进入主题，margin相关技巧。 1、设置元素水平居中：margin:x auto; 2、margin负值让元素位移及边框合并。 外边距合并 指当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 解决外边距合并的方法： a、使 阅读全文
posted @ 2017-07-02 13:39 小Q的博客 阅读(780) 评论(1) 推荐(1)