JavaScript资料,JavaScript文章,JavaScript文档-易库教程

JavaScript 字符串常用操作小结（非常实用）

2017年02月06日 63 阅读

字符串截取1. substring（）xString.substring（start,end）substring（）是最常用到的字符串截取方法，它可以接收两个参数（参数不能为负值），分别是要截取的开始位置和结束位置，它将返回一个新的字符串，其内容是从start处到end-1处的所有字符。若结束参数（end）省略，则表示从start位置一直截取到最后。let str = "www.jeffjade.com"console.log（str.substring（...

浅析script标签中的defer与async属性

2017年02月06日 102 阅读

一、前言看到的前辈写的代码如下<script src="#link（"xxxx/xx/home/home.js"）" type="text/javascript" async defer></script>竟然同时有async和defer属性，心想着肯定是前辈老司机的什么黑科技，两个一块儿肯定会发生什么神奇化学反应，于是赶紧怀着一颗崇敬的心去翻书翻文档，先复习一下各自的定义。二、调查一番先看看async和defer各自的定义吧，翻开...

JavaScript的变量声明提升问题浅析（Hoisting）

2017年02月06日 67 阅读

一、变量声明提升 hoisting 英[‘hɔɪstɪŋ] 美[‘hɔɪstɪŋ] n. 起重，提升 v. 把…吊起，升起（ hoist的现在分词）先来看一个栗子var cc = "hello";function foo（）{ console.log（cc）; var cc = "world"; console.log（cc）;}foo（）;console.log（cc）;这...

浅析JavaScript中break、continue和return的区别

2017年02月06日 57 阅读

breakfunction myBreak（） {for（var i = 0; i < 5; i++） {if（i == 3） {break;}console.log（i）;}}myBreak（）;输出：012break: 直接跳出当前的循环，从当前循环外面开始执行,忽略循环体中任何其他语句和循环条件测试。它只能跳出一层循环，如果你的循环是嵌套循环，那么你需要按照你嵌套的层次，逐步使用break来跳出。continuefunction myCon...

Node.js开发教程之基于OnceIO框架实现文件上传和验证功能

2017年02月06日 68 阅读

OnceIO 是 OnceDoc 企业内容（网盘）的底层Web框架，它可以实现模板文件、静态文件的全缓存，运行起来完全不需要I/O操作，并且支持客户端缓存优化，GZIP压缩等（只在第一次压缩），拥有非常好的性能，为您节约服务器成本。它的模块化功能，可以让你的Web进行分布式存储，即一个扩展包里即包含前端、后端和数据库定义，只需通过添加/删除目录的方式就可实现功能删减，实现真正的模块化扩展。这里是介绍如何使用OnceIO的一系列文章。在这一章节中，我们将为大...

Angular.JS判断复选框checkbox是否选中并实时显示

2017年02月06日 60 阅读

首先来看看简单的效果图，如下所示：看一下html代码：<！DOCTYPE html><html data-ng-app="App"><head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> <script ...

如何处理JSON中的特殊字符

2017年02月06日 59 阅读

JSON 是适用于 Ajax 应用程序的一种有效格式，原因是它使 JavaScript 对象和字符串值之间得以快速转换。由于 Ajax 应用程序非常适合将纯文本发送给服务器端程序并对应地接收纯文本，相比不能生成文本的 API，能生成文本的 API 自然更可取；而且，JSON 让您能够处理本地 JavaScript 对象，而无需为如何表示这些对象多费心思。XML 也可以提供文本方面的类似益处，但用于将 JavaScript 对象转换成 XML 的几个现有 A...

javascript中活灵活现的Array对象详解

2017年02月06日 65 阅读

前言JavaScript中的Array对象，就是我们常说的数组对象，主要用于封装多个任意类型的数据，并对它们进行管理。所有主流浏览器均支持Array对象。大家都知道Array实例有这四个方法：push、pop、shift、unshift。大家也都知道 push + pop实现栈， shift + push实现队列。在这里不讨论什么先进后出、先进先出。但一面这个题将要用到这几个方法。题目螺旋矩阵这个名词，在后台语言中可能很熟悉，他是个二维数组，他有什么特点呢...

jquery.Callbacks的实现详解

2017年02月06日 61 阅读

前言jQuery.Callbacks是jquery在1.7版本之后加入的，是从1.6版中的_Deferred对象中抽离的，主要用来进行函数队列的add、remove、fire、lock等操作，并提供once、memory、unique、stopOnFalse四个option进行一些特殊的控制。功能介绍jq的Callbacks模块主要是为其他模块提供服务的，他就像一个温柔的小女人，在背后默默地付出。Deferred就像一个巨人，在jq中那么的突出，但在内部，...

JavaScript实现拖拽元素对齐到网格（每次移动固定距离）

2017年02月06日 60 阅读

这几天在做一个拖拽元素的附加功能，就是对齐到网格，实际上就是确定好元素的初始位置，然后拖拽元素时，每次移动固定的距离。让元素都可以在网格内对齐。先上效果图，然后在详细说明一下细节问题做了一个gif图，可以看到，每次元素的移动都是按照最小单位距离移动的。且每次元素都是对齐到网格的。先根据demo说明一下思路和细节，后面会给出demo代码。1. 确定元素的每次移动的最小单位（demo中为10px和10px），也就是每次水平或垂直的位移量都是10px。铺上一层网...

BootStrap实现响应式布局导航栏折叠隐藏效果（在小屏幕、手机屏幕浏览时自动折叠隐藏）

2017年02月06日 69 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所示：<！DOCTYPE html> <html> <head> <title>bootstrap实现导航栏的响应式布局，当在小屏幕、手机屏幕浏览时自动折叠隐藏</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta nam...

Vuex2.0+Vue2.0构建备忘录应用实践

2017年02月06日 73 阅读

一、介绍VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化，适合于构建中大型单页应用。1、什么是状态管理模式？看个简单的例子：<！DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="wi...

关于Vue.js 2.0的Vuex 2.0 你需要更新的知识库

2017年02月06日 71 阅读

应用结构实际上，Vuex 在怎么组织你的代码结构上面没有任何限制，相反，它强制规定了一系列高级的原则：1、应用级的状态集中放在 store 中。2、改变状态的唯一方式是提交mutations，这是个同步的事务。3、异步逻辑应该封装在action 中。只要你遵循这些规则，怎么构建你的项目的结构就取决于你了。如果你的 store 文件非常大，仅仅拆分成 action、mutation 和 getter 多个文件即可。对于稍微复杂点的应用，我们可能都需要用到模块...

微信小程序之ES6与事项助手的功能实现

2017年02月06日 80 阅读

由于官方IDE更新到了0.11.112301版本，移除了对Promise的支持，造成事项助手不能正常运行，解决此问题，在项目中引入第三方兼容库Bluebird支持Promise，代码已经整合到项目代码中。好久没有写关于微信小程序的随笔了，其实是不知道写点什么好，之前的豆瓣图书和知乎日报已经把小程序的基础部分写的很详细了，高级部分的API有些还得不到IDE的调试支持。之前发表了知乎日报小例，有网友问我小程序有没有关于日历显示的组件，可以显示所有天数的，自己看...

微信小程序之小豆瓣图书实例

2017年02月06日 99 阅读

最近微信小程序被炒得很火热，本人也抱着试一试的态度下载了微信web开发者工具，开发工具比较简洁，功能相对比较少，个性化设置也没有。了解完开发工具之后，顺便看了一下小程序的官方开发文档，大概了解了小程序的开发流程和一些常用的API。了解了小程序之后，自己就有了想要做一个小demo的冲动，虽然自己对小程序还没有做过很多实践，只是在官方例子上徘徊，但是还是想做出点小东西。既然要做一个demo，自然需要到数据，自己有又不想独自搭建服务端，所以在网上搜索可以用来提供...

微信小程序简单DEMO布局，逻辑，样式的练习

2017年02月06日 60 阅读

微信小程序布局实例：下面将会按照以下的顺序介绍：布局的实现逻辑的实现样式的实现1.布局的实现最大的布局是view， view布局中包含了：一张图片，文字描述，信息栏和分界线<！--最外层--><view class="home-view1"><！--图片层--><view class="home-view2"><image class="home-image1" src="http://qty83k....

微信小程序欢迎界面开发的实例详解

2017年02月06日 63 阅读

微信小程序欢迎界面市面上大多数的app都会有一个欢迎界面，下面将演示如何通过微信小程序实现一个欢迎界面。下面将会按照以下的顺序介绍：布局的实现逻辑的实现样式的实现1.布局的实现整个布局使用swiper滑动视图实现，滑动视图的每一个item通过一个block块包裹，块中包裹的是滑动视图的每一个item， item中包含image图片和button按钮<swiper indicator-dots="true"><block wx:for="...

JavaScript如何实现图片懒加载（lazyload）提高用户体验（增强版）

2017年02月06日 56 阅读

目录：懒加载的意义（为什么要使用懒加载）原理代码在上篇文章给大家介绍了JavaScript实现图片懒加载（Lazyload），大家可以参考下。懒加载的意义（为什么要使用懒加载）对页面加载速度影响最大的就是图片，一张普通的图片可以达到几M的大小，而代码也许就只有几十KB。当页面图片很多时，页面的加载速度缓慢，几S钟内页面没有加载完成，也许会失去很多的用户。所以，对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面内未出现在可视区域内的图片先不...

利用vue-router实现二级菜单内容转换

2017年02月06日 59 阅读

二级菜单导航是一种很普遍的功能，一般网页都会有这个功能。如果是平常的做法就是改变url，跳到相应的页面；还有一种就是frame。如果用vue的话，可以用vue-router改变<router-view>里面的组件，这样就能做到不刷新页面都能跳到相应“页面”。其实url地址还是变了，但是他没有刷新页面其他位置的内容，只是改变了<router-view>里面的组件，渲染了新的组件。在线demo：http://runjs.cn/cod...

深入理解jQuery.data（）的实现方式

2017年02月06日 60 阅读

jQuery.data（）的作用是为普通对象或 DOM Element 附加（及获取）数据。下面将分三个部分分析其实现方式：1. 用name和value为对象附加数据；即传入三个参数，第一个参数为需要附加数据的对象，第二个参数为数据的名称，第三个参数为数据的值。当然，只是获取值的话，也可以不传入第三个参数。2. 用另一个对象为对象附加数据；即传入两个参数，第一个参数为需要附加的数据对象（我们称之为“obj”），第二个参数也是一个对象（我们称之为“anot...

首页 / 脚本样式 / JavaScript

JavaScript 字符串常用操作小结（非常实用）

浅析script标签中的defer与async属性

JavaScript的变量声明提升问题浅析（Hoisting）

浅析JavaScript中break、continue和return的区别

Node.js开发教程之基于OnceIO框架实现文件上传和验证功能

Angular.JS判断复选框checkbox是否选中并实时显示

如何处理JSON中的特殊字符

javascript中活灵活现的Array对象详解

jquery.Callbacks的实现详解

JavaScript实现拖拽元素对齐到网格（每次移动固定距离）

BootStrap实现响应式布局导航栏折叠隐藏效果（在小屏幕、手机屏幕浏览时自动折叠隐藏）

Vuex2.0+Vue2.0构建备忘录应用实践

关于Vue.js 2.0的Vuex 2.0 你需要更新的知识库

微信小程序之ES6与事项助手的功能实现

微信小程序之小豆瓣图书实例

微信小程序 简单DEMO布局，逻辑，样式的练习

微信小程序 欢迎界面开发的实例详解

JavaScript如何实现图片懒加载（lazyload） 提高用户体验（增强版）

利用vue-router实现二级菜单内容转换

深入理解jQuery.data（） 的实现方式

微信小程序简单DEMO布局，逻辑，样式的练习

微信小程序欢迎界面开发的实例详解

JavaScript如何实现图片懒加载（lazyload）提高用户体验（增强版）

深入理解jQuery.data（）的实现方式