随笔档案「2017年6月」 - Newbie_小白

摘要：1、blur滤镜实现（ie10不兼容） 2、鼠标移到哪儿哪儿模糊 3、鼠标hover，其他图片模糊阅读全文

posted @ 2017-06-30 17:06 Newbie_小白阅读(344) 评论(0) 推荐(0)

摘要：点我屏幕不能滚动点我屏幕允许滚动这里是头部这里是中部这里是底部阅读全文

posted @ 2017-06-26 09:52 Newbie_小白阅读(510) 评论(0) 推荐(0)

摘要：点击事件延迟问题所在: 在移动端中,由于两次触摸是放大操作,,所以当你点击一次的时候,浏览器会等待300ms,看用户是否会进行第二次点击,如果没有的话,才会执行点击事件为什么要解决: 随着h5游戏,移动端网页的流行,用户对web网页的性能也随着提高,点击事件的延迟会影响用户体验,尤其是在游戏中,这阅读全文

posted @ 2017-06-26 09:49 Newbie_小白阅读(812) 评论(0) 推荐(0)

获取地理位置

摘要：1、如果不需要精准的定位，还有一种通过IP地址获取当前城市的方法，采用新浪的api接口。阅读全文

posted @ 2017-06-22 09:08 Newbie_小白阅读(233) 评论(0) 推荐(0)

获取高度

摘要：1、获取窗口滚动条高度 2、获取窗口可视范围的高度 3、取文档内容实际高度在IE中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clien 阅读全文

posted @ 2017-06-16 10:40 Newbie_小白阅读(243) 评论(0) 推荐(0)

HTML 特殊符号编码对照表

摘要：阅读全文

posted @ 2017-06-16 10:28 Newbie_小白阅读(496) 评论(0) 推荐(0)

JSON字符串与JSON对象的区别

摘要：JSON JavaScript Object Notation是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。 json可以以数组传递，也可以以对象传递。在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSO 阅读全文

posted @ 2017-06-15 17:18 Newbie_小白阅读(576) 评论(0) 推荐(0)

zepto方法

摘要：1、$.inArray $.inArray v1.0+ $.inArray(element, array, [fromIndex]) ⇒ number 搜索数组中指定值并返回它的索引（如果没有找到则返回-1）。 [fromIndex] 参数可选，表示从哪个索引值开始向后查找。 2、$.isArray 阅读全文

posted @ 2017-06-15 17:13 Newbie_小白阅读(255) 评论(0) 推荐(0)

javascript 中 click 和onclick有什么区别呢

摘要：dd ee 区别： 1.onclick是绑定事件，告诉浏览器在鼠标点击时候要做什么。 click本身是方法作用是触发onclick事件，只要执行了元素的click()方法，就会触发onclick事件。如上诉代码所示，当点击'ee'按钮时,会触发'dd'的onclick事件(正常来说得按'dd'按钮才触发'dd'的onclick事件)，原因就是因为 $("#btn... 阅读全文

posted @ 2017-06-15 16:02 Newbie_小白阅读(11958) 评论(1) 推荐(0)

oninput,onpropertychange,onchange的用法和区别

摘要：2、oninput,onpropertychange,onchange的用法 onchange触发事件必须满足两个条件： a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效） b）当前对象失去焦点(onblur)； onpropertychange的话，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的； oninput是onpropertychang... 阅读全文

posted @ 2017-06-15 13:54 Newbie_小白阅读(304) 评论(0) 推荐(0)

js实时监听input中值得变化

摘要：zepto 输入框 1: 输入框 2: 显示框 1: ... 阅读全文

posted @ 2017-06-15 09:52 Newbie_小白阅读(547) 评论(0) 推荐(0)

font-family

摘要：字体操作系统 Family Name 宋体 (中易宋体) Windows SimSun 黑体 (中易黑体) Windows SimHei 微软雅黑 Windows Microsoft YaHei 微软正黑 Windows Microsoft JhengHei 华文黑体 Mac/iOS STHeit 阅读全文

posted @ 2017-06-14 17:55 Newbie_小白阅读(1085) 评论(0) 推荐(0)

swipe.js文档及用法

摘要：最近的一个项目中使用到了swipe.js这个插件感觉非常的好用的官方网站 http://swipejs.com/ https://github.com/bradbirdsall/Swipe 简介 swipe.js是一个轻量级的移动滑动组件，支持触摸移动，支持响应式页面。下面是从GitHub上翻阅读全文

posted @ 2017-06-14 16:57 Newbie_小白阅读(2502) 评论(0) 推荐(0)

//获取滚动高度

摘要：//获取滚动高度 function getScrollTop() { var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.documentElement.scrollTop; } else... 阅读全文

posted @ 2017-06-14 16:27 Newbie_小白阅读(144) 评论(0) 推荐(0)

swiper伸缩侧边菜单栏

摘要：Swiper demo Menu slide ... 阅读全文

posted @ 2017-06-14 14:49 Newbie_小白阅读(812) 评论(0) 推荐(0)

jQuery中return false,e.preventDefault(),e.stopPropagation()的区别

摘要：1、e.stopPropagation()阻止事件冒泡 2、e.preventDefault()阻止事件默认行为。 3、return false等效于同时调用e.preventDefault()和e.stopPropagation() 阅读全文

posted @ 2017-06-14 14:20 Newbie_小白阅读(411) 评论(0) 推荐(0)

swiper

摘要：Swiper是一款开源、免费、强大的移动端触摸滑动插件。 http://www.swiper.com.cn/api/basic/2015/0327/263.html 一、名词解释二、基本结构三、初始化四、常用参数滑动参数我们来看看所有可用参数的列表：设置此参数将使Swiper无响应设置阅读全文

posted @ 2017-06-14 10:59 Newbie_小白阅读(2203) 评论(0) 推荐(0)

rem、em、px之间的转换

摘要：rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。我们知道，浏览器默认的字号16px，来看一些px单位与rem之间的转换关系：为了方便计算，时常将在<html>元素中设置font-size值为62.5%: 相当于阅读全文

posted @ 2017-06-13 09:23 Newbie_小白阅读(1087) 评论(0) 推荐(0)

sublime text 3将px换算为rem的插件的安装及使用

摘要：标签： rem这个单位对于移动端来说是比较强大的，所以这里给大家介绍sublime text 3将px换算为rem的插件的安装及使用，只要安装了这个插件，输入多少px，sublime就会提示相应的rem值，就不用自己去计算了！！ 1.首先在这个地址：https://github.com/hyb628 阅读全文

posted @ 2017-06-13 09:15 Newbie_小白阅读(5913) 评论(0) 推荐(0)

rem

摘要：iPhone6 下面 1rem=75px; $(function(){ var oHtml=document.getElementsByTagName("html")[0]; var iWidth=document.documentElement.clientWidth; iWidth=iWidth 阅读全文

posted @ 2017-06-12 16:58 Newbie_小白阅读(326) 评论(0) 推荐(0)

Swiper

摘要：Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！阅读全文

posted @ 2017-06-12 15:07 Newbie_小白阅读(270) 评论(0) 推荐(0)

box-pack

摘要：box-pack表示父容器里面子容器的水平对齐方式，可选参数如下所示： start | end | center | justify <article class="wrap"> <section class="sectionOne">01</section> <section class="sec 阅读全文

posted @ 2017-06-12 15:01 Newbie_小白阅读(311) 评论(0) 推荐(0)

display:flex和display:box布局浏览器兼容性分析

摘要：display:flex和display:box都可用于弹性布局，不同的是display:box是2009年的命名，已经过时，用的时候需要加上前缀；display:flex是2012年之后的命名。在实际的测试中display:flex不能完全的替代display:box。display:flex的阅读全文

posted @ 2017-06-12 14:49 Newbie_小白阅读(1812) 评论(0) 推荐(0)

Flex布局

摘要：一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。行内元素也可以使用 Flex 布局。 Webkit 内核的浏览器，必须加上-webkit前缀。注意，设为 Flex 布局以后，阅读全文

posted @ 2017-06-12 14:32 Newbie_小白阅读(319) 评论(0) 推荐(0)

几种常见的浏览器以及内核

摘要：内核：内核只是一个通俗的说法，其英文名称为“Layout engine”，翻译过来就是“排版引擎”，也被称为“页面渲染引擎”（下文中各种说法通用）。它负责取得网页的内容（HTML、XML、图像等等）、整理信息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。所有网页浏览器、阅读全文

posted @ 2017-06-12 14:11 Newbie_小白阅读(635) 评论(0) 推荐(0)

display 垂直居中

摘要：/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center... 阅读全文

posted @ 2017-06-12 13:55 Newbie_小白阅读(989) 评论(0) 推荐(0)

font-family 定义的最后为什么要加一句sans-serif

摘要：定义font-family时,最好在最后加一个sans-serif,这样如果所列出的字体都不能用，则默认的sans-serif字体能保证调用; W3C建议字体定义的时候，最后以一个类别的字体结束，例如"sans-serif"，以保证在不同操作系统下，网页字体都能被显示。sans-serif就是无衬线阅读全文

posted @ 2017-06-12 13:31 Newbie_小白阅读(2996) 评论(0) 推荐(1)

Sublime 格式化代码快捷键以及插件使用

摘要：格式化代码： { "keys": ["ctrl+alt+f"], "command": "reindent" } 浏览器中打开：{"keys": ["ctrl+alt+o"], "command": "open_in_browser"} 其实在sublime中已经自建了格式化按钮： Edit -> 阅读全文

posted @ 2017-06-12 10:31 Newbie_小白阅读(983) 评论(0) 推荐(0)