.self可以理解为跳过冒泡事件和捕获事件,只有直接作用在该元素上的事件才可以执行。 代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>self</title><script src="vue.js"></script><!--请自行引入vue.js--> </head> <style type="text/css">* {margin: 0 auto;text-align:center;line-height: 40px;}div {width: 100px;}#obj1 {background: deeppink;}#obj2 {background: pink;}#obj3 {backgroun...
简介主要用来通过跳转或取消的方式守卫导航。例如判断登录信息:没登录全部跳到登录页。判断必要操作是否进行没进行的话中断跳转。 分为三大类:全局守卫、路由守卫、组件守卫 全局守卫 beforeEach beforeResolve afterEach路由守卫 beforeEnter组件守卫 beforeRouteEnter// 在渲染该组件的对应路由被 confirm 前调用// 不!能!获取组件实例 `this`// 因为当守卫执行前,组件实例还没被创建虽然无法直接获取组件实力但是我们可以通...
vue.js 教程 Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。 前 言前段时间为了一个数据查询的项目自学了Vue,感觉这款框架还是很不错的,今天就整理整理这个框架如何使用,希望对正在学这个框架的小伙伴有所帮助~ 首先,我...
你可以直接看例子,也可以先读一下介绍: call和apply是为了动态改变this而出现的,当一个object没有某个方法,但是其他的有,我们可以借助call或apply用其它对象的方法来操作。 call, apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了.这两个方法是容易混淆的...
具体代码如下所示: <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript">$(document).ready(function(){$("#btn").click(function(){//使用attr(name)获取属性值:alert($("p").attr("title"));//你最喜欢的水果是。alert($("ul li:eq(1)").attr("title"));//橘子汁alert($("ul li:eq(1)").attr("alt"));//123//使用attr(name, value)改变属性值://$("ul li:eq(1)").attr("t...
在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型的元素,特别是表单form元素的操作,比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件<!DOCTYPE html> <html><head><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><title></title><link rel="stylesheet" href="imooc.css" rel="external nof...
一款用于捕获各种滚动事件的插件?Waypoints。同时Waypoints还支持固定元素和无限滚动的功能,功力十分强大。 一、最简易的使用 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>waypoints的最简单使用</title><!-- 定义css样式 --><style>*{padding: 0;margin: 0;}#example-basic{height: 500px;text-align: center;}</style><!-- 引入js文件 --><script src="js/jquery-3.0.0.min.js"></script><script src...
官网:https://highlightjs.org/ 下载地址:https://highlightjs.org/download/ 下载到本地后,新建个页面测试 1、在head中加入css和js的引用 <head> <title>highlight</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" href="styles/default.css" rel="external nofollow" rel="external nofollow" > <script src="highlight.pack.js"></script> <script>hljs.initHighlighti...
replace方法的语法是:stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string),reExp可以是正则表达式对象(RegExp)也可以是字符串(string),replaceText是替代查找到的字符串。。 废话不多说了,直接给大家贴代码了,具体代码如下所示:<script> var str = "a1ba2b"; var reg = /a.b/g; str = str.replace(reg,function(a,b){console.log(a);console.log(b);return b == 0 ? a.replace("a","0") : a.replace("b","...
Action 类似于 mutation,不同在于:Action 提交的是 mutation,而不是直接变更状态. Action 是异步的,mutation是同步的。 沿用vuex学习---简介的案例:这里是加10 减1 1.在store.js 中 代码为:import Vue from vue import Vuex from vuex//使用vuex模块 Vue.use(Vuex);//声明静态常量为4 const state = {count : 4 };const mutations = {add(state,n){state.count +=n.a;},sub(state){state.count--;} };const actions = {//2种...
前言 在用 Webpack 打包的时候,对于一些不经常更新的第三方库,比如 react,lodash,我们希望能和自己的代码分离开,Webpack 社区有两种方案 CommonsChunkPluginDLLPlugin对于 CommonsChunkPlugin,webpack 每次打包实际还是需要去处理这些第三方库,只是打包完之后,能把第三方库和我们自己的代码分开。而DLLPlugin 则是能把第三方代码完全分离开,即每次只打包项目自身的代码。 用法 要使用 DLLPlugin,需要额外新建一个配置文件...
本文为大家分享了完美实现js拖拽效果的具体代码,告诉大家return false的用法,供大家参考,具体内容如下 1.return false可以用来阻止默认事件即系统默认事件。例如通过阻止默认事件,来对textarea中的值进行范围限制(通过限制keycode的数值),也可以自定义在页面中的右键菜单(oncontextmenu)。 2.在鼠标移动(mousemove)等事件中,是需要给事件传一个参数,保证程序的正常运行。而为了兼容取事件方法为:var oEvent=ev||even...
一、什么是localStorage? 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。二、localStorage的优势与局限 localStorage的优势 1、localStorage拓展了cookie的4K限制 2、localStorage会可以将第一次请求的数据直接存储到本地,这个相...
现在想实现用ajax来上传文件的功能,但是却发现Jquery自带的ajax方法只能上传文件名,而不能上传文件;用form提交虽然能够上传文件,但是却要刷新页面。。。多方查找下找到了一个可用的jQuery插件,刚好可以满足异步上传文件的要求。 代码 jquery.form.js 用法 这个插件是基于表单提交的,我们只要正常的写一段提交文件的表单,如: <form id="myForm" action="comment.php" method="post" enctype="multipart/form-data"><input t...
前言 大家应该都知道,express中app.param方法用于验证参数,我个人把它理解成类似对参数过滤的一个中间件。在这里我来结合几个demo,加深大家对app.param方法的理解。下面话不多说,来一起通过示例代码看看详细的介绍吧。 demo1: var express = require(express); var app = express(); app.param(function(param, option) {return function (req, res, next, val) {if (val == option) {next(); //}else {res.sendStatus(404);}} ...