详解nodejs模板引擎制作

关于模板,我倒是用过了不少。最开始要数Java的JSP了,然后接触了PHP的smarty,再就是Python的jinja2, Django内置模板,现在刚开始看Nodejs,也发现了不少类似的模板引擎,ejs, jade等...

Vue2.0 从零开始_环境搭建操作步骤

简要:继项目空闲后,开始着手vue的学习;为此向大家分享其中的艰辛和搭建办法,希望能够跟各位VUE大神学习探索,如果有不对或者好的建议告知下;*~*!一、什么是VUE?是一种node.js框架,特...

JS中mouseup事件丢失的原因与解决办法

前言当实现类似Excel选中区域的功能时,经常出现 mouseup 事件丢失的情况,由于缺少了 mouseup 事件,导致一个完整的操作无法进行。如果你是想进行拖拽移动操作,也可以参考本文。...

vue-loader教程介绍

在最初使用webpack+vue时,看到vue里面各种语法,包括import,export,html和css的写作方式,我都能依葫芦画瓢地实现各种功能,但是为什么能这样写,一直不太理解,直到我了解了vue-loader...

使用requirejs模块化开发多页面一个入口js的使用方式

描述知道requirejs的都知道,每一个页面需要进行模块化开发都得有一个入口js文件进行模块配置。但是现在就有一个很尴尬的问题,如果页面很多的话,那么这个data-main对应的入口文...

jQuery ajax动态生成table功能示例

本文实例讲述了jQuery ajax动态生成table的方法。分享给大家供大家参考,具体如下:$(function(){ ajaxT();});function ajaxT(){ $.ajax({ type:"POST", dataType: "json",...

JS设置手机验证码60s等待实现代码

html:<div class="input"> <input class="tel input_all" type="text" name="tel" placeholder="手机号"></div><div class="input huoqu"> <input class="yzm input_all...

JS查找数组中重复元素的方法详解

本文实例讲述了JS查找数组中重复元素的方法。分享给大家供大家参考,具体如下:JS的数据类型有一个数组。今天我们就来谈谈对数组的一种处理。相信很多人都遇到过从数组中查找出...

vue实现百度搜索下拉提示功能实例

这段代码用到vuejs和vue-resouece。实现对接智能提示接口,并通过上下键选择提示项,按enter进行搜索<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Do...

微信小程序动态添加分享数据

微信小程序分享效果:js代码:page({ /** * 用户点击分享按钮或右上角分享 */ onShareAppMessage: function (res) { var that = this; return { title: that.data.common.act_...

详解vue-router2.0动态路由获取参数

一下demo演示2.0中的vue-router是如何获取到不同参数的,并在地址栏中匹配不同的信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</tit...

详解Vue.use自定义自己的全局组件

通常我们在vue里面使用别人开发的组件,第一步就是install,第二步在main.js里面引入,第三步Vue.use这个组件。今天我简单的也来use一个自己的组件。这里我用的webpack-simple这...

ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

一、 fp.form.submit 有waitMsg 属性来设置等待效果,如下。但是对于Ext.Ajax.request来说 waitMsg 并不起作用。 fp.form.submit({ url : '',...

vue过渡和animate.css结合使用详解

今天学习了vue过渡和animate.css结合使用,所以,添加一点小笔记。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <script type="tex...

详解Angular2响应式表单

本文将半翻译半总结的讲讲ng2官网的另一个未翻译高级教程页面。文章目的是使用ng2提供的响应式表单技术快速搭出功能完善丰富的界面表单组件。响应式表单是一项响应式风格的...

zTree树形插件异步加载方法详解

本文实例为大家分享了zTree树形插件异步加载,Struts2框架,供大家参考,具体内容如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>异步加载</title><link rel="sty...

bootstrap选项卡扩展功能详解

用了下bootstrap,虽然好看,但是控件跟之前用的easyui相差很大,功能太少,不得不自己写。花了几个小时把tabs控件扩展了下。下面是代码页面代码:
<!DOCTYPE html><html><head> <me...

JS判断时间段的实现代码

废话不多说了,直接给大家贴代码了,具体代码如下所示:<th>交易时间开始:</th> <td><input id="bcconDateBeginDate" name="bcconDateBeginDate" value="2016/06/12...

详解AngularJS 模块化

学习要点: 控制器模块化 指令模块化 过滤器模块化 服务模块化 定义值模块化 使用模块工作第一步:创建一个模块// function : define module named exampleApp// param d...

自定义vue全局组件use使用、vuex的使用详解

自定义vue全局组件use使用(解释vue.use()的原理)
我们在前面学习到是用别人的组件:Vue.use(VueRouter)、Vue.use(Mint)等等。
其实使用的这些都是全局组件,这里我们就来讲解一...

JS自动生成动态HTML验证码页面

本文为大家分享了JS自动生成动态HTML验证码页面,输入错误自动清空输入框功能,供大家参考,具体内容如下<!DOCTYPE html><html><head> <title>验证码</title><meta charset="utf-...

javascript完美实现给定日期返回上月日期的方法

本文实例讲述了javascript完美实现给定日期返回上月日期的方法。分享给大家供大家参考,具体如下:在项目开发中,使用javascript对日期进行处理时,因为在查询中都会有一个初始值,大...

Bootstrap响应式导航由768px变成992px的实现代码

废话不多说了,直接给大家贴代码了,具体代码如下所示:<!--响应式导航部分--> <header role="banner"> <nav role="navigation" class="navbar navbar-static-top navbar-defau...

详解vue跨组件通信的几种方法

在开发组件的时候,一定会遇到组件的通信,比如点击一个图标出现弹窗和蒙层,这三个分别是不同的组件。管理他们之间的状态就成了问题。props双向绑定通过 sync 双向绑定,属性变化...

JavaScript实现选中文字提示新浪微博分享效果

本文实例为大家分享了JS新浪微博分享功能,供大家参考,具体内容如下<!DOCTYPE html><html xmlns:wb="http://open.weibo.com/wb"><head> <meta charset="utf-8"> <title>java...

使用Require.js封装原生js轮播图的实现代码

index.html页面:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>require.js封装轮播图</title><style type="text/css">  *{    margin: 0;    paddin...

详解Nodejs之npm&package.json

一直以来,作为前端开发,在公司都是先写好页面,然后再跟后端合作,将数据填入前端页面中,但是偶尔自己闲来无事,也会看一些框架什么的,然后利用框架做个单页面应用啊,app什么的,这时候...

利用JS对iframe父子(内外)页面进行操作的方法教程

本文主要给大家介绍了关于利用JS对iframe父子(内外)页面进行操作的方法,分享出来供大家参考学习,下面来一起看看详细的介绍:一、获取iframe里的内容在开始之前,首先我们来看看如何...

一次围绕setTimeout的前端面试经验分享

前言前端这个近年的热门领域,搞事气氛特别强烈,我朋友小伟最近就在疯狂面试,遇到了许多有趣的面试官,有趣的面试题,我来帮这个搞事 boy 转述一下。具体如下:以下是我一个朋友的故...

CentOS 安装NodeJS V8.0.0的方法

下载nodejswget https://npm.taobao.org/mirrors/node/v8.0.0/node-v8.0.0-linux-x64.tar.xz解压tar -xvf node-v8.0.0-Linux-x64.tar.xz 测试是否安装成功进入解压目录下的...

package.json文件配置详解

package.json 是npm init命令初始化后,在项目的根目录下自动生成的配置文件,它定义了这个项目的配置信息以及所需要的各种模块,npm install根据这个命令,自动下载所需的模块。pa...

JS奇技之利用scroll来监听resize详解

前言大家都知道知道原生的 resize 事件只能作用于 defaultView 即 window 上,那么我们应该通过什么样的方式来监听其他元素的大小改变呢?笔者最近学习发现了一种神奇的方法,通...

Vue路由跳转问题记录详解

最近项目上需要用Vue用来做app,在Vue中使用路由时遇到下面的问题。路由设置如下:{path:'/tab',component:Tab,children:[{path:'layoutList',name:'LayoutList',component:Lay...

react-router JS 控制路由跳转实例

Link组件用于正常的用户点击跳转,但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢?
下面是一个表单。<form onSubmit={this.handleSubmit}> <...

详解react如何在组件中获取路由参数

路由参数假如我们有很多 list 页面,这些页面除了动态内容不同,其他的页面部分都相同,这个时候需要怎么配置路由和组件呢?这种场景就需要用到路由的参数功能,增加一条包含参数的路...

JS 设置Cookie 有效期 检测cookie

设置cookie 函数直接上代码:function setCookie(name, value, days) { //设置cookie var d = new Date(); d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));...

validationEngine 表单验证插件使用实例代码

先给大家展示下效果图,如果大家感觉不错,请参考实现代码:废话少说,直接上代码,可拷贝直接运行:<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta n...

bootstrap daterangepicker汉化以及扩展功能

bootstrap daterangepicker使用介绍,具体如下一、扩展的功能 1、初始化时,会自动创建一个select标签; 2、当改变select值时,日期也会自动改变,并且会调用apply按钮的clic...

jQuery实现 RadioButton做必选校验功能

关于这个问题,百度里说法纷纷,大都无用,或者说版本太老太罗嗦,这里介绍一个可借鉴的用法:按理说,页面上的若干个Radio Button 在页面加载初始化时,是默认选中第一个的,但总是避免不...

详解react-router如何实现按需加载

注:本文使用的 react-router 版本为 2.8.1
React Router 是一个非常出色的路由解决方案,同时也非常容易上手。但是当网站规模越来越大的时候,首先出现的问题是 Javascript 文件...

bootstrap daterangepicker双日历时间段选择控件详解

双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件,可以设定多个时间段选项,也可以自定义时间段,由用户自己选择起始时间和终止时间,时间段的最大跨度...

AngularJs实现聊天列表实时刷新功能

昨天在做app的聊天列表时,遇到了一个问题,消息监听器监听到了一个新的消息,但是如果这时已经处于消息列表的页面那么消息列表并不会及时更新。我的想法是在service层中的监听器...

微信小程序canvas写字板效果及实例

微信小程序canvas写字板效果及实例写字板效果:书写文字,画板重置,导出图片,导出图片前判断是否书写内容app.json:添加一个路由:"pages/canvas/canvas"{ "pages":[ "pages/index/i...

微信小程序 监听手势滑动切换页面实例详解

微信小程序 监听手势滑动切换页面实例详解1.对应的xml里写上手势开始、滑动、结束的监听:<view class="touch" bindtouchstart="touchStart" bindtouchmove="touchMove" bind...

详解原生js实现offset方法

在为 jTool 提供 offset (获取当前节点位置)方法时, 先后使用了两种方式进行实现, 现整理出来以作记录。
前后共使用了两种方式实现了该方法, 这里将这两种方法分别列出。通过递...

Angularjs为ng-click事件传递参数

在angularjs开发中,我们需要为ng-click事件传递一个参数。在js中,可以接到参数:演示:...

Bootstrap Tree View简单而优雅的树结构组件实例解析

A simple and elegant solution to displaying hierarchical tree structures (i.e. a Tree View) while leveraging the best that Twitter Bootstrap has to offer.
这是B...

vue中将网页打印成pdf实例代码

整理文档,搜刮出一个vue中将网页打印成pdf的代码,稍微整理精简一下做下分享。
<template><div class="pdf-wrap" id="pdfWrap"> <button v-on:click="getPdf">点击下载PDF</bu...

vue实现全选、反选功能

用vue写业务代码时候,后端大神丢给我一堆数据,要求是做全选,反选功能,然后把用户更改的数据全部返回给他基本思路如果父级选中了,那么父级下面的子集全部选中checked=true;如果子...

vue.js实现数据动态响应 Vue.set的简单应用

在vue里面,我们操作最多的就是各种数据,在jquery里面,我们习惯通过下标定向找到数据,然后重新赋值比如var a[0]=111;(希望上家公司原谅菜鸟的我写了不少这样的代码)下面上代码<htm...

返回顶部
顶部