- 博客(22)
- 收藏
- 关注
RSS订阅原创 animate.css动画库的使用
animate.css介绍内置了许多的CSS3动画，兼容性很好。用法：引入animate.css在要动画的元素上添加 animated 类，并添加特定的动画类名如： 添加了animated、bouce类<head> <link rel="stylesheet" href="animate.css&
2018-06-12 16:38:16
2464
原创 微信小程序学习笔记四（常用的方法）
注意：微信小程序不存在跨域问题。在微信web开发者工具中，使用wx.request发出请求时，需要取消验证域名。wx.request( object )发起请求常用的参数： 参数名 类型 说明 url String 开发者服务器接口 data Object、String、Array 请求的参数 method...
2018-06-10 22:54:42
671
原创 微信小程序学习笔记三（常用的组件）
视图容器view 属性名 类型 默认值 说明 hover-class String none 指定按下去的样式类，为none时，没有点击态效果 hover-stop-propagation Boolean false 指定是否组织本节点的祖先节点出现点击态 hover-start-time Number 50...
2018-06-10 21:17:02
3354
原创 微信小程序学习笔记二（数据绑定）
小程序介绍 利用 XML + CSS + JS 编写移动应用程序微信小程序的一大特性就是： 动态绑定数据。数据绑定（基本语法）假设在pages内的index文件夹下：index.js中的代码Page({ //有一个data属性 data : { greeting : "Hello Wor...
2018-06-10 16:26:53
1276
原创 微信小程序学习笔记一（基础知识 ）
由于最近学习了有关微信小程序的相关知识，故在这里总结一下学习心得。微信小程序开发基础1. 登录微信公众平台 https://mp.weixin.qq.com/注册小程序账号。2. 下载并安装微信web开发者工具Json配置文件 配置文件分为两类。app.json为全局配置。作用域： 作用于全部页面pages目录下的每个页面下也有一个.json文件，作用...
2018-06-10 15:57:03
1438
原创 JS的冒泡事件和捕获事件
冒泡事件1. 定义：      当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡。    这个事件从原始
2018-05-18 23:37:32
1075
原创 旋转木马效果轮播图特效
旋转木马轮播图特效共有五张图片，每张图片排列的位置是以中间为对称的。图片大小，透明度不相同，但对称的图片的样式是相同的。呈现一种立体的轮播效果。效果图如下：做法：1. 设置布局其中： 在一个大盒子box中放置一个ul，ul内有五个li标签，分别用来放置图片。并有两个div用作切换图片的左右箭头...
2018-05-05 23:10:36
4557
1
原创 兼容IE浏览器的全屏机制
由于IE浏览器较某些版本不支持H5的全屏机制，因此需要对全屏做兼容处理，以方便人们的使用。首先我们要介绍两个方法：1. 请求进入全屏模式 element.requestFullscreen() 该方法用于发出异步请求使元素进入全屏模式。① 如果元素被允许进入全屏幕模式，document对象会收到一个fullscreenchange事件，通知调用者当前元素已经进入全屏...
2018-05-03 23:06:23
3996
2
原创 flex伸缩布局
伸缩布局（CSS3新布局flex）.box { display: flex;/*使box盒子为伸缩布局*/} 伸缩布局使得块级元素的布局排列变得十分灵活，适应性非常强，它对响应式开发起到很大作用。 采用伸缩布局的元素，称为伸缩容器...
2018-04-29 00:17:42
1128
原创 调用外部接口报403错误的解决办法
问题发现 最近写一个在线音乐播放项目时，发现了一个问题。就是在项目中调用的是百度音乐的api，当把音乐的url放入audio的src属性中时，点击播放，则会报403错误。然而直接在浏览器的地址栏直接回车就不会出错。 报403错误的原因首先，报403错误的原因需要提及浏览器的防盗链机制。防盗链机制 ...
2018-04-28 13:05:18
44063
原创 Ajax技术及使用步骤和同步异步方式，以及请求方式
同步方式、异步方式在介绍AJAX技术之前，我们首先要了解同步请求和异步请求的概念。1. 同步请求：概念： 发送方在发出请求之后，需要等待接收方发回响应，在发回响应之前，用户界面做任何的操作都是无效的，只有等待接收方发回响应之后，才能响应用户交互，发送下一个数据包的通讯方式。发送请求 --> 等待服务器处理请求（当前浏览器的任何操作无效） --> 处理完毕返回2...
2018-04-12 00:07:31
901
原创 键盘事件keydown，keypress，keyup以及文本事件
键盘事件键盘事件种类：keydownkeypresskeyup键盘事件定义：1. keydown（按键按下时触发） 当按下键盘上的任意按键2. keypress（与keydown类似，主要用来捕获数字，字母，小键盘） 与keydown事件类似，也是按下按键时触发。3. keyup（按键抬起时触发） 在松开之前按下的按键时触发...
2018-04-08 18:39:04
6168
原创 LESS的基本使用方法（用于快速编写CSS代码）
一、首先介绍什么是LESS：LESS定义： LESS是一门CSS预处理语言，它扩展了CSS语言，增加了变量，Mixin，函数等特性。优点：使得CSS更易维护与扩展。简单的说：可以更方便的编写CSS代码，并更方便维护与扩展。注意：LESS只是一个纯文本，不影响代码的编写二、LESS的基本使用步骤首先创建一个后缀名为.less的文件在这里需要介绍一个软件koala（考...
2018-03-31 23:40:52
6777
原创 清除浮动方法、margin的坍塌现象以及浏览器的某些兼容问题
清除浮动1） 加高法：浮动的元素，只能被有高度的盒子关住。 也就是说，如果盒子内部有浮动，这个盒子有高，那么妥妥的，浮动不会互相影响。但是，工作上，我们绝对不会给所有的盒子加高度，这是因为麻烦，并且不能适应页面的快速变化。 <div> → 设置height <p></p> <p></p&g...
2018-03-24 23:13:43
550
原创 使用jsonp实现跨域以及json与jsonp的区别
一、 使用jsonp实现跨域1. 跨域问题 从一个网站的页面中 ，去请求另外一个不同的网站中国的内容由此引出了iframe标签：（利用iframe标签可以在当前页面下去访问另一个页面的内容。）<h2>我是利用iframe标签获得另一个页面</h2><iframe src='http://www.baidu.com'></if...
2018-03-23 09:51:50
3979
原创 jQuery插件机制以及瀑布流布局插件写法
一、jQuery插件机制 用于扩展jquery元素集来提供新的方法（通常用来制作插件）jQuery定义了两个方法用来自定义插件1、 jQuery.fn.extend(object) / $.fn.extend(object) 注册完毕以后，使用$(“选择器”).func使用，object：用来扩充jquery对象例如：//1. $.fn.extend...
2018-03-22 00:05:53
249
原创 JS的三大家族（Offset，Scroll，Client）及它们的兼容性写法
一、Offset家族 offser家族的成员，获取的值都是经过四舍五入得到的值，表示的是位移 如：div.style.left = "156.4px";//当获取div的offsetLeft值时，将值进行四舍五入console.log(div.offsetLeft);//将会得到——156div.style.left = "156.7px";//当获取div的offse...
2018-03-19 13:05:21
710
原创 H5中的地理定位及百度地图api的应用
一、H5的地理定位navigator.geolocation HTML5 Geolocation(地理位置定位) 规范提供了一套保护用户隐私的机制，必须先得到用户明确许可，才能获取用户的位置信息。1. 用法：//兼容写法if(navigator.geolocation) { navigator.geolocation.getCurrentPosition...
2018-03-13 23:39:00
9706
原创 text-overflow属性的使用
text-overflow属性的使用 text-overflow属性规定了当文本溢出包含元素时所发生的事情。取值： 当遇到标题过长，影响页面效果的情况时，text-overflow属性发挥它的作用，如下图所示： 重点： 利用text-overflow属性可以使标签内容在确定的长度内显示，剩余部分用“ … ”或者其他字符串代替。然而并不影响标签内部内容。下面...
2018-03-12 00:13:43
20220
原创 CSS定位以及z-index属性（层叠性）的详解
定位 定位方向：top left right bottom就这四个位置一、静态定位 position：static;静态定位就是文档流，没有别的意思，不需要写二、绝对定位 （脱标）position：absolute;（注意）参考点问题：1）如果用top描述，定位的参考点是整个页面的最左上角，而不是浏览器的左上角 2） 如果用bottom描述...
2018-03-08 15:17:42
4321
原创 通过via.placeholder.com得到确切大小的尺寸图
获得明确大小的尺寸图(1). 访问via.placeholder.com网页(2).在地址栏内容改为如：http://via.placeholder.com/250x250，其中250x250可随意变动数字，得到需要的尺寸，如下图所示： (3)最后，将图片保存下来并加以使用。...
2018-03-07 22:34:04
952
原创 使用阿里巴巴矢量图iconfont以及webfont的步骤详解
一、使用阿里iconfont矢量图步骤第一步，首先进入阿里巴巴矢量图标库首页（http://www.iconfont.cn） 第二步，将需要的图标添加入库 第三步，从购物车中下载代码 第四步，将下载完成的压缩包解压，将其中的文件放入到项目中某个文件夹下（当将文件放在某个文件夹下时，font-face中代码的url路径将会有一些改变，在这里假设放进了font文件夹），并将其中的de...
2018-03-07 21:15:04
7780
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人