wo240的专栏

前言：Vue的ui库众多，大多的UI库都由国外小组开发制作，故访问外国官网龟速，笔者介绍几个国内能正常访问的库。H5端：1.Vant轻量、可靠的移动端 Vue 组件库,色彩丰富，组件居多，更重要的是可搭配Uni-app运行到Android，Ios，微信小程序，以及H5上，适配性极强。官网：https://youzan.github.io/vant/#/zh-CN/intro2.Wux weappWux Weapp是一套组件化、可复用、易扩展的微信小程序 UI 组件库。 样式.

https://www.xueui.cn/design-theory/figure-ui-design-specification.htmlhttps://www.cdwanxun.com/zixun/show/4407.html

一、和普通函数this的区别箭头函数的没有自己的this，所以依托于外层函数的this，需要宿主，没有就指向windowa. 不可以使用new构造函数b. 不存在arguments、super、new.target，指向外层函数的对应变量c.也就不能用call()、apply()、bind()这些方法去改变this的指向普通函数中的this依赖最近的调用者，这个最好熟悉下调用栈，谁调用它this就指向谁回调匿名非箭头函数中的this指向window全局对象function Ti

什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：作为一个函数变量的一个引用，当函数返回时，其处于激活状态。一个闭包就是当一个函数返回时，一个没有释放资源的栈区。简单的说，Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调

背景我们都知道JS模块化的演变经历了一个漫长的过程，从最初的CommonJS ，到后来的AMD和CMD，再到今天的ES6模块化方案。优胜劣汰，对于JS这门语言来说，服务端的模块化方案CommonJS 活了下来，而ES6推出的模块化方案更是赢得了大家的认可，大有可能成为未来JS的主要的模块化方案。相信大家都可能产生过这样的疑问：既然两个模块化方案都能被大家使用和认可，那么它们到底有什么优势？两个模块化方案有什么差异？带着疑问我也看了一些文章，发现总结得不是很全面，所以想写一篇文章，完善地总结一下它们的不同

前端路由路由历史什么是路由？ 路由是根据不同的 url 地址展示不同的内容或页面早期的路由都是后端直接根据 url 来 reload 页面实现的，即后端控制路由。后来页面越来越复杂，服务器压力越来越大，随着 ajax（异步刷新技术） 的出现，页面实现非 reload 就能刷新数据，让前端也可以控制 url 自行管理，前端路由由此而生。单页面应用的实现，就是因为前端路由。前端路由实现1.Pjax（PushState + Ajax）原理：利用ajax请求替代了a标签的默认跳转，然

这篇文章主要是记录下HTML5中history提供的pushState, replaceStateAPI。最后通过这些API自己实现小型的路由。关于window.history提供的API请参见Mozilla文档其中history提供的pushState和replaceState2个API提供了操作浏览器历史栈的方法。其中pushState: history.pus

jQuery中最常用方法的就是jQuery( )，也即$( )。       jQuery( )是一个函数调用，调用的结果是返回了一个jQuery实例对象。       编写组件通常的做法是将组件封装成一个对象，需要用的时候则通过new运算符来创建一个实例。但是jQuery( )无须我们用new手工实例化，它会自动返回一个实例。       要实现这一点，最直接的思路就是定义这样一个函

前端团队阿里巴巴 UED -- 我们设计的界面，并没有几十亿的流量，但每天来自上百个国家的百万商人在使用着。阿里巴巴中国站UED -- 阿里巴巴中国站UED成立于1999年，全称是用户体验设计部（User Experience Design Department），是阿里巴巴集团最资深的部门之一。支付宝前端开发 -- 支付宝前端开发车间。淘宝UED -- 淘宝网用户体验团队。淘

前言：闭包允许JavaScript程序员编写更好的代码。创意、表达和简洁。我们经常在JavaScript中使用闭包，不管您的JavaScript经验如何，您无疑会一次又一次地遇到它们。当然，闭包可能看起来很复杂，超出了您的范围，但是在阅读本文之后，闭包将更容易理解，因此对您的日常JavaScript编程任务更有吸引力。闭包是什么?闭包是一个内部函数，它可以访问外部(封闭)函数的变量范围链。

原文：http://javascriptissexy.com/在JavaScrip中，function是内置的类对象，也就是说它是一种类型的对象，可以和其它String、Array、Number、Object类的对象一样用于内置对象的管理。因为function实际上是一种对象，它可以“存储在变量中，通过参数传递给(别一个)函数(function)，在函数内部创建，从函数中返回结果值”。

一、前言移动端框架当前还处在初级阶段，但相对于移动端的应用来说已经有很长时间了。虽然暂时还没有PC端开发的需求量大，但移动端的Web必然是一种趋势，在接触移动端脚本的过程中，最开始想到的是juqery。Jquery2.0版本及以上已经开始偏向移动端，如对h5的支持，但支持还是不够完善，希望jq在后面的版本能够逐渐支持起来。最初在开发移动端Web的时候使用w3c标准的语法结构和原生的

file加载远程blob文件file是前端的选择文件对象的控件，把文件以blob形式的数据载入body，如果我们需要加载服务器端的文件，或者不需要手工选择而是通过程序直接加载文件呢？下面这段代码通过XMLHttpRequest对象，并且xhr.responseType 设置为”blob”的方法，可以实现：window.URL = window.URL || window.webki...

背景实现H5改造客户端版本的英语听说答题功能，这里涉及到很多页面线程的使用，如果自动播放题目，每隔几秒播放内容，循环播放几次等等，在客户端环境里天生蕴藏着多线程操作和media的库，而改成H5页面的方式，只能好好研究H5的音频播放控制的api。audio尝试由于项目所给的时间非常紧，还没有做好充分调研就开始磨刀霍霍，上来分析如果包装题目数据，让页面播放题目的音频更加的合理，根据题目的音频数量...

一、React Native背景有没有朋友想过一个问题，为什么取名React Native?React是什么，Native又是什么？ReactReact 是由Facebook推出的一个JavaScript框架，主要用于前段开发。React 采用组件化方式简化Web开发DOM:每个HTML界面可以看做一个DOM原生的web开发方式，HTML一个文件，javaScript一个文件...

twitter改版后，一个显著变化，就是URL加入了"#!"符号。比如，改版前的用户主页网址为　　http://twitter.com/username改版后，就变成了　　http://twitter.com/#!/username在我印象中，这是主流网站第一次将"#"大规模用于直接与用户交互的关键URL中。这表明井号（Hash）的作用正在被重新认识。本文根据Htt

信息比较丰富的网站通常会以分页显示，在点“下一页”时，很多网站都采用了动态请求的方式，避免页面刷新。虽然大家都是ajax，但是从一些小的细节还是 可以区分优劣。一个小的细节是能否支持浏览器“后退”和“前进“键。本文讨论两种方法，让浏览器可以后退和前进，或者说让ajax就像重定向到新页面一样 拥有能够返回到上一页或者前进到下一页。      数据实现分页显示，最简单的做法是在网址后面加多个pag

web 开发中，js 解析JSON 是经常的事情。非常繁琐。handlebars 使用了模版，只要你定义一个模版，提供一个json对象，handlebars 就能吧json对象放到你定的模版中，非常方便好用！ 下面直接上代码：Html代码  >  html>  head>  meta http-equiv="Content-Type" content="text/htm

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type"

id         :null,  // 需要赋值的IDcallOnOpen :null,  // 弹出后调用方法callOnClose:null,  // 关闭后调用方法eventType  :null,  // 事件类型 click, blur, change, dblclick, error, focus, load, mousedown, mouseout, mouseup

1. clientHeight :  都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。2. clientLeft,clientTop:这两个返回的是元素周围边框的厚度,如果不指定一个边框或者不定位改元素,他的值就是0. 3. scrollHeight,scrollWidth:不管有多少对象在页

body,p,div {margin:0;padding:0;}.Box {margin:10px auto;width:500px;}/*淘宝的圆角方法*/.R-1-T,.R-1-B {height:6px;position:relative;background-image:url(http://images.cnblogs.com/cnblogs_com/jikey/round6

JQuery对数组的处理非常便捷并且功能强大齐全，一步到位的封装了很多原生js数组不能企及的功能。下面来看看JQuery数组的强大之处在哪。$.each(array, [callback]) 遍历不同于例遍 jQuery 对象的 $.each() 方法，此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数：第一个为对象的成员或数组的索引， 第二个为对应变量或内容. 如果需要

jquery是等待页面加载完数据，以及页面部分元素；js是页面全部加载完成才执行初始化加载，具体示例祥看本文jquery和js初始化加载页面的区别： jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频），  js：是页面全部加载完成才执行初始化加载。  1、jQuery 页面加载初始化的方法有3种 ，页面在加载的时候都会执行脚本,  第一种(比较常

html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> title>无标题文档 title> head>  body> script type="text/javascript"> va

function loadImg(imgUrl, srcImg) {    var imgLoading = document.getElementById(srcImg);    var o = new Image();    $("div.picMask").show();    o.onload = function() {        $("div.picMask")

img>标签是页面上最为重要的元素之一。很难想象一个页面上没有图片的样子，这样的页面效果将会大打折扣。任何一个前端工程师想必对标签都非常熟悉了，毕竟经常和它打交道嘛。但你真的对它完全了解吗？如果你能准确无误地回答出以下几个关于的问题，那么恭喜你，本文你可以不再往下看了，或者说你可以用省视的目光来核对本文。问题1：如果在一个页面上插入标签，有哪些属性是必需的？问题2：标签在HTML和

jQuery 表单验证插件——ValidationValidation插件式历史悠久的jQuery插件之一,经过了全球各种项目的验证,得到了很多WEB开发者的好评,作为一个表单验证的解决方案,Validation有很多的优点,比如:内置的验证规则，如：必填、数字、E-Mail、URL和信用卡号码等19类内置验证规则可以自定义验证规则：可以很方便地自定义验证规则简单而且强大的验证信息

$.ajax()方法详解jquery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Num

jQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend();jQuery.extend();虽然 javascript　没有明确的类的概念，但是用类来理解它，会更方便。jQuery便是一个封装得非常好的类，比如我们用 语句　$("#btn1") 会生成一个 jQuery类的实例。jQuery.extend(object);　为jQuery类添加类方法，可

访问伪元素里的content属性值

Session是什么？Session 是面向连接的状态信息，是对 Http 无状态协议的补充。Session 怎么工作？Session 数据保留在服务端，而为了标识具体 Session 信息指向哪个连接，需要客户端传递向服务端发送一个连接标识，比如存在Cookies 中的session_id值（也可以通过URL的QueryString传递），服务端根据这个id 存取状态信息。在服务

你遇到过性能很差的网页吗？这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢？本文将详细介绍性能问题的出现原因，以及解决方法。 一、网页生成的过程要理解网页性能为什么不好，就要了解网页是怎么生成的。网页的生成过程，大致可以分成五步

(转自ibm developerworks 原文链接：http://www.ibm.com/developerworks/cn/web/wa-lo-webcompress/)网站的访问速度是由多个因素所共同决定的，这些因素例如应用程序的响应速度、网络带宽、服务器性能、与客户端之间的网络传输速度等等。其中最重要的一个因素是应用程序本身的响应速度，因此当你为网站性能所苦恼时，你第一个需要着手进行处

*{margin:0;padding:0;}        body{background:#fff;font-size:12px;}        .drag_wrap{width:500px;height:300px;position:absolute;border:1px solid #ccc;display:none;z-index:3;background:#fff;}