- 博客(39)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JS阻止事件冒泡的3种方法之间的不同
JS阻止事件冒泡的3种方法之间的不同什么是JS事件冒泡？：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏...
2019-04-19 14:37:01
216
原创 js中常用的数组去重方法
es5中的方法：//方法一var arr = [23, 25, 12, 98, 23, 98, 245, 342, 12, 12, 342, 1, 45, 45, 45, 78];function removeDuplicatedItem(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = ...
2018-08-08 16:13:11
222
原创 css中display的table和table-cell简单使用
页面布局中，经常会使用到文字居中、图片居中的效果，虽然很简单，但对一些初学者或者样式布局比较薄弱的开发人员来说，还是比较困难的，这里讲讲display: table 和 display: table-cell怎样使图片和文字居中吧。1、图片居中：html代码：<div class="img-wrap"> <img class="img-content" sr...
2018-07-31 17:31:49
2252
原创 Vue+webpack移动端: 将px转化为rem，适配各种机型
该配置基于node环境，vue-cli+webpack1.下载lib-flexiblenpm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3.设置meta标签（移动端都需要设置）通过meta标签，设置设备宽度以及缩放比例&...
2018-07-27 15:43:48
1916
原创 正则表达式--限制input输入0~1之间的小数，含0,1，最多两位小数
一个简单的正则表达式，工作中可能经常用到，限制字符串的输入、数字的输入，这些用一个onkeyup就解决了，如：onkeyup="value=value.replace(/[^\d]/g,'') //限制输入数字最近有个小需求，限制输入框输入费率，要求：只能输入0-1之间的小数，最大是1，最小为0，且最多输入2位小数 正则表达式：angular中定义一个ng-keyup="restric...
2018-07-16 13:55:42
21812
3
原创 移动端：阻止浏览器点击图片查看的几种方法
昨天做移动端的一个H5页面遮罩层(遮罩层是一个大的透明图)， 指引用户用浏览器打开！当时是在chrome浏览器调测的，点击是没有问题的，本想大功告成！放到手机上一测试，乍看，没问题。一点遮罩层，来事了，只看到全屏的一大图片，然后什么也操作不了，尴尬了。。。 今天有些空余时间，把解决方法写一下，自己以后也能复习，哈哈，也许会给需要的小伙伴带来一些帮助呢。废话说多了，上点...
2018-07-07 14:49:12
3874
转载 基于moment的倒计时
//定义一个立即执行的函数(function () { var Ticts=function Ticts() { this.ticts = {}; }; Ticts.prototype.createTicts=function(id, dealline) { var ticts=this; var time=moment(de
2017-03-22 16:08:26
6016
原创 vue中style与class的绑定
数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性，我们可以用 v-bind 处理它们：我们只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在v-bind 用于 class 和 style 时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。绑定 HTML Class尽管可以用 Mustache 标签绑定
2017-03-17 00:18:43
1005
转载 js中获取键盘事件以及常用键码
2 document.onkeydown=function(event){ 3 var e = event || window.event || arguments.callee.caller.arguments[0]; 4 if(e && e.keyCode==27){ // 按 Esc 5 //
2017-03-09 11:33:43
1066
转载 js 获取元素所有兄弟节点的实现方法
比如一个ul里面有10个li，而第3个li上有特殊的样式（比如颜色为红色，其他为黑色）。我想把其他所有li——不包括红的li——的颜色也设为红色，此时，就需要获得红li的所有兄弟节点。兄弟，就是和你平辈的，既不是上一级也不是下一级，而且可能有比你大的（兄），也可能比你小（弟）。兄弟节点同理，下面是一个常规的获取兄弟节点的办法。代码如下?123
2017-02-16 17:44:26
7549
转载 AngularJS中关于ng-class指令的几种实现方式详解
前言开发中经常会遇到这样的需求，一个元素需要在不同的状态下呈现不同的样子，而在这所谓的的样子当然就是改变其css的属性，而实现动态的改变属性值，我们就需要实现动态的更换其class属性值。在这给大家介绍三种方法来实现，大家可以根据自己的需求来选择方式，下面来看看。第一种：通过数据的双向绑定（不推荐）?123
2017-02-16 10:46:15
3665
转载 在angularJS中实现返回前一页
html script src="lib/angular/angular-1.4.9/angular.js">script> script src="lib/angular/angular-ui-router.min.js">script> app angular.module('ConsoleUIApp', ['ui.router','ui.bootstr
2017-02-10 16:17:13
5799
转载 angularJs表单校验
DOCTYPE html>html ng-app="angularFormCheckModule"> head> meta charset="UTF-8"> title>angular表单校验title> link rel="stylesheet" href="../css/bootstrap.min.css" /> sty
2017-02-09 12:08:10
459
转载 AngularJs获取焦点与失去焦点时的表单验证
> html ng-app="formExample"> head> meta charset="UTF-8"> title>title> script src="../js/angular.js">script> script> angular.module('formExample', [])
2017-02-09 12:06:33
2476
原创 jquery点击回到顶部
顶部 topJavaScript">$(function(){ $("#top").click(function() { $("html,body").animate({scrollTop:0}, 500);//angular写法 //angular.element("html,body").animate({scrol
2017-02-09 11:57:53
384
转载 移动web在ios和android下点击元素出现阴影问题
移动web开发经验总结1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3、-webkit-transform:translate3
2017-01-12 18:42:01
1497
转载 web端用js实现倒计时
[html] view plain copyhtml> head> title>倒计时title> style type= "text/css"> .daojishi h2 { font
2017-01-12 18:37:22
4433
转载 angular之$location基本用法
一. 获取url的相关方法:以 'http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash' 这个路径为例:1. 获取当前完整的url路径:$location.absUrl():// http://localhost/$location/21.1%20$location.html#/foo
2017-01-06 15:33:32
33249
3
转载 基于angular.js的回到顶部指令
#gotoTop { display: none; position: fixed; top: 80%; left: 90%; cursor: pointer; padding: 4px 4px; width: 50px; border: 1px soli
2017-01-05 16:51:32
2112
转载 当前比较流行的前端框架整理
扯淡(可以直接略过)：时间飞逝，从事前端开发工作转眼已快两年，对于前端的知识，两年中却很少整理，偶然一同事问起前端框架，这才想起，其实应该好好整理下前端的基本知识点，许久之后，自己也能回过来也能复习。在这互联网飞速发展的信息时代，技术的更新迭代也在加快。目前看来，火了十几年的java技术现在仍然是棵常青树。回想两年前初来咋到，也是想好好当一名java程序员，五年计划都行想好了，最后还是
2016-11-25 00:19:43
16941
2
转载 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
在访问现在很火的google plus时，细心的用户也许会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器的前进和后退。不禁让人想问，是什么有这么强大的功能呢？HTML5里引用了新的API，就是history.pushState和history.replaceState，就是通过这个接口做到无刷新改变页面URL的。与传统的AJAX的
2016-09-21 17:32:52
408
转载 cordova + ionic 使用中碰到的一些问题
原文来自:http://www.cnblogs.com/JonLin/p/5549354.htmlNo Content-Security-Policy meta tag found. Please add one when using the cordova-plugin-whitelist plugin.解决办法index.html 中添加《meta http-equiv="Co
2016-09-06 11:30:05
3562
1
转载 ionic在IOS的键盘弹出问题
在使用ionic开发IOS系统微信的时候会有一个苦恼的问题，填写表单的时候键盘会挡住输入框，其实并不算什么大问题，只要用户输入一个字就可以立刻看见输入框了。 可惜的是，有些客户是不讲理的，他才不管这个问题，反正就是不行，所以在一天睡觉的时候突然惊醒，想出来这个方案。 我就不仔细讲代码了，直接上图 angular.module('MyApp') .direc
2016-09-01 16:37:19
5709
转载 各大互联网公司前端笔试面试题–HTML,CSS篇
Html篇：1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE: trident内核 Firefox：gecko内核 Safari:webkit内核 Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核 Chrome:Blink(基于webkit，Google与
2016-08-22 09:39:37
8394
1
转载 Js控制iphone端的input/textarea元素失去焦点时隐藏键盘
原文链接：http://www.cnblogs.com/dtdxrk/p/3682352.html问题的原由同事在制作触屏页面的时候收到产品这样一个需求：“我们的页面为什么点击完textarea框，在点空白处时，iphone的键盘不能隐藏？”我们就这个问题进行了测试，确实没有隐藏。看了看其它网站的页面，也是有的能隐藏有的不能隐藏。IPHONE系统在点击doc
2016-08-15 09:28:29
6923
转载 使用angularjs的键盘事件来增强用户体验
绑定键盘事件（尤其注意：不能用a标签，不然会失效）推荐button方法一：ng内置指令"login()" ng-keypress="todoSomething($event)" class="btn btn-success btn-lg" ng-disabled="loginForm.$invalid"> 登录说明：在对应的控制器中的$scope上绑定一个todo
2016-08-05 09:18:13
6577
转载 http://mclspace.com/2016/01/16/ionic-problems-and-solutions/
Ionic 常见问题及解决方案Jan 16, 2016前言Ionic是目前较为流行的Hybird App解决方案,在Ionic开发过程中会遇到很多常见的开发问题，本文尝试对这些问题给出解决方案。一些常识与技巧list 有延迟，可以在ion-content处使用 overflow-scroll="true"尝试在上用ng-click上是没效果的标签内的事件会在
2016-08-04 09:29:14
917
转载 ios中safari不兼容JavaScript中Date转化为时间戳的问题
在做移动端时间转化为时间戳时，遇到了一个问题，安卓手机上访问时，能拿到时间戳，从而正确转换时间，而在ios上缺不能正常显示，显示的时间为：NaN-NaN1-NaN Invalid Date，捣鼓了好久，也在网上查了很多关于JavaScript中时间转时间戳的方法，都没解决，代码是这样的(随便写死一条时间数据测试)：new Date('2016-07-18 14:58:32').getTime
2016-07-21 16:34:11
14109
1
原创 伪类选择器、文字、颜色
一、选择器1、伪类选择器--运动transition:1s //运动的时间 兼容性：火狐、谷歌 ie11 ie10 ie9以下，用js操作//老版的兼容性问题 浏览器的内核前缀（谷歌、火狐、欧鹏）-webkit-transition：1s；-moz-transition：1s；-o-transition：1s；transition：1s/*
2016-01-12 22:12:18
1895
原创 angular.bootstrap
angular.bootstrap(document, ["myapp"]) ;//初始化这种方式，一旦页面需要多个初始化时，可以用bootstrap，指令只能进行一次初始化操作需要进行多个初始化时使用!!!! var i=0; var m1 = angular.module('myApp1',[]); var m2 = angula
2016-01-10 22:41:31
684
转载 angularjs中的工具方法(forEach等)
angular.bind(self, fn, args)作用：返回一个新的函数，绑定这个函数的this指向self参数： self：新函数的上下文对象fn：需要绑定的函数args：传递给函数的参数返回值：this指向self的新函数var obj = { name: 'xxx', print: function (country) { console
2016-01-10 22:28:07
477
原创 ng-class、ng-style、ng-href、ng-attr-title
在angularjs中，设置样式： .red{ background: red; } .yellow{ background: yellow; } div a { text-decoration: none; }
2016-01-10 22:10:24
9509
原创 jQuery 中的 siblings 、eq、off、index、delegate
一、siblingssiblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。.siblings(selector)如（选中中是黄色部分）：Hello Hello Again And Again $("p").siblings(".selected").css("background", "yellow");详细说明如果给定一个
2016-01-08 09:29:30
1002
转载 angularJS directive详解
前言最近学习了下angularjs指令的相关知识，也参考了前人的一些文章，在此总结下。欢迎批评指出错误的地方。 Angularjs指令定义的APIAngularJs的指令定义大致如下angular.module("app",[]).directive("directiveName",function(){ return{ //通过设置项来定义
2016-01-05 16:04:22
397
原创 mongodb安装详解
mongodb在window下的安装1、官网下载MongoDb，网址：http://www.mongodb.org；2、解压缩到具体某文件,如D:/mongodb，记得存放mongodb bin的目录中不能有中文名字，否则安装好服务后无法启动服务，提示找不到该服务，这是因为中文变成乱码。3、打开命令行，cd到mongodb的bin文件夹，执行安装命令
2015-12-31 14:34:11
493
转载 offset知识点详解
很多初学者对于JavaScript中的offset、scroll、client一直弄不明白，虽然网上到处都可以看一张图（图1），但这张图太多太杂，并且由于浏览器差异性，图示也不完全正确。图一 不知道大家看到这张图的第一感觉如何，反正我的感觉就是“这次第，怎一个乱字了得”。 既然我认为上图太多太乱，那么我就把offset、scroll、client分开说，希望能让
2015-12-28 14:24:49
987
转载 【editplus经常用的快捷键】Editplus 选中一行ctrl+r，Edit 合并行 Ctrl+Shift+J 合并选定行 删除当前行
Editplus 选中一行： ctrl+rEditplus 复制一行： ctrl+r选择行，然后ctrl+c复制。复制一行到下一行中：Editplus有：Ctrl+j 复制上一行的一个字符到当前行Editplus 删除一行： Shift+Alt+Delete 直接删除当前行， 或:shift+Delete也成。移动一行到上一行/下一行： alt+shift+向上键（向下键）--
2015-12-28 14:09:53
22142
1
原创 webstorm快捷键
1、webstorm快捷键：IntelliJ-Idea 的快捷键Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/*…*/ ） Shift+F6 重构-重命名 Ctrl+X 删除行 Ctrl+D
2015-12-25 16:58:30
297
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人