06 2017 档案

摘要:避免多次提交的方法: 1. 第一次提交表单后 就禁用提交按钮。 利用 disabled属性 2. 利用onsubmit事件处理 取消后续的表单提交操作《javascript高级教程3》 监听submit事件,并在该事件发生时就禁用提交按钮。 注:不能通过click事件实现,原因是不同browser处 阅读全文
posted @ 2017-06-26 21:43 永醉雨辰 阅读(210) 评论(0) 推荐(0) 编辑
摘要:事件委托 : 利用了事件冒泡。 使用事件委托,只需要在DOM树上,尽量较高层次进行事件处理程序。 事件委托可有效减少事件处理程序的数量。 建议在浏览器卸载页面之前 移除页面中的所有事件处理程序。 手工移除事件处理程序 设为null。 阅读全文
posted @ 2017-06-26 21:29 永醉雨辰 阅读(94) 评论(0) 推荐(0) 编辑
摘要:1. transition动画:鼠标移上去 旋转放大 关键点-- :hover \ transform: scale(*) rotate(*deg) 2.关键帧动画: 位移动画 translateY(-100%) .box{ width: 300px; height: 300px; } .cd-re 阅读全文
posted @ 2017-06-26 20:37 永醉雨辰 阅读(182) 评论(0) 推荐(0) 编辑
摘要:css动画分两种:过渡效果transition 、关键帧动画keyframes 一、过渡效果transition 需触发一个事件(如hover、click)时,才改变其css属性。 过渡效果通常在用户将鼠标指针浮动到元素上时发生 过渡(transition)动画只能定义首尾两个状态 transiti 阅读全文
posted @ 2017-06-26 19:17 永醉雨辰 阅读(320) 评论(0) 推荐(0) 编辑
摘要:闭包是指有权限访问另一个函数作用域中变量的函数 创建闭包的常见方式是在一个函数内部创建另一个函数。 与之相关概念:作用域 作用域链 作用域:当某个函数被调用时,会创建一个执行环境及相应作用域链, 作用域链:保证对执行环境有权访问的所有变量和函数的有序访问。 当前变量是当前执行代码所在环境的变量对象, 阅读全文
posted @ 2017-06-25 16:53 永醉雨辰 阅读(154) 评论(0) 推荐(0) 编辑
摘要:作用域$scope: 是ng执行环境,视图与controller之间的胶水,双向绑定的基础 $scope提供里$watch方法,监听数据模型变化 $scope提供里$apply方法,将数据模型变化更新到视图上 1. $scope树形结构 子作用域可以添加到父作用域(类似于DOM结构),根作用域$ro 阅读全文
posted @ 2017-06-25 15:05 永醉雨辰 阅读(353) 评论(0) 推荐(0) 编辑
摘要:3个阶段: 一、加载阶段 加载angular.js的源码,找到ng-app确定应用边界范围。 二、编译阶段 compile 查找所有指令,保存在一个列表中 对所有指令按优先级(property属性值)排序,根据指令的配置参数(template、transclude等)转换为DOM,使指令初具形态。 阅读全文
posted @ 2017-06-25 14:51 永醉雨辰 阅读(248) 评论(0) 推荐(0) 编辑
摘要:个AngularJS指令在HTML代码中可以有四种表现形式: 1、作为一个新的HTML元素来使用 2、作为一个元素的属性来使用 3、作为一个元素的类来使用 4、作为注释来使用 一。创建指令 第一个参数是指令名,第二个参数指令配置函数 配置函数里的属性有 : 1 restrict[string]:规定 阅读全文
posted @ 2017-06-25 14:43 永醉雨辰 阅读(438) 评论(0) 推荐(0) 编辑
摘要:事件冒泡补捉到事件并判断是哪个事件发出的: 阅读全文
posted @ 2017-06-24 22:28 永醉雨辰 阅读(117) 评论(0) 推荐(0) 编辑
摘要:a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur) keypress 能监听键盘事件,但鼠标复制黏贴操作就无能为力 onkeyup无法监听到复制黏贴导致的内容变化,可以使用oninput事件 注:IE下 用 onpropertychange 阅读全文
posted @ 2017-06-24 22:02 永醉雨辰 阅读(5431) 评论(0) 推荐(0) 编辑
摘要:ng-change = "formChange()" 不起作用 应该改为: 阅读全文
posted @ 2017-06-24 21:52 永醉雨辰 阅读(947) 评论(0) 推荐(0) 编辑
摘要:软件 filezilla [ftp] + visionapp Remote Desktop[远程桌面] (前提:前后端代码分离,如前端angular实现) ftp上传到机器{软件 filezilla,输入ip 账号密码 ssh-端口22} linux下解压 加权限 将前端代码通过ftp上传到 tom 阅读全文
posted @ 2017-06-24 21:48 永醉雨辰 阅读(3764) 评论(0) 推荐(0) 编辑
摘要:首先利用脚手架vue cli搭建vue环境 引入 vue 然后参照官网 (https://cn.vuejs.org/v2/guide/) 做demo js 阅读全文
posted @ 2017-06-24 07:29 永醉雨辰 阅读(213) 评论(0) 推荐(0) 编辑
摘要:命令面板 cmd 如 ping www.baidu.com 不加http:// 以及尾部的/ 阅读全文
posted @ 2017-06-23 19:01 永醉雨辰 阅读(125) 评论(0) 推荐(0) 编辑
摘要:前端模板, 比连接字符串好用多了, 还可以使用循环\判断等语句, 减少工作量 <% %>在这里不是jsp的标签,像jsp,php,asp都有这种写法,但在这里是采用那套javascript模版引擎的写法。 javascript模版引擎,比如artTemplate,这个写在<% %>里面的代码的目的是 阅读全文
posted @ 2017-06-21 20:59 永醉雨辰 阅读(6197) 评论(0) 推荐(0) 编辑
摘要:搜索匹配的元素,并返回相应元素的索引值,从0开始计数。 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。 如果参数是一个选择器,那么返回值 阅读全文
posted @ 2017-06-21 20:46 永醉雨辰 阅读(297) 评论(0) 推荐(0) 编辑
摘要:因为jQuery的实现:nth-是严格来自CSS规范,n值是“1-indexed”,也就是说,从1开始计数。 对于所有其他选择器表达式比如:eq() 或 :even ,jQuery遵循JavaScript的“0索引”的计数。因此,给定一个单一<ul>包含3个<li>,$('li:nth-last-o 阅读全文
posted @ 2017-06-21 20:44 永醉雨辰 阅读(508) 评论(0) 推荐(0) 编辑
摘要:层级 ancestor descendant parent > child prev + next prev ~ siblings 基本筛选器 :first :not(selector) :even :odd :eq(index) :gt(index) :lang1.9+ :last :lt(ind 阅读全文
posted @ 2017-06-21 20:40 永醉雨辰 阅读(106) 评论(0) 推荐(0) 编辑
摘要:jQuery.each(object, [callback]) 通用例遍方法,可用于例遍对象和数组。 不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使 阅读全文
posted @ 2017-06-21 20:38 永醉雨辰 阅读(1652) 评论(0) 推荐(0) 编辑
摘要:reference: http://www.html-js.com/article/Study-JavaScript-jQuery-Deferred-and-promise-every-day 1.5版本之后,$.ajax()的返回对象实现了CommonJS的Promises/A接口。它包含了很多的 阅读全文
posted @ 2017-06-21 20:29 永醉雨辰 阅读(379) 评论(0) 推荐(0) 编辑
摘要:从网上找了个正则 阅读全文
posted @ 2017-06-21 20:15 永醉雨辰 阅读(298) 评论(0) 推荐(0) 编辑
摘要:angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。 1. ng-show和ng-hide 根据所给表达式的值来显示或隐藏HTML元素。元素会渲染出来,只是通过css隐藏了。 即DOM中会存在, 通过选择符可以获取到此元素的。 2.ng-if指令 阅读全文
posted @ 2017-06-21 19:31 永醉雨辰 阅读(899) 评论(0) 推荐(0) 编辑
摘要:function limitedNumberOfInputCharacters(limitedNumber, string){ var strLength = 0; if(string !== null || string !== ""){ strLength = string.length; } if(strLength>limitedNumber){... 阅读全文
posted @ 2017-06-21 19:17 永醉雨辰 阅读(396) 评论(0) 推荐(0) 编辑
摘要:1.解压 unzip XX.zip -d XX --解压文件xx.zip 到xx,xx文件夹是随本次操作新建的 -d:本地 -o: 全局 2. 路径 cd xx/xx cd .. 回到上一级 3.查看列表 ll 或 ls 4. 打开文件 vi xx 或vim xx 5. 文件操作 打开文件后想修改 阅读全文
posted @ 2017-06-21 18:48 永醉雨辰 阅读(146) 评论(0) 推荐(0) 编辑
摘要:也可以定义相对值(该值相对于元素的当前值)。需要在值的前面加上 += 或 -=: 实例 阅读全文
posted @ 2017-06-09 20:50 永醉雨辰 阅读(1047) 评论(0) 推荐(0) 编辑
摘要:2. 3.两张图切换position 过度时间 html 阅读全文
posted @ 2017-06-09 20:47 永醉雨辰 阅读(266) 评论(0) 推荐(0) 编辑
摘要:表单 靠name获取 js 阅读全文
posted @ 2017-06-09 20:41 永醉雨辰 阅读(390) 评论(0) 推荐(0) 编辑
摘要:function checkSubmitMobil() { if ($("#tel").val() == "") { alert("手机号码不能为空!"); //$("#moileMsg").html("手机号码不能为空!"); $("#tel").focus(); return false; } // var pa... 阅读全文
posted @ 2017-06-09 20:39 永醉雨辰 阅读(1925) 评论(0) 推荐(0) 编辑
摘要:css js 阅读全文
posted @ 2017-06-09 20:38 永醉雨辰 阅读(168) 评论(0) 推荐(0) 编辑
摘要:参考 http://blog.csdn.net/awe5566/article/details/22583699 href="#downJacket" 锚点链接 必须写; 但又想阻止a标签跳转(阻止默认的滚动监听,好自己设置scrollTop), onclick="return fales" 羽绒 或者使用onclick跳转,而不用href link 阅读全文
posted @ 2017-06-09 20:35 永醉雨辰 阅读(3762) 评论(0) 推荐(0) 编辑
摘要:滚动监听 bootstrap 的scrollspy,需要借助.nav样式,活动的部分是加 .active类。本身导航没有position:fixed,需要自己加入 滚动监听。只有滚动和监听,只有默认锚点链接做调转,若想改变,只有自己写跳转方法-- 阻止a标签跳转(不直接用锚点链接做跳转);而是用an 阅读全文
posted @ 2017-06-09 20:29 永醉雨辰 阅读(1951) 评论(0) 推荐(0) 编辑
摘要:关键点: 1.图片采用绝对定位 2.事件:mousemove 3.偏移距离 offset(), .offset().left | .offset().top $("#mem-box-mouse").css({ "left": pointX - $memBox.offset().left - 50,//图片跟随鼠标移动,判断图片在背景区域内的位置 鼠标位置-背景框相对于页面的距离:m... 阅读全文
posted @ 2017-06-09 20:23 永醉雨辰 阅读(592) 评论(0) 推荐(0) 编辑
摘要:1.尽量不把js放在onload事件中,而是放在由用户主动触发的事件 2.加时间戳,时间不同则会加载js而非使用缓存 强制不要缓存: 必须结合其他: 阅读全文
posted @ 2017-06-09 20:21 永醉雨辰 阅读(1656) 评论(0) 推荐(0) 编辑
摘要:拨打电话 <a href="tel:0571866000">0571-866000</a> 跳转到邮件 <a href="mailto:jo@126.com">联系我们</a> 阅读全文
posted @ 2017-06-09 20:15 永醉雨辰 阅读(2546) 评论(0) 推荐(0) 编辑
摘要:JS判断手机操作系统(ios或android)并跳转到不同下载页面 http://www.bcty365.com/content-69-1807-1.html 扫描二维码自动识别手机系统(Android/IOS)跳转不同页面 http://9iphp.com/web/javascript/367.h 阅读全文
posted @ 2017-06-09 20:10 永醉雨辰 阅读(1630) 评论(0) 推荐(0) 编辑
摘要:利用currentStyle()和ComputedStyle()function getstyle(obj, key) { if (obj.currentStyle) { return obj.currentStyle[key]; } else { return getComputedStyle(o 阅读全文
posted @ 2017-06-09 20:06 永醉雨辰 阅读(3135) 评论(0) 推荐(0) 编辑
摘要:html css 回到顶部-- refine .dn{display:none} js中on()绑定事件, 且addClass()或removeClass(): removeClass('dn'),即移除 dislpay:none,让其显示 $('html,body').animate({'scro 阅读全文
posted @ 2017-06-09 19:57 永醉雨辰 阅读(243) 评论(0) 推荐(0) 编辑
摘要:1. 引入 <script src="js/animatescroll.js"></script> 2、设置要滚动到的位置 $('目标位置').animatescroll('easying'); 如 <a onclick="$('#join-awu').animatescroll('easying' 阅读全文
posted @ 2017-06-09 19:52 永醉雨辰 阅读(515) 评论(0) 推荐(0) 编辑
摘要:轮播图 中间放大 内容跟着切换 (参考 米趣 网站) html <div class="jcarousel-wrapper"> <div class="jcarousel" data-jcarousel="true"> <ul id="myjcar"> </ul> </div> <a href="# 阅读全文
posted @ 2017-06-09 19:51 永醉雨辰 阅读(1376) 评论(0) 推荐(0) 编辑
摘要:$(document).ready(function () { }//没有双引号 $(function() { } 阅读全文
posted @ 2017-06-09 19:47 永醉雨辰 阅读(500) 评论(0) 推荐(0) 编辑
摘要:参考 http://doc.bropaul.com/Stellar.js/docs/ https://github.com/markdalgleish/stellar.js#download http://segmentfault.com/a/1190000002566463#articleHead 阅读全文
posted @ 2017-06-09 19:45 永醉雨辰 阅读(1528) 评论(0) 推荐(0) 编辑
摘要:$(this) 返回一个 jQuery 对象,你可以对它调用多个 jQuery 方法,比如用 text() 获取文本,用val() 获取值等等。 而 this 代表当前元素,它是 JavaScript 关键词中的一个,表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法,直到它被 $ 阅读全文
posted @ 2017-06-09 19:43 永醉雨辰 阅读(292) 评论(0) 推荐(0) 编辑
摘要:js写css()方法,记得加引号“ ”,除非是数字。如: $("#android").css({ "position": "absolute", "z-index": 3, "background": "rgba(90,100,100,0.5)" } 阅读全文
posted @ 2017-06-09 19:34 永醉雨辰 阅读(285) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示