使用yeoman构建angular应用的方法

本文将介绍如何亲手来完成一个yeoman的generator,以实现快速构建最适合自己的项目。
本文将实现的generator起名为ngtimo,依照yeoman的命名规矩就叫做generator-ngtimo,是笔者...

js数字滑动时钟的简单实现(示例讲解)

废话不多说,直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body,ul{margin:0;padding:...

js异步编程小技巧详解

异步回调是js的一大特性,理解好用好这个特性可以写出很高质量的代码。分享一些实际用的一些异步编程技巧。1.我们有些应用环境是需要等待两个http请求或IO操作返回后进行后续...

jQuery 实时保存页面动态添加的数据的示例

本文介绍了jQuery 实时保存页面动态添加的数据的示例,分享给大家,具体如下:需求:用户填写的东西,必须要实时保存分析:监听用户操作事件,如:change、keyup 等,向后端发送请求实际情况:...

利用纯JS实现像素逐渐显示的方法示例

前言对于新手的我,以前从来没有做过对像素进行操作的实例。于是把资料书找了出来,实现了这个功能,比较简单,大神勿喷。下面是效果图,因为重在思路,效果就简陋一些。实现思路其实就...

一个Js文件函数中调用另一个Js文件函数的方法演示

我们知道,在html中,利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的两个js是不可以相互调用的。那么该如何解决呢?当然,你可以将...

JavaScript中的return布尔值的用法和原理解析

首先return作为返回关键字,他有以下两种返回方式1.返回控制与函数结果语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果2.返回控制无函数...

Vue.js如何实现路由懒加载浅析

前言懒加载也就是延迟加载,不知道大家在工作中有没有发现,当你的SPA(单页应用程序)变得复杂时,打包构建后的Javascript包会变得非常大,以至于严重影响页面的加载时间。幸运的是:vue...

一篇文章让你彻底弄懂JS的事件冒泡和事件捕获

在学校,听老师讲解事件冒泡和事件捕获机制的时候跟听天书一样,只依稀记得IE使用的是事件冒泡,其他浏览器则是事件捕获。当时的我,把它当成IE浏览器兼容问题,所以没有深究(IE8以下...

关于Vue Webpack2单元测试示例详解

前言最近发现一个问题,vue-cli 提供的官方模板确实好用。但一直用下来手贱毛病又犯了,像穿了别人的内衣,总感觉不舒服。所以有机会就瞎倒腾了一遍,总算把各个流程摸了一把。这里...

通过V8源码看一个关于JS数组排序的诡异问题

前言前几天一个朋友在微信里面问我一个关于 JS 数组排序的问题。通过该问题发现了一些之前没发现的内容,下面话不多少了,来一起看看详细的介绍吧。原始数组如下:var data = [ {...

jQuery:unbind方法的使用详解

jQuery:unbind方法的使用详解一、前言unbind方法只能解绑用jQuery的bind方法以及用jquery方法注册的事件处理程序。比如:$(‘a').click(function(){})可以通过unbind解绑。用...

JavaScript变量类型以及变量作用域详解

变量类型ECMAScript变量可能包含两种不同类型的数据值:基本类型和引用类型。基本类型基本类型指的是简单的数据段,5种基本数据类型:undefined、null、boolean、number、string,...

关于在mongoose中填充外键的方法详解

本文主要给大家介绍的是关于mongoose中填充外键的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍:MongoDBMongoDB是典型的NoSQL数据库,因此不提供JOIN操...

jQuery 中msgTips 顶部弹窗效果实现代码

最近发现好多网站都采用顶部弹窗,并且不用用户手动去点击确定。感觉这样很方便用户,所以也找了好多大神的代码,整理一下方便以后查找前端:@{ Layout = null;}<!DOCTYPE HTML PU...

JS原生数据双向绑定实现代码

代码如下:<span style="font-family:Times New Roman;font-size:14px;" deep="7"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title...

react.js使用webpack搭配环境的入门教程

本文介绍了react.js使用webpack搭配环境的入门教程,分享给大家,也给自己做个笔记如果你想直接上手开发,而跳过这些搭配环境的繁琐过程,推荐你使用官方的create-react-app命令npm...

带你了解session和cookie作用原理区别和用法

Cookie概念 在浏览某些 网站时,这些网站会把一些数据存在客户端,用于使用网站等跟踪用户,实现用户自定义功能.是否设置过期时间: 如果不设置 过期时间,则表示这个...

JavaScript实现的搜索及高亮显示功能示例

本文实例讲述了JavaScript实现的搜索及高亮显示功能。分享给大家供大家参考,具体如下:情景: 用来筛选列表中的数据, 由于单条数据很简短, 没有用php+mysql去实现筛选功能, 只...

JavaScript实现动态添加Form表单元素的方法示例

本文实例讲述了JavaScript实现动态添加Form表单元素的方法。分享给大家供大家参考,具体如下:之前写过类似的文章(如:javascript实现的动态添加表单元素input,button等),现在看来...

JS如何实现在页面上快速定位(锚点跳转问题)

本文介绍了JS如何实现在页面上快速定位(锚点跳转问题),分享给大家,具体如下:
1. 锚点跳转简介锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。
锚点...

JS传播事件、取消事件默认行为、阻止事件传播详解

1.事件处理程序的返回值 通常情况下,返回值false就是告诉浏览器不要执行这个事件相关的默认操作。例如,表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器...

JS获取子、父、兄节点方法小结

我们在实际的开发中,经常要获取页面中某个html元素,动态更新元素的样式、内容属性等。 我们已经知道在JavaScript中提供下面的方法获取子、父、兄节点的方法:  常规通过父节...

带你快速理解javascript中的事件模型

javascript中有两种事件模型:DOM0,DOM2。而对于这两种的时间模型,我一直不是非常的清楚,现在通过网上查阅资料终于明白了一些。  一. DOM0级事件模型  DOM0级事件模型是早...

Vue+Element使用富文本编辑器的示例代码

富文本编辑器在任何项目中都会用到,在Element中我们推荐vue-quill-editor组件,现在我就把它提供给大家,希望对大家有用。具体截图如下:
安装编辑器组件具体方法:npm install vue-...

jQuery实现手势解锁密码特效

本文实例为大家分享了jQuery实现手势解锁密码的具体代码,供大家参考,具体内容如下效果预览图:验证成功:(可以进行页面挑战等...)验证失败: HTML:<div id="gesturepwd" style="positi...

vue2.0项目中使用Ueditor富文本编辑器示例代码

&#65279;最近在vue项目中需要使用富文本编辑器,于是将Ueditor集成进来,作为公共组件。
项目地址:https://github.com/suweiteng/vue2-management-platform 1.放入静态资源并配...

vue教程之toast弹框全局调用示例详解

本文实例为大家分享了vue toast弹框全局调用示例,供大家参考,具体内容如下1.首选新建一个toast.vue模板文件: <template> <transition :name="fadeIn"> <div class="alertBox...

javaScript封装的各种写法

在javascript的世界里,写法是个神奇的现象,真是百家齐开放啊!每次看到老外写的js组件,思想和写法都怪异,就没看到一个js结构基本相同的代码出来。今天,我就来谈谈js写法,我在开发过...

详解升级react-router 4 踩坑指南

一.前言上午把近日用React做的一个新闻项目所依赖的包升级到了最新的版本,其中从react-router(2.8.1)升级到react-router(4.1.2)中出现了很多问题, 故总结一下在升级过程中...

jQuery选择器特殊字符与属性空格问题

一、选择器中含有特殊符号的注意事项 1.选择器中含有“.”、“#”、“(”或“]”等特殊字符
根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达...

js单页hash路由原理与应用实战详解

本文主要介绍了js单页hash路由原理与应用实战详解,分享给大家,具体如下:什么是路由?通俗点说,就是不同的URL显示不同的内容什么是单页应用&#63;单页,英文缩写为SPA( Single Page A...

jQuery绑定事件方法及区别(bind,click,on,live,one)

第一种方式:$(document).ready(function(){ $("#clickme").click(function(){ alert("hello world click") })})第二种方式(简写方式为第一种):$('#clickmebind').bind("click",...

JavaScript监听手机物理返回键的两种解决方法

JavaScript没有监听物理返回键的API,所以只能使用 popstate 事件监听。有两个解决办法:1、返回到指定的页面 pushHistory(); window.addEventListener("popstate", fu...

清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)

一、清空元素的区别 1、错误做法一: $("#test").html("");//该做法会导致内存泄露 2、错误做法二: $("#test")[0].innerHTML=""; ;//该做法会导...

javascript兼容性(实例讲解)

1.事件冒泡:
//取消冒泡 if(e.stopPropagation){ e.stopPropagation();//w3c定义的APIbiaozhun}else{ e.cancelBubble=true;//兼容IE 6,7,8浏览器}2.获取某个元素的CSS属...

使用jQuery实现购物车结算功能

本文实例为大家分享了jQuery实现购物车结算功能展示的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <s...

JavaScript中使用Async实现异步控制

async官方DOC介绍node安装npm install async --save使用var async = require('async')js文件github.com/caolan/asyn…async提供了很多函数用于异步流程控制,下面是async核心...

关于vue.js发布后路径引用的问题解决

本文主要给大家介绍了关于vue.js发布后路径引用问题的解决方法,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍:在发布到iis目录下时候,如果放在网站的根目录下的...

jQuery实现腾讯信用界面(自制刻度尺)样式

依据我现有的知识,在前端上"简易"的实现了腾讯信用的界面,同时自己自制了一个竖直的刻度尺插件,曲线的位置可以根据传入的数值动态的改变,这次主要也想总结一下关于jQuery中exte...

JScript实现地址选择功能

本文实例为大家分享了JScript实现地址选择功能的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script...

js实现网页的两个input标签内的数值加减(示例代码)

实例如下所示:<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>window.onload=function(){var oIput1=document.getElementById('put1');var oIpu...

jQuery实现菜单栏导航效果

本文实例为大家分享了jQuery实现菜单栏导航效果的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{...

AngularJS日程表案例详解

功能:添加事件/完成事件/删除事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; paddin...

JScript实现表格的简单操作

本文实例为大家分享了JScript实现表格的简单操作,供大家参考,具体内容如下
实现思路:
1、添加时:获取当前列表的行数,在当前一行添加下一行;
2、用insertCell()方法添加一行,下标从...

详解react使用react-bootstrap当轮子造车

上一篇我们谈了谈如何配置react的webpack环境react入门之搭配环境(一) 可能很多人已经打开过官方文档学习了react的基础知识不管有没有,在介绍react之前,我想先介绍一下react-bo...

JavaScript函数中的this四种绑定形式

正文 javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this
一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一...

React应用中使用Bootstrap的方法

前言本节我们将把bootstrap,font-awesome应用到app中,同时创建一个基本的主页。主要将用到以下包: bootstrap-loader及配合工作的一系列loader:bootstrap-sass(bootstrap3) cs...

深入浅析Vue不同场景下组件间的数据交流

正文浅谈Vue不同场景下组件间的数据“交流”
Vue的官方文档可以说是很详细了。在我看来,它和react等其他框架文档一样,讲述的方式的更多的是“方法论”,而不是“场景论”,这也...

Mongoose实现虚拟字段查询的方法详解

前言不知道大家知不知道,mongoose为数据模型提供了虚拟属性, 借此可以更加一致地、方便地读写模型属性,类似于C#或Java中的访问器。 我们知道虚拟属性在Query阶段一定是查不到...

返回顶部
顶部