本文实例讲述了JavaScript队列的应用。分享给大家供大家参考，具体如下： 和前面介绍的栈相反，队列是一种先进先出的线性表，它只允许在表的一端进行插入，而在另一端进行删除。JavaScript自己提供了两个队列方法shift和push方法，分别是出队和入队，其原理就是将元素插入数组最后一个和删除第一个元素。 这里需要注意一点，就是unshift方法的效率比push的效率要低很多。因为它要将入队之前的数组全部往前移动一位。这里我们就不用...
一：npm的安装 由于新版的node.js已经集成了npm的环境，所以只需去官网下载node.js并安装，安装完成后使用cmd检测是否成功。 测试node的版本号：node -v 测试npm的版本号：npm -v 以上提示代表安装成功 二：vue.js环境搭建 1、首先安装淘宝的npm镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装vue.js环境:：cnpm install -g vue-cli 3、测试vue的安装：vue 三：vue.js项目的建立 新建一个名为pt...
1. 为什么要 SPA？ SPA： 就是俗称的单页应用（Single Page Web Application）。 在移动端，特别是 hybrid 方式的H5应用中，性能问题一直是痛点。 使用 SPA，没有页面切换，就没有白屏阻塞，可以大大提高 H5 的性能，达到接近原生的流畅体验。 2. 为什么选择 vue？ 在选择 vue 之前，使用 reactjs 也做过一个小 Demo，虽然两者都是面向组件的开发思路，但是 reactjs 的全家桶方式，实在太过强势，而自己定义的 JSX 规范，揉和在 JS...
刚学习vue的小伙伴不知道从哪入手，很多网上的教程一来就搭建脚手架环境，可以新手更本看不懂，建议还是用引入script的方式引入vue.js，然后看官网的教程，再拿那这个demo练练手，也可以看看官网的demo，然后再去熟悉安装，搭建单页面应用。 效果：功能： 在input输入文字点击按钮或者enter，下面会添加一个带复选框和文字还有删除按钮的li 用到的vue函数： data，methods，watch，还有localstorage 页面非常简单： 先写外面的盒子...
javascript 中的try catch应用总结 实例代码： <script language="JavaScript"> try { throw new Error(10,"asdasdasd") } catch (e) { alert(e.message); alert(e.description) alert(e.number) alert(e.name) throw new Error(10,"asdasdasd") } </script> 在JavaScript可以使用try...catch来进行异常处理。例如： try {foo.bar(); } catch (e) {alert(e.name + ": " + e.message); } 目前我们可能得到的系统异常主...
前言 我们将会选择使用一些vue周边的库 vue-cli , vue-router , vue-resource , vuex 1.使用vue-cli创建项目 2.使用vue-router实现单页路由 3.用vuex管理我们的数据流 4.使用vue-resource请求我们的node服务端 5.使用.vue文件进行组件化的开发 PS：本文node v6.2.2 npm v3.9.5 vue v2.1.0 vue-router v2.0.3 vuex v2.0.0 最终我们将会构建出一个小demo，不废话，直接上图。安装 1.我们将会使用webpack去为我们的模块打包，预处理，...
Express 在初始化一个项目的时候需要指定模板引擎，默认支持Jade和ejs。 这里我们使用ejs模板引擎：（关于ejs的介绍可以先从百科里面了解一个大概） EJS是一个JavaScript模板库，用来从JSON数据中生成HTML字符串。 在使用express创建一个网站的时候，使用ejs模板引擎，建立基本的网站结构，当前目录下使用：express -t ejs sophiehui命令就在当前目录下创建了一个sophiehui的子目录，创建信息如图片所示：倒数第四行提示我们安装依...
概述 使用Vue2进行的仿手机QQ的webapp的制作，在ui上，参考了设计师kaokao的作品，作品由个人独立开发，源码中进行了详细的注释。 由于自己也是初学Vue2，所以注释写的不够精简，请见谅。 项目地址 https://github.com/jiangqizheng/vue-MiniQQ 项目已实现功能 对话功能——想着既然是QQ总要能进行对话交流，所以在项目中接入了图灵聊天机器人，可以与列表中的每个人物进行对话。左滑删除——左滑删除相关消息。搜索页面——点击右...
需求：页面上的列表原先有3个，我们想点击一次添加一条记录，也可以在头和尾删除数据；我们也可以删除我们想删除的任意一行记录；如果是用传统的jquery操作，页面中js会特别多，而且操作也很麻烦。这里用vue.js就非常简单。 我们先看页面效果：页面初始化.png末尾增加一项.png删除项.png再来看代码： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-s...
一、介绍 vue.js 是 目前 最火的前端框架，vue.js 兼具 angular.js 和 react.js 的优点，并剔除它们的缺点，并且提供了很多的周边配套工具 如vue-router 、vue-resource 、vuex等等 ，通过他们我们可以很轻松的构建一个大型单页应用。目前Vue版本为：Vue2.0 官网地址：http://vuejs.org.cn/查看API文档：https://vuefe.cn/v2/api/对比其他框架：http://vuejs.org.cn/guide/comparison.html二、环境搭建 我们使用vue-cli脚手架工具构...
批处理 常用常见的批处理文件有.bat文件，可用文本编辑器直接编辑内部代码，运行也比较方便，windows平台直接双击执行即可，具体请自行了解。 需求背景 angular项目中，当项目越来越大时，很多通用模块(module)可能需要抽象出来，这是一点，另外可能有某些子应用也会单独抽离出来，这是另一点。当一个大型项目同时包括多个子应用时，编码后的编译或者打包就会比较麻烦，特别是在项目持续集成的一种状态下，或者项目组有新成员(经验...
这款应用主要实现以下几个功能： 1.在表格中输入客户姓名并选择咖啡，点击“Add”能够把数据传至table。 2.table的每生成一行新数据，其status列都会出现一个小咖啡图标，表示正在制作中。 3.点击这个小咖啡图标，可以变成一个绿色的勾勾，表示该订单已经完成。 4.点击Export可以把表格数据导出为CSV文件。 HTML：<div class="container-fluid"> <h1>Coffee Orders</h1> <hr> <div class="row"> <!-- order form --> <div class="c...
以下是之前练习正则表达式时候做的js表单测试. input里的value用.test()比较以后，处理正则和需求，反馈，代码欠优化，但功能完善，仅供参考学习 html部分 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>新用户注册</title><link rel="stylesheet" href="./css/regForm.css" type="text/css"><script type="text/javascript" src="js/regForm.js"></script> <!--外部样式和JS*--> </head> <body><div ...
微信小程序 WebSocket 实例效果：今天主要说一下微信的WebSocket接口以及在小程序中的使用。 WebSocket是什么（简述） 微信的WebSocket接口和HTML5的WebSocket基本一样，是HTTP协议升级来的，做为一个新的Socket在B/S上使用，它实现了浏览器与服务器全双工通信。 因为这里是做小程序，所以就不对WebSocket的底层和协议做过多的说明了，只是稍微介绍一下。想了解详细的WebSocket可以参考如下：WebSocket 协议 WebSocket与Ajax 的选择...
1.触摸事件touch touchstart 手指放在屏幕上触发 touchmove 手指在屏幕上移动，连续触发 touchend 手指离开屏幕触发 touchcancel 当系统停止跟踪时触发，该事件暂时用不到 注意： 1.移动端只能事件只能通过监听函数添加，不能用on添加 2.移动端当中就不要用鼠标的事件 3.移动端的事件会触发浏览器的默认行为，所以在调用事件的时候要把默认行为阻止了ev.preventDefault。 demo: document.a...