本文实例讲述了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...