20151209小问题



1. js里的return false,preventDefault(),stopPragation()的区别

因为有监听事件和浏览器的默认行为等,所以有时我们为了达到想要的效果,会阻止事件和浏览器的默认行为,这时经常会用到return false,preventDefault()或stopPropagation().

概念:

监听事件,在节点上能被监听的页面操作.如select节点的change事件,a节点的click事件.

浏览器的默认行为,指浏览器页面上某些元素带有的特定功能.如点击a链接的跳转动作,表单提交动作.

stopPragation()

因为事件可以在层级的节点中传递,如果页面上有一个浮动弹出层,在最上面,我们想点击弹出层以外区域,隐藏弹出层.为了达到这种效果,我们一般会监听documentElement的click事件,一旦事件被触发即隐藏弹出层.

但是这里有一个问题,如果用户在弹出层点击时,显然不希望这时弹出隐藏,但因为事件的冒泡传递,会从弹出层一层层传递到最外面的document上,这时documentElement的click事件就会被触发,使这里弹出层隐藏.我们怎么阻止它这种冒泡行为呢,这时就可以使用stopPragation().

event.stopPragation():阻止触发事件的元素向上传递事件

preventDefault()

见名知义,preventDefault()是用来阻止默认行为的,如果页面上有一个a链接,点击时跳转到链接地址的网页上,如果我们只想点击时触发点击事件,不希望页面跳转,这时就可以使用preventDefault()来阻止

event.preventDefault():阻止触发事件的元素的默认动作

return false;

return false;语句即阻止了元素的默认动作又阻止了触发事件时元素的向上传递(冒泡)事件.

详细介绍:http://www.cnblogs.com/wang_yb/archive/2013/04/11/3014767.html



2.如何将网页下载到本地

如果在浏览网页时看到一个比较赞的效果,想把整个网页下载下来,我们可以在页面上鼠标右键,"另存为",在弹出的对话框里将"保存类型"选择为"网页,全部".

这样保存下来的一般是一个网页和一个文件夹,打开这个网页跟我们在联网看到的是一样的,只不过现在已经在我们本地文件里了,文件夹里有页面图片,css文件和js文件等.可以方便我们进行后续的研究.



 

时间: 2024-12-30 00:14:52

20151209小问题的相关文章

50分钟学会Laravel 50个小技巧

50分钟学会Laravel 50个小技巧 时间 2015-12-09 17:13:45  Yuansir-web菜鸟 原文  http://www.yuansir-web.com/2015/12/09/50分钟学会laravel-50个小技巧/ 主题 Laravel 转载请注明:转载自 Yuansir-web菜鸟 | LAMP学习笔记 本文链接地址: 50分钟学会Laravel 50个小技巧 原文链接:< 50 Laravel Tricks in 50 Minutes by willroth >

微信小程序--图片相关问题合辑

图片上传相关文章 微信小程序多张图片上传功能 微信小程序开发(二)图片上传 微信小程序上传一或多张图片 微信小程序实现选择图片九宫格带预览 ETL:微信小程序之图片上传 微信小程序wx.previewImage预览图片 微信小程序之预览图片 小程序开发:上传图片到腾讯云 .NET开发微信小程序-上传图片到服务器 微信小程序本地图片处理--按屏幕尺寸插入图片 [微信小程序]上传图片到阿里云OSS Python Flask小程序文件(图片)上传技巧 小程序图片上传阿里OSS使用方法 微信小程序问题汇

微信小程序——豆瓣电影——(2):小程序运行部署

Demo 预览 演示视频(流量预警 2.64MB) GitHub Repo 地址 仓库地址:https://github.com/zce/weapp-demo 使用步骤 将仓库克隆到本地: bash $ git clone https://github.com/zce/weapp-demo.git weapp-douban --depth 1 $ cd weapp-douban 打开微信Web开放者工具(注意:必须是0.9.092300版本) 必须是0.9.092300版本,之前的版本不能保证正

微信小程序开发初探

一.关于微信小程序 1.1 小程序诞生的背景 张小龙说道: (1)一切以用户价值为依归→用户是微信的核心,所以微信中没有很多与客户无关的功能,比如QQ中的乱七八糟一系列东西. (2)让创造发挥价值→所有围绕微信的创造比如公众号都应该发挥其应有的价值. (3)用完即走的高效服务→这一点就厉害了word天,微信要打造一个以微信为中心的生态链,不以绑定用户为目标.比如生活中有一些不太常用的app,我们可能一年也使用不了几次,但是有时候就需要用到,微信就想要提供这样一个平台,让你可以在微信中使用这中所谓

微信小程序连接Tornado

自己搭建Tornado 监听8000端口, 提供给小程序访问的地址为http://127.0.0.1:8000/index #!/usr/bin/env python # -*- coding:utf-8 -*- import tornado.ioloop import tornado.web class MainHandler(tornado.web.RequestHandler): def get(self): print('GET方式请求成功') self.write("123"

【小程序】获取微信 自带的 收货地址获取和整理

1.wx.chooseAddress(OBJECT) if(wx.chooseAddress){ wx.chooseAddress({ success: function (res) { console.log(JSON.stringify(res)) }, fail: function(err){ console.log(JSON.stringify(err)) } }) }else{ console.log('当前微信版本不支持chooseAddress'); } 2.数据处理,仅供参考 /

微信小程序学习总结(2)------- 之for循环,绑定点击事件

最近公司有小程序的项目,本人有幸参与其中,一个项目做下来感觉受益匪浅,与大家做下分享,欢迎沟通交流互相学习. 先说一下此次项目本人体会较深的几个关键点:微信地图.用户静默授权.用户弹窗授权.微信充值等等. 言归正传,今天分享我遇到的关于wx:for循环绑定数据的一个tips:  1. 想必大家的都知道wx:for,如下就不用我啰嗦了: <view class="myNew" wx:for="{{list}}">{{item.title}}<view

微领地小蜜app模式系统开发详解

如今企业竞争的最高境界, 不再是产品的竞争.人才的竞争.营销的竞争-- 而是一种商业模式(即赢利模式)的竞争. 微领地小蜜软件,微领地小蜜系统,小蜜APP,微领地小蜜平台,微领地小蜜开发公司,微领地小蜜服务模式,微领地小蜜商圈.O2O.C2B.B2C.F2C.B2B.C2N.C2C等微商城.App.手机网页.PC商城.小程序,微商管理系统.一物一码.防伪防窜.扫码红包.质量追溯.分销.全返.分红.拼团.互联网+直播+定制服务·系统开发提供中心. 回首过去,创新与发展裹带着机遇和挑战,微领地小蜜在

手机上也可以用的快手和火山小视频提取工具

之前分享过一个火山无水印视频提取软件,但是需要安装到电脑上,很多人觉得很麻烦. 今天分享个网页版,无需安装,并且电脑和手机都可以用的视频提取工具,支持提取快手和火山小视频里的任何视频,就连火山小视频里那种<作者不允许他人下载>的视频都可以解析,并且解析出来的视频都是没有水印的.(是不是觉得这工具特别赞,觉得赞的话,给我的文章点个赞吧??) 工具地址: 快手视频解析下载:http://kuaishou.iiilab.com/ 火山小视频解析下载:http://huoshan.iiilab.com