网页开发相关
赵世婷
屏蔽所有人的眼光,只成为你想成为的人
展开
-
响应式布局
讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3 Media Query实现响应布局)。一、什么是响应式布局?转载 2017-06-21 15:02:40 · 217 阅读 · 0 评论 -
几种情况下不要用float
float中文翻译为浮动,很形象的翻译,在CSS很常用,当你需要吧两个块级元素定排放在同一高度上经常会用到float,先看一下float的 属性。先看一下float可能的值:float:left-元素向左浮动float:right-元素向右浮动float:none-不浮动float:inherit-从父类的float属性继承既然说道浮动,那么就有必要提一下浮动的清理,因为如...原创 2019-01-22 17:40:46 · 1392 阅读 · 0 评论 -
chrome浏览器的跨域设置——包括版本49前后两种设置
做前后分离的webapp开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式,好在chrome浏览器就是支持可跨域的设置,网上也有很多chrome跨域设置教程。但是新版本的chrome浏览器提高了跨域设置的门槛,原来的方法不再适用了。下面笔者简单介绍一下新版本chrome的跨域设置方法。版本号49之前的跨域设置先介绍一下老方法,参考了一些网上的教程,其实直接在打开命令上加--dis...原创 2019-01-22 17:01:40 · 217 阅读 · 0 评论 -
npm install -g react-native-cli 提示npm ERR!
npm ERR! Windows_NT 6.1.7601npm ERR! argv "C://Program Files//nodejs//node.exe" "C://Program Files//nodejs//node_modules//npm//bin//npm-cli.js" "install" "-g" "react-native-cli"npm ERR! node v4.转载 2018-01-11 00:35:56 · 1250 阅读 · 0 评论 -
如何保证页面在任何情况下不变形
1.首先外面的大的div的css固定;.content {width: 100%;height: auto;float: left;}2.在里面的div给一个百分比的宽度,加上margin:0 auto居中;.content_co{width: 96%;min-width: 1150px;margin: 0 auto;}3.最重要的步骤是给一个最小的保证里面内容...原创 2017-12-14 21:04:45 · 1140 阅读 · 0 评论 -
mui中点击弹出新的菜单栏,修改高度的实现
var he1 = document.getElementById('hei').offsetHeight; document.getElementById('type').style.height = he1 * 2 + "px"; document.getElementById('more').addEventListener('tap', function() { //打开选址原创 2017-09-18 11:48:19 · 1600 阅读 · 0 评论 -
mui.fire传值首次无效
在mui.init()预加载传值页面即可原创 2017-09-25 15:52:36 · 855 阅读 · 1 评论 -
mui 顶部选项卡可左右切换报错的问题
将mui代码里的“viewgroup”换成下图中plus.webview.currentWebview().id即可原创 2017-08-30 14:16:18 · 786 阅读 · 0 评论 -
mui利用javascript dom元素写的唯品会首页上拉加载更多
function pullupRefresh() { setTimeout(function() { mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。 var table = document.body.querySelector('.m原创 2017-08-17 11:48:50 · 302 阅读 · 0 评论 -
用Javascript往一个Div中插入一张图片
HTML5火了,JS也得炼一炼用Javascript往一个Div中插入一张图片 window.onload = function (){ var bigImg = document.createElement("img"); //创建一个img元素 bigImg.src="http://www.baidu.转载 2017-08-17 10:21:31 · 4581 阅读 · 0 评论 -
Swipe JS – 移动WEB页面内容触摸滑动类库
想必做移动前端的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触摸操作也是移动设备的中一个特性,我们必须专业化的处理,哈哈。其实实现原理很简单,但平常中自己开发不是很方便。今天就为大家带来这样子的一个轻量级js触摸滑动类库 – Swipe JS。这是一个非转载 2017-07-10 09:30:50 · 393 阅读 · 0 评论 -
mui 侧滑栏问题
侧滑栏无法滑动初始化mui('.mui-scroll-wrapper').scroll({deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006});可以解决401604765@qq.com - 学习生活,快乐成长示例:初始化scroll控件:mui原创 2017-07-21 11:39:40 · 576 阅读 · 0 评论 -
bootstrap汉堡按钮
为了给导航栏添加响应式特性,您要折叠的内容必须包裹在带有 classes .collapse、.navbar-collapse 的 中。折叠起来的导航栏实际上是一个带有 class .navbar-toggle 及两个 data- 元素的按钮。第一个是 data-toggle,用于告诉 JavaScript 需要对按钮做什么,第二个是 data-target,指示要切换到哪一个元素。三个带有转载 2017-06-22 14:24:35 · 5121 阅读 · 2 评论 -
sass在win10上安装
根据 sass官网的文档安装发现有一些坑,自己总结一下sass的安装。第一步:下载ruby。在window10 笔记本下,打开谷歌浏览器,搜索 https://rubyinstaller.org/downloads/, 这里有一个坑是不是越新的版本越好,在2.0-2.5版本之间,我下载的版本是 也可以...原创 2018-12-24 14:59:40 · 771 阅读 · 0 评论