JS字符串按逗号和回车分隔的方法

split函数可以传入一个正则表达式作为分隔的字符串。function foo(str){ var temp = str.split(/[\n,]/g); for(var i =0;i<temp.length;i++){ if(temp[i] == ""){...

JavaScript基于replace+正则实现ES6的字符串模版功能

本文实例讲述了JavaScript基于replace+正则实现ES6的字符串模版功能。分享给大家供大家参考,具体如下:采用拼接字符串的形式,将 JSON 数据嵌入 HTML 中。开始时代码量较少,暂时...

js中字符型和数值型数字的互相转化方法(必看)

数值型的数字字符型数字之间如何互相转化呢,其实有个很简便的方法:比如字符串”123.45”和数值型123.45。字符串型只要在前面加个+好就可以了。数值型只要在后面加个空字符串...

深入理解Javascript中的作用域链和闭包

首先我们回顾下之前一篇关于介绍数组遍历的文章:
请先看上一篇中提到的for循环代码:var array = [];array.length = 10000000;//(一千万)for(var i=0,length=array.length;i<...

关于jQuery中fade(),show()起始位置的一点小发现

最近在鼓弄主页的时候想要添加一个音乐播放的插件,暂时使用网易与音乐外链播放器,效果是在右下角弹出和消失,于是问题来了:show()和fade()函数是用来显示或者隐藏元素的函数,可以...

jquery.form.js异步提交表单详解

本文实例为大家分享了jquery.form.js异步提交表单的具体代码,供大家参考,具体内容如下
引入脚本:<script type="text/javascript" src="/js/jquery.form.min.js"></script><sc...

ES6中Math对象新增的方法实例详解

本文实例讲述了ES6中Math对象新增的方法。分享给大家供大家参考,具体如下:Math.trunc()Math.trunc方法用于去除一个数的小数部分,返回整数部分。对于没有部署这个方法的环境,可...

完美解决UI-Grid表格元素中多个空格显示为一个空格的问题

UI-Grid中表格数据中如果存在多个连续的空格,会显示为一个空格,解决方法很简单,只需要加上这样一个样式:.ui-grid-cell-contents { white-space: pre !important;}white-space...

Javascript中click与blur事件的顺序详析

一、现象最近在开发中碰到了一个需求,具体需求如下图。这是一个很常见的需求,input框负责在点击回车和失焦的时候确认输入。button负责清除输入,input绑定代码为:input.addEvent...

如何在 Vue.js 中使用第三方js库

在诸多 Vue.js 应用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 库. 但随着项目越来越复杂, 可能会采取组件化和模块化的方式来组织代码, 还可能要使...

Angular实现一个简单的多选复选框的弹出框指令实例

之前的文章有写过包含树结构下拉框的。要实现一个包含多个复选框的下拉框该如何做呢?先上个效果图吧: 代码:<!DOCTYPE html><html ng-app="app"><head> <meta charset="UTF-8"...

ES6数组的扩展详解

本文实例讲述了ES6数组的扩展。分享给大家供大家参考,具体如下:1. Array.from()Array.from()将类数组(array-like)对象与可遍历的对象转化为数组并返回。下面是一个类数组let...

用vue和node写的简易购物车实现

项目介绍
这是用vue写前端,用node来接收前端发来的请求,然后进行相应的数据操作,例如数据的存取和删除等。这是个人的练习项目,目前功能做的比较简单,主要是展示商品列表,把商品加...

详谈jQuery中使用attr(), prop(), val()获取value的异同

jQuery中有3个获取元素value值的函数比较相似:attr(), prop(), val();拿来比较一下。  示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></...

json的结构与遍历方法实例分析

本文实例讲述了json的结构与遍历方法。分享给大家供大家参考,具体如下:第一种json结构:var jsongood ={"goods":[{"parentId":"null","productId":1,"name":"商品","amount":"n...

JS实现禁止高频率连续点击的方法【基于ES6语法】

本文实例讲述了JS实现禁止高频率连续点击的方法。分享给大家供大家参考,具体如下:1、类似react的数据流,点击之后立即设置值为空,当返回值后才可以点击2、设置定时器,每次进入之...

Node.js利用debug模块打印出调试日志的方法

前言大家都知道在node程序开发中时,经常需要打印调试日志。用的比较多的是debug模块,比如express框架中就用到了。下文简单举几个例子进行说明。文中相关代码示例,可在这里找到...

node.js中debug模块的简单介绍与使用

前言相信使用node.js的朋友们都知道,一般在nodejs需要进行调试的时候,可以使用console.log()方法来将调试信息输出到控制台,当发布到生产环境的时候,需要将这些调试信息都注释掉...

详解JS中的attribute属性

Attribute是属性的意思,文章仅对部分兼容IE和FF的Attribute相关的介绍。attributes:获取一个属性作为对象getAttribute:获取某一个属性的值
object.getAttributes(attribute) g...

Angular.js 4.x中表单Template-Driven Forms详解

Angular 4.x 中有两种表单: Template-Driven Forms - 模板驱动式表单 (类似于 Angular 1.x 中的表单 ) Reactive Forms - 响应式表单
本文主要介绍 Template-Driven Form...

AngularJS动态菜单操作指令

前言 在我们创建一个angularJS应用的时候,菜单往往往是不可或缺的元素之一。也许在我们静态菜单的时候不会发现在指令中操作菜单收缩、折叠展开没有任何问题,因为我们...

Angular 4.x 动态创建表单实例

本文将介绍如何动态创建表单组件,我们最终实现的效果如下:在阅读本文之前,请确保你已经掌握 Angular 响应式表单和动态创建组件的相关知识,如果对相关知识还不了解,推荐先阅读一...

Angular 4.x中表单Reactive Forms详解

Angular 4.x 中有两种表单: Template-Driven Forms - 模板驱动式表单 (类似于 Angular 1.x 中的表单 ) Reactive Forms (Model-Driven Forms) - 响应式表单
Template-Dri...

详解Angular 4.x 动态创建组件

动态创建组件
这篇文章我们将介绍在 Angular 中如何动态创建组件。定义 AlertComponent 组件
首先,我们需要定义一个组件。exe-alert.component.tsimport { Component, Input...

VueJS如何引入css或者less文件的一些坑

我们在做Vue+webpack的时,难免会引入各种公共css样式文件,那么我们改如何引入呢?引入时会有那些坑呢?首先,引入公共样式时,我们在“main.js”里使用AMD的方式引入,即require('./as...

基于Vue实现timepicker

在github上看到的练习,看了遍代码后,按自己的思路再修改了一下。
先放原址:https://github.com/graysheeep/vue-material-timepicker。
自己做的在线demo:http://jsbin.com/du...

详解vue-cli + webpack 多页面实例应用

关于vue.jsvue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。使用vue可以给你的开发带来极致的编...

详解Vue 动态添加模板的几种方法

以下方法只适用于 Vue1.0 版本,推荐系数由高到低排列。通常我们会在组件里的 template 属性定义模板,或者是在 *.vue 文件里的 template 标签里写模板。但是有时候会需要动态...

详谈Angular 2+ 的表单(一)之模板驱动型表单

摘要在企业应用开发时,表单是一个躲不过去的事情,和面向消费者的应用不同,企业领域的开发中,表单的使用量是惊人的。这些表单的处理其实是一个挺复杂的事情,比如有的是涉及到多个...

微信小程序中显示html格式内容的方法

前言最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html...

微信小程序访问node.js接口服务器搭建教程

前言最近在做微信的应用号小程序开发,小程序的后台数据接口需要https安全请求,所以需要我的nodejs服务器能够提供https的支持,现在就将整个https服务器的搭建过程说一下。搭建...

vuejs如何配置less

本次我们来聊聊,vuejs里如何使用less。都是根据自己的开发经验来写,不对的地方请各位拍砖。在webstorm上配置Less 首先,全局安装lessnpm install less -g然后,在webstorm上配置l...

Vue+axios 实现http拦截及路由拦截实例

现如今,每个前端对于Vue都不会陌生,Vue框架是如今最流行的前端框架之一,其势头直追react.最近我用vue做了一个项目,下面便是我从中取得的一点收获.基于现在用vue+webpack搭...

windows下vue-cli及webpack搭建安装环境

1、安装Node.js,node.js安装包及源码下载地址为:https://nodejs.org/en/download/。
2、安装npm,由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入...

windows下vue-cli导入bootstrap样式

1、先安装好vue-cli,如果还没有安装好的可以参考:《windows下vue-cli及webpack 构建网站(一)环境安装》
2、安装好之后Vue的欢迎界面,我们要做个例子导入bootstrap的样式,就先去...

node.js中实现kindEditor图片上传功能的方法教程

前言最近由于工作需要使用在线编辑器,找了几个对比了下KindEditor还是不错的,国产的但文档还是不全,还好能参考官方插件,kindEditor官网上中提供了ASP,ASP.NET,JSP相关的整合应...

bootstrap table表格使用方法详解

本文实例为大家分享了bootstrap table表格的使用方法,供大家参考,具体内容如下1.进入页面,根据指定的URL加载数据(json格式)2.加载成功,根据$table.bootstrapTable({options})显...

Vue制作Todo List网页

Vue学习完成Todo List网页,供大家参考,具体内容如下
跟着老师学习Vue,我喜欢清爽的界面,就自己改了样式,看起来还不错,以后就用来记录要做的事情,实用性还蛮强。Vue非常容易上手,运...

vue-cli如何快速构建vue项目

vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。
1、安装vue-cli使用npm全局安装vue-cli(前提是已经安装了nodejs,否则连npm都用不了) $ npm install -g vue-cli2、...

js canvas实现擦除效果示例代码

关于canvas的定义: HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域,您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆...

快速使用node.js进行web开发详解

首先关于node.js的学习,这里推荐一本比较好的教程,nodejs web开发指南,该书通俗易懂地将node.js语言特性讲解完之后,又从一个项目角度带领读者使用node.js学习web开发。相信这...

jQuery实现鼠标滑过预览图片大图效果的方法

本文实例讲述了jQuery实现鼠标滑过预览图片大图效果的方法。分享给大家供大家参考,具体如下:需求是这样的: 鼠标移动的图片上,同时显示预览的大图,鼠标移开,则隐藏。原理其实很简...

详解node.js平台下Express的session与cookie模块包的配置

首先下载两个模块包session模块包:用于保持登录状态或保持会话状态等。npm install express-session --save-devcookie模块包:用于解析cookie。npm install cookie-parser --s...

Vue.js实现文章评论和回复评论功能

本来想把这个页面用jade渲染出来、评论部分用vue,但是想了想觉得麻烦,最后还是整个用vue的组件搞定他吧。
先上在线demo:http://jsbin.com/ceqifo/1/edit&#63;js,output
再上...

node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)

此内容需有node.js+express+mysql入门基础,若基础薄弱,可参考博主的其他几篇node.js博文:1.下载Mysql数据库,安装并配置。创建用户表供登录使用:2.node.js平台下Express的session...

JS ES6多行字符串与连接字符串的表示方法

本文实例讲述了JS ES6多行字符串与连接字符串的表示方法。分享给大家供大家参考,具体如下:1. 以前,js多行字符串用\n写起来比较费事,所以最新的ES6标准新增了一种多行字符串的表...

详解AngularJs ui-router 路由的简单介绍

之前有写过一篇关于Angular自带的路由:ngRoute。今天来说说Angular的第三方路由:ui-router。那么有人就会问:为什么Angular有了自带的路由,我们还需要用ui-router呢?这里简单明...

JS实现数组按升序及降序排列的方法

本文实例讲述了JS实现数组按升序及降序排列的方法。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组数字大小排...

xmlplus组件设计系列之列表(4)

列表组件是极其常用的一类组件,是许多视图组件系统的必须包含的。列表可以做的很简单,只显示简洁的内容。列表也可以做的很复杂,用于展示非常丰富的内容。组成元素
列表离不开...

xmlplus组件设计系列之按钮(2)

除了图标以外,按钮也许是最简单的组件了,现在来看看如何定义按钮组件。使用原生按钮组件
在 xmlplus 中,HTML 元素也以组件的方式存在。所以,你可以直接通过使用 button 标签或...

返回顶部
顶部