- 博客(39)
- 收藏
- 关注
RSS订阅原创 《锋利的jQuery》十三、jQuery加载并解析XML
title: 《锋利的jQuery》十三、jQuery加载并解析XMLdate: 2017-08-23 22:36:20tags: 锋利的jQuery语法XML(eXtensible Markup Language)，于HTML一样，都属于SGML标准通用语言。XML的语法如下：任何起始标签都必须有一个结束标签标签必须按照合理的顺序嵌套，和HTML相同的道理。所有属性都需要有值
2017-08-24 09:45:22
212
原创 《锋利的jQuery》九、$.ajax()的方法
title: 《锋利的jQuery》九、$.ajax()的方法date: 2017-08-22 21:25:20tags: 锋利的jQuery参数名称类型说明acceptsMap内容类型发送请求头，告诉服务器什么样的响应会接受返回。如果accepts设置需要修改，推荐在$.ajaxSetup()方法中做一次。asyncBoolean默认设置下（默认为tru
2017-08-24 09:45:19
345
原创 5、条件渲染
title: 5、条件渲染date: 2017-07-31 19:50:10tags: vue笔记(妙味)v-if在vue中使用v-if实现判断YesNo上面这种方式只能给一个元素判断，如果是多个元素可以按照下面的写法，元素当做包装元素，但是最终渲染不会包含这个元素。 title paragraph 1 paragraph 2v-else或者v-e
2017-08-24 09:45:13
519
原创 《锋利的jQuery》十二、jQuery的技巧
title: 《锋利的jQuery》十二、jQuery的技巧date: 2017-08-18 21:05:20tags: 锋利的jQuery禁用页面的右键菜单$(function(){ $(document).on('contextmenu',function(){ return false; })})返回头部动画$.fn.scrollTo = f
2017-08-24 09:45:10
198
原创 《锋利的jQuery》十一、jQuery性能优化
title: 《锋利的jQuery》十一、jQuery性能优化date: 2017-08-16 22:18:00tags: 锋利的jQuery使用合适的选择器以下选择器是按照性能由高到低排序的$('#id')使用id来定位DOM元素无疑是最佳提高性能的方式，因为jQuery将直接调用document.getElementById()方法，如果用id无法直接获取元素那么可以用$('#i
2017-08-24 09:45:08
181
原创 《锋利的jQuery》八、XMLHttpRequest对象
title: 《锋利的jQuery》八、XMLHttpRequest对象date: 2017-08-15 21:35:00tags: 锋利的jQueryXMLHttpRequest对象是Ajax的核心，它有许多的属性、方法和事件以便于js处理和控制HTTP的请求与响应。readyState属性当一个XMLHttpRequest被创建后，通过readyState属性可以查看此次请求的状态
2017-08-24 09:45:05
168
原创 4、class与style
title: 4、class与styledate: 2017-07-29 22:55:13tags: vue笔记(妙味)数据绑定一个常见需求是，操作元素的class列表，和它的style时，因为他们都是属性所以可以用 v-bind 处理他们但是字符串拼接麻烦又易错。因此在v-bind用于class和style时，Vue专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。绑
2017-08-24 09:45:02
802
原创 3、计算属性
title: 3、计算属性date: 2017-07-27 10:19:21tags: vue笔记(妙味)之前说过，模板内在插值中写表达式很方便，但是如果放太多逻辑会让模板过重难以维护。所以在模板内只适合简单的运算，稍微复杂的语句就需要计算属性了。computed和methods计算属性应该放到computed属性中，函数放到methods中，而实际上计算属性的语句也是写到函数里，所以
2017-08-24 09:44:59
236
原创 6、列表渲染
title: 6、列表渲染date: 2017-08-1 18:38:20tags: vue笔记(妙味)遍历数组for指令根据一组数据的选项列表进行渲染，需要以item in tiems或item of tiems形式的特殊写法，item是数组的每一项，items是源数据数组。也有(item,index) in items的写法index是该item在数组中的索引。实际就是用for去遍历
2017-08-24 09:44:57
498
原创 2、指令和模板
title: 2、指令和模板date: 2017-07-26 09:19:40tags: vue笔记指令什么是指令指令是一种特殊的自定义行间属性，指令的职责就是当其表达式的值改变时，响应的将某些行为应用到DOM上，在Vue中，指令以v-开头。以v-bind指令为例： {{ message }}var vm = new Vue({ el: '#app',
2017-08-24 09:44:54
362
原创 1、创建Vue实例
title: 1、创建Vue实例date: 2017-07-25 09:10:40tags: vue笔记(妙味)一个最简单的Vue的例子Vue的核心是：允许采用简洁的模板语法、声明式的将数据渲染进DOM(与声明式相对应的是命令式)。首先要创建一个模板，这是html模板(最简单的一种模板) {{ message }}下面是创建Vue的实例，参数是一个选项对象，可以包含数据
2017-08-24 09:44:51
814
原创 《锋利的jQuery》十、jQuery插件的写法
title: 《锋利的jQuery》十、jQuery插件的使用和写法date: 2017-07-24 06:20:00tags: 锋利的jQuery编写插件的目的是给已有的一系列方法或函数做一个封装，以便在其他地方重复使用，方便后期维护和提高开发效率。插件的种类1.封装对象方法的插件这种插件是将对象方法封装起来，用于通过选择器获取jQuery对象进行操作，是最常见的一种插件。比如pa
2017-08-24 09:44:48
177
原创 《锋利的jQuery》七、jQuery和Ajax的应用
title: 《锋利的jQuery》七、jQuery和Ajax的应用date: 2017-07-23 22:48:00tags: 锋利的jQuery在jQuery中对Ajax进行了封装，在jQuery中$.ajax()属于最底层方法，第二层是$.post()、load()、$.get()方法，第三层是$.getScript()和$.getJson()方法。通常第二层的方法使用频率最高。loa
2017-08-24 09:44:46
308
原创 《锋利的jQuery》六、jQuery的表单与表格
title: 《锋利的jQuery》六、jQuery的表单与表格date: 2017-07-23 22:48:00tags: 锋利的jQuery表单的应用表单的组成部分表单标签：包含处理表单数据所用的服务器端程序URL以及数据提交到服务器的方法。表单域：包含文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按
2017-08-24 09:44:43
186
原创 《锋利的jQuery》五、jQuery的动画
title: 《锋利的jQuery》五、jQuery的动画date: 2017-07-14 11:19:00tags: 锋利的jQueryshow()和hide()hide()方法是让元素隐藏，执行时候其实有两步，第一步是记住元素隐藏前的display属性值，第二步是将display设置为none。show()方法会获取hide()第一步获取的那个属性并重新设置给元素的display属性。
2017-08-24 09:44:40
167
原创 flexbox 布局
title: flex布局date: 2017-07-07 14:13:33tags: css笔记flexbox是什么即使不知道视窗大小或者未知元素情况之下都可以智能的、灵活的调整和分配元素和空间两者之间的关系。简单的理解，就是可以自动调整，计算元素在容器空间中的大小。使用flexbox要开始使用flexbox，必须先让父元素变成一个flex容器，而此时子元素就变成了flex项目。可以
2017-08-24 09:44:37
222
原创 《锋利的jQuery》四、jQuery的事件
title: 《锋利的jQuery》四、jQuery的事件date: 2017-07-06 08:53:57tags: 锋利的jQuery加载DOMjQuery中$(document).ready()方法运行时代表DOM已经加载完毕，用此方法代替window.onload方法可以极大地提高web应用程序的响应速度。此方法的另一种写法是$(function(){})。事件绑定使用bind
2017-08-24 09:44:34
187
原创 IScroll-5的文档
title: IScroll-5的文档date: 2017-07-03 11:10:40tags: javascript常用插件结构使用IScroll这个脚本库时，DOM树的结构要足够简单，移除不必要的标签，尽量避免过多的标签嵌套使用。最优的使用iScroll的结构如下所示 ..... 只有wrapper里的第一个子元素才可以滚动，如果你想要更多的元素可以
2017-08-24 09:44:32
345
原创 javascript（正则表达式）
title: javascript（正则表达式）date: 2017-06-05 11:27:54tags: javascript笔记正则的意思就是让计算机能读懂我们想要的格式和规则。初始化一个正则表达式var re = new RegExp('a');简单的写法，推荐这种写法，但是如果写在函数里正则需要传参的话就必须用new的写法var re = /a/;正则表达式是区分大
2017-08-24 09:44:28
217
原创 面向对象一、原型
title: 面向对象一、原型date: 2017-06-16 17:01:01tags: javascript笔记面向对象的概念面向对象是一种编程思想，核心是解决任何问题的时候首先试图去找到一个对象来帮助解决问题在编程中，面向对象是调度者，从根本上是将面向过程封装，所以面向过程不可弃之不用。面向过程是执行者，执行顺序一般情况不能打乱。面向对象的优点：代码的灵活度高，代码执行顺序可
2017-08-24 09:44:26
373
原创 面向对象三、作用域
title: 面向对象三、作用域date: 2017-06-17 10:10:13tags: javascript笔记instanceof 运算符语法object instanceof fn 如果运算符后面的函数的prototype属性引用的对象出现在运算符面前对象的原型链上的话就返回true，否则返回false。function foo (){}var f = new foo
2017-08-24 09:44:23
308
原创 面向对象二、函数
title: 面向对象二、函数date: 2017-06-16 17:45:11tags: javascript笔记创建方式声明式function foo (){}表达式var foo = function () {}构造函数方式格式:new Function(arg1,arg2,......,argn,body)arg1,arg2,......,argn是可选的形参列表
2017-08-24 09:44:20
166
原创 《锋利的jQuery》一、认识jQuery
title: 《锋利的jQuery》一、认识jQuerydate: 2017-06-13 14:14:24tags: 锋利的jQuerywindow.onload和$(document).ready()window.onload：必须等网页中所有的内容加载完毕后(包括图片)才能执行，不能同时编写多个。$(document.ready())：网页中所有DOM结构绘制完毕后就执行，可能DOM元
2017-08-24 09:44:17
134
原创 《锋利的jQuery》三、jQuery的DOM操作
title: 《锋利的jQuery》三、jQuery的DOM操作date: 2017-07-03 09:23:54tags: 锋利的jQuery插入节点append()向每个匹配的元素内部追加内容 $('p').append('你好');结果为一个p元素你好。appendTo()将所有的匹配元素追加到指定的元素中，和append是相反的。$('你好').appendTo('p');结果
2017-08-24 09:44:14
151
原创 《锋利的jQuery》二、jQuery的选择器
title: 《锋利的jQuery》二、jQuery的选择器date: 2017-06-13 14:14:37tags: 锋利的jQuery基本选择器选择器描述返回示例#id根据给定的id匹配一个元素单个元素$('#test')选取id为test的元素.class根据给定的类名匹配元素集合元素$('.test')选取所有class为test的元素
2017-08-24 09:44:12
214
原创 javascript（BOM常用方法）
title: javascript（BOM常用方法）date: 2017-06-01 17:29:52tags: javascript笔记BOM操作的常用属性和方法open()：打开一个新的页面，格式为open(页面的url,打开的方式)，如果url为空则打开一个空白页面。如果打开方式为空，默认为新窗口方式打开。这个方法返回新窗口的window对象。close()：关闭一个页面，但是这
2017-08-24 09:44:09
2145
原创 javascript（DOM常用方法）
title: javascript（DOM常用方法）date: 2017-06-01 10:31:19tags: javascript笔记DOM操作的一些常用属性和方法元素节点的nodeType是1属性节点的nodeType是2文本节点的nodeType是3节点的获取childNodes：获取某个元素下的所有子节点，包含文本节点和元素节点。children：获取某个元素下的所有
2017-08-24 09:44:06
212
原创 javascript（时间、数组、字符串方法）
title: javascript（时间、数组、字符串方法）date: 2017-06-01 10:25:43tags: javascript笔记日期对象常用方法new Date() 获取当前时间以下获取的都是数值类型，get是获取时间，将get改为set后面的不变就是设置时间。getFullYear() 获取年getMonth() 获取月份，从0开始算getDate() 获取
2017-08-24 09:44:03
278
原创 javascript杂记一
title: javascript杂记一date: 2017-05-21 14:34:25tags: javascript笔记this的基本用法首先有一个函数function fn1(){ alert(this);}直接调用则this指向windowfn1(); // 指向window;如果是被元素对象调用div.onclick = function(){ va
2017-08-24 09:44:01
307
原创 hexo配置
title: hexo配置date: 2017-06-01 11:31:26tags: blog和git安装hexo安装过程使用以下命令下载hexo$ npm install hexo-cli -g如果在安装过程中遇到以下错误ERROR Deployer not found : github则运行以下命令,或者你直接先运行这个命令更好。$ npm install hexo-dep
2017-08-24 09:43:58
1644
原创 Git
title: Gitdate: 2017-04-13 22:27:25tags: blog和gitGit是通过监控文件的状态来实现版本的控制的。文件的三种状态分别是已提交(commotted)、已修改(modified)、已暂存(staged)。状态改变Git都是可以监听到的。由此引入对应Git项目的。Git的三个区域介绍Git仓库目：就是Git用来保存项目的源数据和对象数据库的地
2017-08-24 09:43:56
293
原创 《DOM编程艺术》一、DOM
title: 《DOM编程艺术》一、DOMdate: 2017-04-13 22:27:25tags: DOM编程艺术1、DOM的含义文档(D)，指的是document，当创建了一个网页并把它加载到web浏览器中时，DOM就在幕后悄然而生，DOM把我们编写的网页文档转换为一个文档对象。对象(O)，指的就是javascript中的三种对象，用户定义对象、内建对象、宿主对象。模型
2017-08-24 09:43:53
180
原创 《DOM编程艺术》五、动态创建标记
title: 《DOM编程艺术》五、动态创建标记date: 2017-06-03 10:25:52tags: DOM编程艺术这一章节主要通过一些DOM方法，通过创建新元素和修改现有元素来改变网页结构，用DOM的方法改变标记。1、创建元素节点和文本节点DOM是文档的表示，DOM所包含的信息与文档里的信息一一对应，你只要学会问正确的问题，就可以从获取DOM节点上任何一个节点的细节。DOM是一
2017-08-24 09:43:50
248
原创 《DOM编程艺术》四、图片库改进
title: 《DOM编程艺术》四、图片库改进date: 2017-06-03 10:17:04tags: DOM编程艺术在这一章主要是用上一章的思想改进图片库，所以我会把之前的javascript图片库案例拿来看看是不是符合上一章所说的规则。1、支持平稳退化吗？可以确定，图片库如果禁用了javascript功能，也已经留了退路，网页里的所有链接都是可用的，虽然用户体验游影响，但网页的功能
2017-08-24 09:43:47
207
原创 《DOM编程艺术》三、最佳实践
title: 《DOM编程艺术》三、最佳实践date: 2017-06-03 10:10:16tags: DOM编程艺术1、平稳退化和渐进增强什么是平稳退化不管你想通过javascript个改变哪个网页的行为，都必须三思而后行，首先要确认，为这个网页增加这种额外的行为是否有必要。在所有的javascript特效当中，最臭名昭著的莫过于那些在人们打开网页时弹出的广告窗口，不幸的是有不少用户
2017-08-24 09:43:44
336
原创 《DOM编程艺术》六、充实文档内容
title: 《DOM编程艺术》六、充实文档内容date: 2017-06-03 10:28:24tags: DOM编程艺术这一章将继续在实践中应用动态创建标记1、不应该做什么从技术上讲，可以把任何内容动态添加到网页上，但重要的内容不要这么做，因为这样一来，javascript就没有任何空间去平稳退化，如果缺乏javascript的支持，用户会永远看不到重要的内容，而且各大搜索引擎也不支持
2017-08-24 09:43:41
185
原创 《DOM编程艺术》二、javascript图片库
title: 《DOM编程艺术》二、javascript图片库date: 2017-06-03 10:00:29tags: DOM编程艺术从这一篇开始会逐步完成一个图片库的案例，但我们不能直接把所有的图片直接放到一个页面里，因为图片下载的时间较长，用户需要等待很长时间去加载一个网页，所以我们需要一个图片库，把整个图片库的浏览链接集中安排在主页里，只在用户点击了这个主页里的某个图片链接时才把相应
2017-08-24 09:43:39
464
原创 css杂记一
title: css杂记一date: 2017-05-21 15:52:05tags: css笔记word-spacing 单词间距判断是否是单词的依据是有没有空格行高的测量方式假如文字是12px，行高是16px，那么文字上下空隙分别是2px，假如行高是15px，那么上方是1px，下方是2px。white-space 强制不换行值为nowrap为强制不换行，默认是normal。
2017-08-24 09:43:36
338
原创 css的ie6兼容问题
title: css的ie6兼容问题date: 2017-06-13 13:45:13tags: css笔记png图片的兼容性png的图片在ie6下默认不是透明的，所以需要处理一下。使用DD_belatedPNG插件，需要在script中调用，DD_belatedPNG.fix("selector1,selector2")，缺点是不支持body元素。第二种方法是使用ie6的滤镜属
2017-08-24 09:43:33
776
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人