Welcome

首页 / 脚本样式 / JavaScript

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

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

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

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

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

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

jquery.Callbacks的实现详解

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

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

2017-02-06 27
废话不多说了，直接给大家贴代码了，具体代码如下所示：<！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 16
一、介绍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 19
应用结构实际上，Vuex 在怎么组织你的代码结构上面没有任何限制，相反，它强制规定了一系列高级的原则：1、应用级的状态集中放在 store 中。2、改变状态的唯一方式是提交mutations，这是个同步的事务。3、异步逻辑应该封装在action 中。只要你遵循这些规则，怎么构建你的项目的结构就取决于你了。如果你的 store 文件非常大，仅仅拆分成 action、mutation 和 getter 多个文件即可。对于稍微复杂点的应用，我们可能都需要用到模块...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

基于Vue.js实现简单搜索框

2017-02-06 21
在github上看到的练习，看个遍代码后自己再练一遍，先放原址：https://github.com/lavyun/vue-demo-search主要用到的知识很简单，简单的vuejs2.0的知识就够了。源码用了.vue构建和ES6，用了webpack打包等等。我资历还浅，先用一个简单的.js的写。 先看效果 这里有两个组件，一个组件是logo部分的，一个是搜索框部分的。htmlhtml很简单，就是引用两个组件。<div id="app"> &...

获取jqGrid中选择的行的数据

2017-02-06 18
下面可以获取选择一行的id，如果你选择多行，那下面的id是最后选择的行的id：var id=$（‘#gridTable"）.jqGrid（‘getGridParam","selrow"）;如果想要获取选择多行的id，那这些id便封装成一个id数组，那可以使用以下：var ids=$（‘#gridTable"）.jqGrid（‘getGridParam","selarrrow"）;如果想获取选择的行的数据，只要传入rowId即可，如下：var rowData...

Vue.js实现简单ToDoList 前期准备（一）

2017-02-06 18
一、前言最近开始学习轻量级的mvvm框架Vue.js。就中文文档来说，算是很齐全了。之前本来在学习1.0版本，某日突然打开官网发现已更新为2.0。便把之后的都改为了2.0的语法。ps：如果恰好你是Vue的初学者的话，慕课网上有一个视频倒是可以去学习参考（我就是参考那个写了个ToDoList的小玩具，在这记录一下学习过程）。二、开篇mvvm框架是前端现在比较热门的话题，去拉勾网上转一圈，基本70%都有要求。所以不说虚的，只是为了多挣点钱，咱们也该跟上时代的步...
<< 61 62 63 64 65 66 67 68 69 70 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图