关于移动端踩过的坑

1.ios与android的标签表现不一致的问题ios和android的select标签还有input[type=”button”]在真机上的样式会有区别,所以我们可以加上这一条css来消除ios和android的样式差别:-webkit-appearance: none;2.ios上不支持new...

2017-07-31 14:14:16

阅读数 484

评论数 0

关于移动端布局

移动端布局的问题如今手机设备多种多样,屏幕大小各不相同,下面说一下如今的几种移动端布局. 1. 宽度百分比布局 + px布局.     先说一下,这种布局虽然我现在没有用,但是还是有见到过,这种布局如果你按照750设计图来做的话其实在主流手机屏幕上展示都挺不错的,但是如果屏幕非主流的话,那...

2017-07-31 11:34:00

阅读数 342

评论数 0

Vue.js 和 MVVM 小细节

转载自http://www.cnblogs.com/onepixel/p/6034307.html Vue.js 和 MVVM 小细节 MVVM 是Model-View-ViewModel 的缩写,它是一种基于前...

2017-01-27 19:36:11

阅读数 1246

评论数 0

vue2.0父子组件以及非父子组件如何通信

1.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现父组件:<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰 </parent>...

2017-01-20 23:46:06

阅读数 101500

评论数 9

细说vue的过渡动画

在vue中,实现过渡动画一般是下面这样:<transition name="fade"> <div></div> </transition>用一个transition对元素或者组件进行封装. 在过渡的时候,会有 4 个(...

2017-01-20 22:59:39

阅读数 27469

评论数 1

vue2.0从入门到入坑

1.接触vue从原生js、jq到接触vue,刚开始感觉真的非常不习惯,写html的时候,我就不习惯标签上大量的class,这下到vue,感觉更爆炸了,标签上全是指令,甚至还有逻辑,一度感到很暴躁,但是,深入接触之后,才发现vue的魅力。 为什么感觉反差很大呢?因为以前用js、jq都是直接操作DO...

2017-01-20 22:04:42

阅读数 4048

评论数 0

如何处理单行文本和多行文本溢出

1.单行文本溢出处理代码如下:<style> .text2 { width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsi...

2017-01-02 00:04:11

阅读数 898

评论数 0

响应式设计概述

1.设置viewport移动端一般会有布局视口(layout viewport),可视视口( visual viewport),理想视口(idea viewport),一般手机为了能够显示网页,会将布局视口设置为980px以上;可视视口就是浏览器的窗口大小;理想视口呢,就是不需要缩放就能查看网页的...

2016-12-24 01:11:01

阅读数 539

评论数 0

深度解析&&,||以及for

&&一般都知道,&&是与的意思,只有当&&两边都为true时,则返回true,以前用&&和||只是简单的在if语句中进行判断,但是最近在做一个播放器时,我发现了&&竟然还可以这么用!:audio.readyState=...

2016-12-17 00:31:15

阅读数 462

评论数 0

window.onload和$(document).ready()的区别

window.onload必须等待网页中所有的内容加载完毕后(包括图片)才能执行,并且不能同时编写多个,如果写有多个window.onload,那么只会执行后面的window.onload。 window.onload=function(){}等价于$(window).load(function(...

2016-12-04 10:20:04

阅读数 236

评论数 0

jq中on()的用法

一般情况下,我们可以直接采用click(),hover()等等直接绑定事件,但是既然on()存在,那么肯定有它的意义:1.用来绑定多事件,并且为同一函数$('div').on('click mouseover',function(){ //do sth });2.多个事件绑定不同函数$('...

2016-12-03 21:59:16

阅读数 3397

评论数 0

jq中ajax跨域

$.ajax({ //请求方式 type:'GET', //发送请求的地址以及传输的数据 url:'fzz.php?number'+=xxx, //服务器返回的数据类型 dataType:'jsonp', jsonp: 'callback', ...

2016-12-03 12:40:22

阅读数 556

评论数 0

js实现淡入淡出轮播图

1.图片淡入淡出自动轮播. 2.可以用按钮控制轮播. 效果图: 代码如下: html+scc:*{ margin: 0; padding: 0; } html,body{ width...

2016-11-23 21:07:02

阅读数 2736

评论数 0

js实现图片左右移动轮播

实现效果: 1.图片能够自动轮播. 2.移入图片时自动轮播停止,并且有左右两个箭头. 3.图片下方有一排按钮,可以点击进行切换,并且按钮的样式也随之切换.代码如下: html+css:*{ margin: 0; padding: 0; ...

2016-11-23 20:05:49

阅读数 5480

评论数 0

js、jq两种方法实现网页侧边导航

js第一种方法:实现的效果如下: 1.在侧栏滑动时背景颜色切换和字体颜色切换. 2.窗口滚动时,右边侧栏随之变化. 3.点击侧栏选项,跳动到当前选项对应的页面,并且侧栏也随之变化.代码如下: html+css:*{ margin: 0; pa...

2016-11-23 17:52:03

阅读数 3388

评论数 0

js实现tab切换以及自动切换

js实现tab切换以及自动切换

2016-11-23 14:20:48

阅读数 4875

评论数 0

GET与POST请求的区别

get与post请求的区别

2016-11-21 13:09:19

阅读数 304

评论数 0

jq实现Ajax的过程

jq实现Ajax的过程

2016-11-21 12:52:43

阅读数 6767

评论数 0

Ajax基本概念以及JS实现Ajax的过程

Ajax基本概念Ajax全称为”Asynchronous JavaScript and XML”(异步JavaScript和XML),通过后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,可以在不重新加载整个网页的情况下,对网页的某部分进行更新. Ajax的核心是XMLHttpReq...

2016-11-21 11:30:42

阅读数 2587

评论数 1

关于button与submit的区别

最近我在表单中使用了button标签,我的本意并不是想要提交表单,但是很奇怪,我明明只是用了button,并没有创建submit啊,查阅资料之后,原来是这样的,这是w3school里的原话: 如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Exp...

2016-11-20 21:17:55

阅读数 270

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭