会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
古兰精
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
121
122
123
124
125
126
127
下一页
2017年6月27日
浅析如何使用阿里云对象OSS进行前端代码部署还能加速以及其利弊
摘要: 通常的前端部署方式:把前端打包好的代码放到服务器(linux)目录下,然后通过nginx转发出去。但是会有前端SPA应用比较经典的白屏问题。 后来了解到有些公司将前端项目部署在 OSS 里,还可以进行加速解析,实现解决前端代码白屏问题。故而学习了解下。 (前提要有一个已经备案过的域名) 一、阿里对象
阅读全文
posted @ 2017-06-27 23:21 古兰精
阅读(1272)
评论(0)
推荐(0)
2017年6月26日
浅析如何利用逐帧动画配合补间动画实现一个无限循环的文字及图片轮播效果
摘要: 今天,分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画,配合补间动画实现一个无限循环的轮播效果. 有同学不禁会发问,这不是个非常简单的位移动画么?我们来简单分析分析,从表面上看,确实好像只有元素的 transfrom: translate() 在位移,但是注意,这里有2个需要注意的点: (1)这
阅读全文
posted @ 2017-06-26 23:22 古兰精
阅读(313)
评论(0)
推荐(0)
2017年6月24日
浏览器兼容性处理小技巧随手记系列(一)
摘要: 1、css样式:文字本身的大小不兼容解决 问题原因:同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的:IE下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。 解决方案:给文字设定 line-height ,
阅读全文
posted @ 2017-06-24 10:54 古兰精
阅读(331)
评论(0)
推荐(0)
2017年6月23日
iframe多层嵌套时获取元素
摘要: 一、同域:1、父页面获取子页面元素:注意:onload事件jQuery获取:$("iframe").contents().find("holder")......; (嵌套三层,或者更多时)$('iframe').contents().find('iframe').contents().find("
阅读全文
posted @ 2017-06-23 17:44 古兰精
阅读(17063)
评论(0)
推荐(0)
2017年6月22日
CSS中英文字符两端对齐实现
摘要: 两端对齐实现 一般加上下面2行就可实现 但是对于中英文混杂的情况,中英文难一起实现对齐,原因在下面有分析,需要如下js来控制 justify实现原理 要理解原理,我们首先要搞清楚文本的两端对齐声明text-align:justify起作用的本质。首先,大家要知道,text-align:justify
阅读全文
posted @ 2017-06-22 13:57 古兰精
阅读(6349)
评论(0)
推荐(0)
2017年6月21日
浅析React动态class类样式绑定方案:classnames库的使用以及如何不使用classnames库的方案
摘要: 一、classnames库的使用 React 原生动态添加多个className会报错: import style from './style.css' <div className={style.class1 style.class2}</div> 想要得到最终渲染的效果是: <div class
阅读全文
posted @ 2017-06-21 23:25 古兰精
阅读(1724)
评论(0)
推荐(0)
2017年6月20日
浅析如何让css元素左侧自动溢出(即 ... 溢出在左侧):direction 属性
摘要: 一、需求背景:css 文本溢出时在开头(左边)显示省略号 1、首先设置溢出文本显示省略号 .nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 2、然后设置让文本从右到左显示 注意需要设置到最后一个层级
阅读全文
posted @ 2017-06-20 20:10 古兰精
阅读(1223)
评论(0)
推荐(0)
小知识随手记:验证文件名、hover用法、雪碧图,获取上传图片尺寸大小、js去除富文本里的标签和空格、getComputedStyle与currentStyle获取样式(style/class)
摘要: 1、验证文件名:(亲测有效) var reg = /^(?!\.)[^\\\/:\*\?"<>\|]{1,255}$/; var str = 'gggggggggggkkkk'; reg.test(str); 微软文件名命名规则:(1)不允许添加:\ / " ? < > * | 等9个字符;(2)不
阅读全文
posted @ 2017-06-20 16:38 古兰精
阅读(479)
评论(0)
推荐(0)
2017年6月19日
浅析uniapp开发微信小程序实际问题:预览及真机调试时包超过2M时、uniapp解决输入框被软键盘覆盖的问题、微信小程序flex:1属性不生效无法撑满元素问题、长按识别二维码、uni-app开发微信小程序唤起订阅消息
摘要: 一、预览及真机调试时包超过2M时 message:Error: 系统错误,错误码:80051,source size 2069KB exceed max limit 2MB 预览及真机调试时包超过2M时,可在开发者工具右侧“详情”中勾选“预览及真机调试时主包、分包体积上限调整为4M”即可解决。 二、
阅读全文
posted @ 2017-06-19 23:40 古兰精
阅读(4175)
评论(0)
推荐(1)
获取字符串中出现次数最多的字符
摘要: 结果依次: 关于上述代码优化: 1、首先,对数据值需要做下判断:如果是空值或非字符类型,则没必要继续进行。 平时写代码时需要注意多做非空判断和数值判断,特别是处理后台接口数据的时候,数据都是后台返回来的,不知道到底是什么样的数据,有没有数据,所以判空是比较重要的。 2、其次,getMaxLength
阅读全文
posted @ 2017-06-19 22:34 古兰精
阅读(1174)
评论(0)
推荐(0)
上一页
1
···
121
122
123
124
125
126
127
下一页
公告