webmirror_个人页

vue中过渡和动画

.fade-enter-active, .fade-leave-active { transition: opacity .5s } .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.

vue中的组件

什么是组件 组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展 使用组件 注册 我们可以通过以下方式创建一个Vue实例： new Vue({ el: '#some-element', // 选项 }) 要注册一个全局组件，可以使用Vue.component(tagName, options)。

vue中表单控件绑定

可以用v-model指令在表单控件元素上创建双向数据绑定；它会根据控件类型自动选取正确的方法来更新元素；但v-model本质上是语法糖，它负责监听用户的输入事件以更新数据，并特别处理一些极端的例子

vue事件处理器

许多事件处理的逻辑都很复杂,所以直接把JavaScript代码写在v-on指令中是不可行的;因此v-on可以接收一个定义

vue.js列表渲染

我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名

vue.js条件渲染

因为 v-if 是一个指令，需要将它添加到一个元素上。但是如果我们想切换多个元素呢？此时我们可以把一个 <template> 元素当做包装元素，并在上面使用 v-if。最终的渲染结果不会包含 <template> 元素

vue中class与style的绑定

数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ，我们可以用v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时， Vue.js 专门增强了它。

vue计算属性

模板内的表达式是非常便利的，但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护。例如：

vue模板语法

Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析

vue实例

也有一些其它的钩子，在实例生命周期的不同阶段调用，如 mounted、 updated 、destroyed 。钩子的 this 指向调用它的 Vue 实例。一些用户可能会问 Vue.js 是否有“控制器”的概念？答案是，没有。组件的自定义逻辑可以分布在这些钩子中

vue初步介绍

Vue.js（读音类似于view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。

js高级脚本算法

js中级脚本算法

js初级脚本算法

这个是风靡全球的凯撒密码Caesar cipher，又叫移位密码。移位密码也就是密码中的字母会按照指定的数量来做移位。一个常见的案例就是ROT13密码，字母会移位13个位置。由'A' ↔ 'N', 'B' ↔'O'，以此类推

Javascript 中的神器——Promise

回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切

jquery中closest()与parents()的方法区别分析总结

在jquery中parents()查找父级元素删除的时候，发现它不包含根元素，于是用了closest()，效果不错，下面我给大家具体的介绍

Javascript的setTimeout()使用闭包特性时需要注意的问题

这道题考察JavaScript的运行机制。首先先碰到一个 setTimeout，于是会先设置一个定时，在定时结束后将传递这个函数放到任务队列里面，因此开始肯定不会输出 1 。然后是一个 Promise，里面的函数是直接执行的，因此应该直接输出 2 3 。

Javascript编程“陷阱”总结

javascript中有很多陷阱，现在来总结一下：

Javascript中的异步以及如何异步

js是单线程的，执行起来是顺序的。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推

js中setTimeout和setInterval性能详解总结

在写H5游戏时经常需要使用定时刷新页面实现动画效果，比较常用即setTimeout()以及setInterval() setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把它清除。

解读 CSS 布局之水平垂直居中

flexbox是个很强大的布局模块，三个属性就搞定居中，而且不论父容器还是居中元素都可以不定宽高

JS中的call()和apply()方法总结

在js中每个函数都包含两个非继承而来的方法：call()和apply() call和apply的作用都是在特定的作用域中将函数绑定到另外一个对象上去运行，即可以用来重新定义函数的执行环境，两者仅在定义参数方式上有所区别 它们接收参数方面不同：call和apply的第一个参数都是需要调用的

Js中Prototype、__proto__、Constructor、Object、Function关系介绍总结

1.js的对象都拥有内部属性 [[prototype]] 指向其原型对象。[[prototype]] 被称为原型属性。 2 内部属性不可以直接访问.error: obj[[prototype]],但是可以间接访问 [[prototype]]

关于JS中的constructor与prototype的总结

prototype 属性使您有能力向对象添加属性和方法 constructor 属性返回对创建此对象的数组函数的引用

深入分析js中的this、constructor 和prototype

this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向

深入理解javascript闭包

要理解闭包，首先必须理解Javascript特殊的变量作用域 变量的作用域无非就是两种：全局变量和局部变量 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量

jQuery插件的几种写法大总结

插件编写的目的是给已经有的一系列方法或函数做一个封装，以便在其他地方重复使用，方便后期维护

举例说明jquery插件的编写方法

jquery插件开发分为类级别开发和对象级别开发

jquery插件的几种写法

最近Web应用程序中越来越多地用到了JQuery等Web前端技术。这些技术框架有效地改善了用户的操作体验，同时也提高了开发人员构造丰富客户端UI的效率。JQuery本身提供了丰富的操作，但是，有时候我们需要根据我们自己的业务和系统特色（风格）构造一些我们常用的前端UI组件，而 JQuery的插件给了我们一个较好的方式来构造这些UI组件，方便我们日后反复重用这些组件。

jquery插件的编写

jquery有着成千上万的第三方插件，有时我们写好了一个独立的功能，也想将其与jquery结合起来，可以用jquery链式调用，这就要扩展jquery，写成插件形式了，如下面就是一个简单扩展Jquery对象的demo：

html 如何引入一个公共的头部和底部

LINK[rel=import]其实有点类似于IFRAME，它引用的对象也是一个完整的文档，而不是文档片段，而且里面的SCRIPT也会执行，对跨域的资源访问同样有同源策略的限制

前后台的网络数据传输

主要是围绕浏览器的工作展开，包括浏览器处理用户的交互、发送网络请求、收到网络响应之后的处理与渲染等等

JavaScript 实例总结

Switch 语句 确认框 confirm continue与break区别

JavaScript Window

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话" 浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性

JavaScript 对象总结

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数... 此外，JavaScript 允许自定义对象

JS HTML DOM

通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

JavaScript 函数

JavaScript 使用关键字 function 定义函数 函数可以通过声明定义，也可以是一个表达式

JavaScript 代码规范

所有的 JavaScript 项目适用同一种规范 ## JavaScript 代码规范 代码规范通常包括以下几个方面: 变量和函数的命名规则 空格，缩进，注释的使用规则 其他常用规范…… 规范的代码可以更易于阅读与维护 代码规范一般在开发前规定，可以跟你的团

原生js调用json方法

ajax:无刷新数据读取,读取服务器上的信息 ## HTTP请求方法: GET:用于获取数据,如浏览帖子

Http中get和post关系

超文本传输协议（HTTP）的设计目的是保证客户端与服务器之间的通信。HTTP 的工作方式是客户端与服务器之间的请求-应答协议。web浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端

Request、Request.Params、Request.QueryString、Request.form的区别

Request：Request["id"]是一个复合功能读取函数。它从几个集合取数据是有顺序的，从前到后的顺序依次是：QueryString > Form > Cookies > ClientCertificate > ServerVariables，也即是一般get比post优先级高些。

jquery序列化表单 - serialize()/serializeArray()/param()区别

在jQuery中，当我们使用ajax时，常常需要拼装input数据以键值对（Key/Value）的形式发送到服务器，用JQuery的serialize方法可以轻松的完成这个工作，使用这个方法可以将表单序列化为键值对（key1=value1&key2=value2…）后提交。

windows对象属性总结

alert(window.location.pathname);//设置或获取对象指定的文件名或路径 alert(window.location.href);//设置或获取整个 URL 为字符串 alert(window.

JSON转换方法总结

将JavaScript的jQuery库中表单转化为JSON对象的方法 Jquery中有serialize方法，可以将表单序列化为一个“&”连接的字符串，但却没有提供序列化为Json的方法。不过，我们可以写一个插件实现

ajax实现JSONP跨域

简单的说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果

Jquery中AJAX参数详细列表

JSON的操作与使用

JSON也就是JavaScript Object Notation，是一个描述数据的轻量级语法。JSON的优雅是因为它是JavaScript语言的一个子集。JSON和XML都使用结构化方法描述数据 JSON有结构化的嵌套数据元素，每个JSON文档描述了这样一个对象，该对象包含有：嵌套对象、数组

JSON 模式（Schema）与数据解析

JSON 模式是一种基于 JSON 格式定义 JSON 数据结构的规范 JSON 模式用于描述现有数据格式，干净的人类和机器可读的文档，完整的结构验证，有利于自动化测试，可用于验证客户端提交的数据

JSON 基础知识总结

JSON，说白了就是JavaScript用来处理数据的一种格式，这种格式非常简单易用。JSON大部分都是用来处理JavaScript和web服务器端之间的数据交换，把后台web服务器的数据传递到前台，然后使用JavaScript进行处理，例如ajax等 JSON支持的语言非常多，包括JavaS

JavaScript JSON的总结

JSON英文全称 JavaScript Object Notation(JavaScript 对象表示法)，是一种轻量级的用于存储和交换文本信息的语法，被设计用于可读的数据交换，类似 XML，但比 XML 更小、更快，JSON具有自我描述性，更易理解