您好,欢迎光临! 请 |

h5 微信开发页面尺寸大小

h5 微信开发页面尺寸大小

首先iPhone6在微信上的设计尺寸大小与实际展示大小 导航栏+iphone状态栏高度: 64px =  导航栏44+状态栏20   iphone4 屏幕总宽度: 320px 屏幕总高度: 480px 微信网页可视高度: 416px   iphone 5 / 5c / 5s /se 屏幕总宽度: 320px 屏幕总高度: 568px 微信网页可视高度: 504px iphone6  /  iphone 7 屏幕总宽度: 375px 屏幕总......

html中CSS3 Column-count 属性遇到的问

html中CSS3  Column-count 属性遇到的问题

栏目做了大量的流动和平衡内容。 有时元素会卡在列之间。 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } Multi-column layout support: Chrome Safari Firefox Opera IE Android iOS Any 3+ 1.5+ 11.1+ 10+ 2.3+ 6.1+ 技术支持: https://css-tricks.com/almanac/properties/b......

单行居中显示文字,多行居左显示,最多两行

单行居中显示文字,多行居左显示,最多两行超过用省略号结尾

首先是单行居中,多行居左 居中需要用到 text-align:center,居左是默认值也就是text-align:left。如合让两者结合起来达到单行居中,多行居左呢?这就需要多一个标签,假设一开始我们定义如下: <h2>单行居中,多行居左</h2> 现在,我们在 h2 中间,嵌套多一层标签 p: <h2><p>单行居中,多行居左</p>&l......

14 个 JavaScript 调试技巧

14 个 JavaScript 调试技巧

了解你的工具可以极大的帮助你完成任务。尽管 JavaScript 的调试非常麻烦,但在掌握了技巧 (tricks) 的情况下,你依然可以用尽量少的的时间解决这些错误 (errors) 和问题 (bugs) 。 我们会列出14个你可能不知道的调试技巧, 但是一旦知道了,你就会迫不及待的想在下次需要调试 JavaScript 代码的时候使用它们! 现在开始。 虽然许多技巧也......

[转]获取元素CSS值之getComputedStyle

[转]获取元素CSS值之getComputedStyle方法

一、getComputedStyle是? getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration]),只读。 getComputedStyle() gives the final used values of all the CSS properties of an element. 语法如下: var style = window.getComputedStyle("元素", "伪类"); 例如:......

手机端rem布局详解 - 浅析淘宝与网易团队

手机端rem布局详解 – 浅析淘宝与网易团队

从网易与淘宝的font-size思考前端设计稿与工作流 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:)。 这是淘宝的github网址,里面有适配所需的js还有说明文档 地址:https://github.com......

Vue多页面依赖webpack开发共用配置

Vue多页面依赖webpack开发共用配置

由于项目历史遗留问题,项目目录不尽合理。如下 root //其它文件 |–vue_dev // 基于vue开发的 ……..|—package.json // 不解释 ……..|—node_modules // 不演示 ……..|—build // 打包运行代码 ……..|—views // 下面会有很多项目 ……..|—utils // 放一些公共的有用的东西 |–web //输出文件 根据项目目录,在view 下新建shaoxia_demo文件夹。其中包......

构建单页Web应用

构建单页Web应用

单页应用是什么? 让我们先来看几个网站: coding teambition cloud9 注意这几个网站的相同点,那就是在浏览器中,做了原先“应当”在客户端做的事情。它们的界面切换非常流畅,响应很迅速,跟传统的网页明显不一样,它们是什么呢?这就是单页Web应用。 所谓单页应用,指的是在一个页面上集成多种功能,甚至整个系统就只有一个页面,所有的......

IE9 CSS HACK 减法解决了 IE9 下

IE9 CSS HACK 减法解决了 IE9 下的神奇 filter 黑背景

问题描述 做半透明黑色遮罩时,使用 css filter 做 IE 下的半透明背景兼容,一般这样写: .semi-trans { background: rgba(0, 0, 0, .7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);} 然而,IE9 下这种滤镜 + CSS3 的样式会显示成全黑的背景。 减法解决 所谓减法,就是 CSS ......

手机上的图片展示 PhotoSwipe

手机上的图片展示 PhotoSwipe

PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。 官方网站 http://www.photoswipe.com/ 源码示例 http://github.com/downloads/codecomputerlove/PhotoSwipe/code.photoswipe-3.0.5.zip Github https://github.com/codecomputerl......

[转]移动开发框架剖析(一) Hammer专业的手

[转]移动开发框架剖析(一) Hammer专业的手势控制

一直在写jQuery的源码教程,都没时间研究别的框架了。Hammer是我项目御用的一个手势库,早期1.x版本的swipe事件的响应不灵敏的问题而改过源码,2.x就已经更正过来,而且源码的结构也整个翻新了一遍,不管从逻辑还是组织结构上,我个人都觉得有必要深入,所以就当作一个系列教程一起学习吧。 本章主要讲解下使用,因为官方的API都是英文的......

gulp教程之gulp-uglify

gulp教程之gulp-uglify

简介: 使用gulp-uglify压缩javascript文件,减小文件大小。   1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件 1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程 1.2、本示例目录结构如下: 2、本地安装gulp-uglify 2.1、github:https://github.com/terinjokes/gulp-uglify 2.2、安装:命令提......

通过 CSS3 根据子元素数量为其定义不同样

通过 CSS3 根据子元素数量为其定义不同样式

在 LEA VEROU 的博客翻到这么一篇文章——《Styling children based on their number, with CSS3》。原文谈到使用“:nth-child 伪类元素选择器”的方法在 2009 年被提出,LEA VEROU 又通过普通相邻选择器(General sibling combinator[1])改良了一下。最终的代码很酷。 内容介绍 标题写的有些拗口,看看下面的例子应该可以明白。主要作用是无......

【转】4个Bootstrap3开发的后台管理模板

【转】4个Bootstrap3开发的后台管理模板

第一个Bootstrap后台管理模板:HTML5 Admin HTML5 Admin is mobile first and responsive justlike Bootstrap 3 and all of its features and add-ons are styled to work best with the new Bootstrap grid system.   酷站演示和后台模板资源下载地址:www.html5admin.com   第二个Bootstrap后台管理模板:TemplateVamp templ......

IE8下实现兼容rgba

IE8下实现兼容rgba

昨天遇到一个问题,要实现一个背景透明的效果,用CSS3用rgba()就能实现,即 background: rgba(0,0,0,.5); 但是要兼容到IE8,就发现没有透明效果,因为IE8不支持rgba()函数。下面我们总结一下rgba()函数的含义。 rgba的含义,r代表red,g代表green,b代表blue,a代表透明度。红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成。比如rgb......

有创意的鼠标悬停效果集锦

有创意的鼠标悬停效果集锦

我们使用这些悬停效果的技术包括三维变换和一些伪元素过渡。 演示    下载 转载自 杨青