- 博客(35)
- 收藏
- 关注
RSS订阅转载 es6解决回调地狱问题
本文摘抄自阮一峰老师的 http://es6.ruanyifeng.com/#docs/generator-async异步所谓"异步"，简单说就是一个任务不是连续完成的，可以理解成该任务被人为分成两段，先执行第一段，然后转而执行其他任务，等做好了准备，再回过头执行第二段。比如，有一个任务是读取文件进行处理，任务的第一段是向操作系统发出请求，要求读取文件。然后，程序执行其他任务...
2018-06-22 00:13:00
492
转载 动态显示数字
效果描述：一个数字从0动态变化到自己设置的值代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数字动态改变效果-01</title> <style>...
2017-04-26 18:38:00
272
转载 fixed定位怎么失效了（transform对fixed定位的影响）
项目中突然发现fiexd定位失效了，会跟着屏幕上下滑动了，检查了一下发现了原因<div style='transform:translate3d(0,0,0)'> <div style='position:fixed;top:0;left:0;'></div></div>原因： 只要position:fi...
2017-03-02 21:10:00
1049
转载 60s倒计时（原生js版）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .chaxun-yanzhe...
2017-02-28 18:06:00
153
转载 多行文本溢出省略和单行文本溢出省略
记录下大神文章的地址，下次用的时候方便http://www.daqianduan.com/6179.html单行：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行：display: -webkit-box;-webkit-box-orient: vertical;-...
2017-02-28 13:43:00
164
转载 disabled与tap(input的disabled='disabled'时tap事件任可触发)
一个input按钮加上disabled="disabled"后，它身上zepto的tap事件任然会触发，但是click事件不会触发<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" ...
2017-02-20 10:58:00
536
转载 结构伪类选择器的误解（nth-of-type,nth-child等等结构伪类选择器应用在孙子辈元素上出现错误）...
结构伪类选择器适用的是父元素和子元素之间的选择，以前错误的理解为元素和后代元素具体例子：html:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <...
2017-02-07 14:37:00
318
转载 正则获取小数点后制定位置的数值
获取一个小数的小数点后第一位<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>正则提取小数点后第一位</title> </head> <body>...
2017-02-04 17:32:00
369
转载 一行两个文本溢出，宽度自动伸缩（flex和文本溢出的应用）
项目里面有这样一个需求：在同一行有两段文字，效果用文字来描述太长了，我就直接上图了，就是下图的效果实现上述效果代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title&...
2017-01-19 14:07:00
222
转载 jquery选择指定元素之外的所有元素
最近的项目中有这么一个需求，点击一排图片中的任意一张后底部弹出一个对话框，要求点击任意地方隐藏对话框这个时候用not()显然是不现实的，用closest()可以实现差不多的功能<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...
2016-12-23 15:03:00
398
转载 获取图片的真实高度
最近一个页面需要一个类似微信朋友圈图片的功能，选择图片，预览，图片放大查看；其中有些地方需要图片的真实宽高比。var img = new Image();img.src = $(".img").attr("src");var imgWidth = img.width;var imgHeight = img.height;如果通过触发一些时间来调用获取宽高的...
2016-12-23 14:06:00
265
转载 翻转
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no" /> <t...
2016-12-23 11:28:00
126
转载 带分的倒计时（原生js）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: ...
2016-12-23 11:18:00
102
转载 js数字精度丢失
http://www.cnblogs.com/snandy/p/4943138.html转载于:https://www.cnblogs.com/norcoA3/p/6113892.html
2016-11-29 15:44:00
89
转载 js数组 函数
js数组 filter(),map(),some(),every(),forEach(),lastIndexOf(),indexOf()文章1：http://www.jb51.net/article/60502.htm文章2：http://www.cnblogs.com/xiao-hong/p/3194027.htmljs数组的9个方法Array.prototy...
2016-11-29 14:40:00
98
转载 ios按钮点击时的灰色框
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0;)}转载于:https://www.cnblogs.com/norcoA3/p/6069010.html
2016-11-16 12:10:00
209
转载 页面全部加载完毕和页面dom树加载完毕
dom树加载完毕$(document).ready()//原生写法document.ready = function (callback) { ///兼容FF,Google if (document.addEventListener) { document.addEventListener('DOMCont...
2016-11-08 12:18:00
331
转载 原生js获取body
1.doucumnet.body2.document.getElementsByTagName("body")[0]转载于:https://www.cnblogs.com/norcoA3/p/6042510.html
2016-11-08 12:02:00
1247
转载 页面小知识
以下内容来自http://www.daqianduan.com/6281.html，谢谢前辈们的分享1.ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉ios用户点击一个链接，会出现一个半透明灰色遮罩, 如果想要禁用，可设置-webkit-tap-highlight-color的alpha值为0，也就是属性值的最后一位设置为0就可以去除半透明灰色遮罩a,butt...
2016-10-19 12:33:00
102
转载 移动端字体
觉得白色橡树的文章写的很好，保存下来免得以后找不着了http://www.cnblogs.com/PeunZhang/p/3592096.html转载于:https://www.cnblogs.com/norcoA3/p/5973073.html
2016-10-18 14:09:00
96
转载 attr()和prop()的区别
引用一位大神的文章:http://www.365mini.com/page/jquery-prop.htmhttp://www.365mini.com/page/jquery-attr-vs-prop.htm转载于:https://www.cnblogs.com/norcoA3/p/5895620.html
2016-09-22 11:29:00
106
转载 关于jQuery获取checkbox状态的问题
这位大神概括的很好http://www.cnblogs.com/wangkongming/p/4002710.html转载于:https://www.cnblogs.com/norcoA3/p/5895608.html
2016-09-22 11:28:00
83
转载 压缩图片的网站
分享一个用来压缩图片的网站：https://tinypng.com/使用方法：1.打开网站2，把你想要压缩的图片拖至熊猫右边的框内3,等待一会儿，压缩完毕后下载压缩好的图片转载于:https://www.cnblogs.com/norcoA3/p/5873076.html...
2016-09-14 17:57:00
104
转载 怎么修改placeholder字体的css样式
修改palceholder内文字的css样式1 ::-webkit-input-placeholder{2 color: red;3 font-size: 20px;4 line-height: 50px;5 }修改class名为test1的元素palceholder内文字css样式.test1::-webkit-input...
2016-09-14 17:43:00
683
转载 jQuery对象和dom对象之间的相互转化
var domObj = document.getElementById("demo"); var $Obj = $("#demo");DOM转jQuery: 用$()把dom对象括起来$domObj = $(domObj);jQuery对象转dom对象：$Obj[0]或$Obj.get(0)转载于:https://www.cnblogs.com/norcoA3/p...
2016-09-06 13:57:00
58
转载 自由缩放属性-resize（禁止textarea的自由缩放尺寸功能）
resize:none|both|horizontal|vertical|inherit可以用来改变元素的尺寸大小用上这个属性后元素的有下脚会有一个小图标拖它就可以了但是我把resize：both;加上后并没有看到这个小图标，元素无法改变尺寸。。。后来看了w3cschool的栗子，按照上面加上overflow，就可以了。我也不知道为什么一定要加overflow.....
2016-08-10 16:33:00
297
转载 怎么实现类似星星闪烁的效果（box-shadow）
有时候设计希望我们能够在页面实现类似星星闪烁的效果，如图：我的解决办法是用box-shadow：html<div class="star04 active-blink" id="star04" ></div>css 1 .star04{ 2 background-color: #FFFFFF; 3 bor...
2016-07-29 12:29:00
566
转载 每隔一段时间从数组中选择任意一个元素，已经选择过的将不再选取，当所有的元素都被选择过一遍后清除定时器...
每隔一段时间从数组中选择任意一个元素，已经选择过的将不再选取，当所有的元素都被选择过一遍后清除定时器var arr = [1,2,3];var tip = [];var index = 0;var num = 0;var timer = setInterval(function(){ index = Math.floor(Math.random()*ar...
2016-07-29 12:10:00
137
转载 伪元素first-letter(首字母变大)
让首字母变大<p>Do you like to ride a bicycle?</p>p:first-letter{ font-size: 34px;}转载于:https://www.cnblogs.com/norcoA3/p/5717867.html
2016-07-29 12:02:00
200
转载 nth-child和nth-of-type的区别
以前一般都用:nth-child，后来知道了:nth-of-type，然后就一般用nth-of-type它们两有什么区别呢？首先来看个现象：假如有这样一个HTML结构<div class="post"> <p>我是段落1</p> <p>我是段落2</p></div>...
2016-07-29 11:53:00
184
转载 伪元素::selection(怎么修改网页中被选中文本的样式)
当我们用鼠标选中一段文字的时候我们会发现文字的颜色和背景色都改变了，有时候设计给这种选中状态设计了其他的样式，那么我们怎么来自定义选中的文本的样式呢？用::selection<p>我是一段文字，当我被选中时我是默认样式</p><p>我是一段文字，当我被选中时我是自定义的样式</p>p:nth-of-type(...
2016-07-29 11:12:00
272
转载 伪元素::before和::after
有时候我们的页面里面有不少其他网站的名字，而且还要求网站名后面还要有网站的链接，类似这样：百度（http://www.baidu.com）。这个时候如果网站多的话写起来就很麻烦了<a href="http://www.baidu.com">百度</a>a[href^=http]::after{content: '(' attr(href) ')...
2016-07-27 16:17:00
84
转载 zepto的touch.js左右滑动存在一些问题，用百度的touch.js代替
这几天用zepto想写一个移动端的活动，在实现左右滑动触发动画时，发现zepto的touch.js在ios的微信上有问题。问题描述：左右滑动时如果手指没有一直跟频幕贴着（在手机上滑动时，如果手指不是很滑有时候会出现划的时候手机颤几下，这个时候手指就会短暂的离开频幕），touchmove和touchend触发的事件就会有点混乱。我的水平也不高，不知道怎么去修改源码。。。所以就采取了网上...
2016-07-08 10:49:00
118
转载 HTML字符实体
在html中我们输入某些字符并不能直接显示，比如"<",">",又或者连续输入是个空格，但是浏览器会去掉九个只留下一个，这个时候我们就需要实体字符了。http://www.w3school.com.cn/html/html_entities.asp转载于:https://www.cnblogs.com/norcoA3/p/5639720.html...
2016-07-04 10:36:00
59
转载 去除html页面中按钮在ios中的默认样式，去除select自带的小三角图标
btn{-webkit-appearance: none;}-webkit-appearance: none也能去掉select下拉列表后面自带的小三角转载于:https://www.cnblogs.com/norcoA3/p/5615148.html
2016-06-24 18:46:00
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人