2018年10月_baby加油_

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创对文本的处理，必要的属性

在写一个标签中都是文本的情况下，最好加上以下属性，避免为了兼容重复修改等问题。首先了解下普通的文本有哪些属性：属性描述color设置文本颜色direction设置文本方向。line-height设置行高。letter-spacing设置字符间距。text-align对齐元素中的文本。text-decoration向文本添加修饰。...

2018-10-31 16:40:19 252

原创手机横屏后字体变大 -webkit-text-size-adjust

近期遇到一个问题，在H5页面给字体设置了固定的尺寸15px，在andriod手机上横竖屏字体大小不变，但是在苹果手机上，横屏字体会变大，在网上查了资料才知道，需要设置一个属性text-size-adjust-webkit-text-size-adjust: 100%;这属性现在的一般用处是防止iPhone在坚屏转向横屏时放大文字（注意，就算viewport设置了maximum-scale=...

2018-10-31 16:05:09 4127

原创微信小程序●云开发部署攻略

初识微信开发者工具，有点懵，下载的是v1.02.1810190版本，进去点击什么都提示错误，摸索了下最终成功部署，特此记录一下，旨在帮助大家真正快速部署成功，可以潜心研究他的api，减少各位大佬的磨刀时间。微信小程序开发文档首先是下载下载微信开发者工具的安装包安装包地址现在最新版是v1.02.1810190版本然后是部署看了这个工具一圈，发现有用的能点击开通的就是云开发了，页面点...

2018-10-24 19:35:12 7900

原创 h5中的图片在浏览器中显示正常，嵌套在app里面andriod版就加载不出来了 Android5.0 WebView中Http和Https混合问题

问题往APP上放置一个有图片有css,js文件的页面，但是加载不出来~~在Android5.0 以及以上的系统，当WebView加载的链接为Https开头，但是链接里面的内容，比如图片为Http链接，这时候，图片就会加载不出来，在浏览器中的Console会有如下警告同样，在内嵌H5的时候，H5页面中加载的资源也只能是同一个协议当然了，andriod端肯定又解决的办法，但是作为前...

2018-10-23 15:46:08 3274 3

原创 APP中内嵌H5滚动条问题

前端H5有时候会为APP单独写一个单页面，就遇到的问题，做一下总结~首先，会直接做一个长篇的HTML，你会遇到看到，下拉的过程中会有默认的滚动条出现，而且用各种方法去不掉，如图，中间部分是APP中插内嵌的H5，右边会显示滚动条<body>  <div class="about_agreement"> ...... &lt...

2018-10-23 15:36:00 5343

原创 transition动画案例 - 360安全浏览器 - 全屏滚动加载动画

360浏览器网站主页，所有版本都在用transition动画，它很好的利用了transition属性和其中的transition-delay属性，实现酷炫的效果

2018-10-11 14:49:45 592

原创 echarts自定义饼图

前端经常会用到图标，本人用到的不多，但是积累下来也能慢慢了解它的规律，看懂它的API，今天就积累了一类饼图，用到的知识点当然还是官方文档的配置，有时间可以结合实例去看一下祝大家越来越进步Echarts官方文档的配置项：http://www.echartsjs.com/option.html#series实现效果今天的饼图实现渐变色和数据背景色的添加及饼图对应的名称实现步骤var op...

2018-10-11 12:29:14 3591

原创动画练习-360度旋转-animation

动画效果，体验animation的魅力animation也是css3属性的一员animation: name duration timing-function delay iteration-count direction;包括：动画名，完成一次动画所需要的时间，动画速度函数(linear,ease等)，动画开始之前的延时，动画执行的次数（默认是1，常用inifite）规定是...

2018-10-10 17:40:44 4707

原创筋斗云案例 - animate、transition都能实现

很早的时候看过一个筋斗云的案例，当时刚接触动画，用的都是封装的animate函数，如今看来，css3的属性之一transition也能又快又简便的实现此动画，下面，我们就来看看吧~实现的效果区别在js部分html<div class="nav"> <span id="cloud"></span> <ul id="navBar&quo

2018-10-10 17:13:15 7492

原创动画效果之旋转木马

运用基本的属性设置，封装animate函数效果预览公共方法：//根据id获取对应的元素function my$(id) { return document.getElementById(id);}/** element---任意的元素* attr---属性* */function getAttrValue(element,attr) { //return eleme...

2018-10-10 14:52:17 897