当前位置:海纳阁—我的个人经验分享 » WEB技术分享

转载:IOS上iframe的滚动条失效的解决办法

Posted by 杨志欣 on 十二月 8th, 2015
3081 Views
转载:IOS上iframe的滚动条失效的解决办法
iframe设置了高度(例如500px)。倘若iframe的内容足够长超出了iframe设定的高度时,在ipad等设备上。iframe内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。 例如以下页面: index.html : <style> #iframe{height:500px;} </style> <div id=”content”> <iframe frameborder=”0″ ......阅读全文

png,gif,jpg等格式图片压缩工具

Posted by 杨志欣 on 十二月 7th, 2015
2513 Views
png,gif,jpg等格式图片压缩工具
web前端对图片的大小一般比较敏感,都尽希望能够在可能不改变图片质量的前提下获得更小的体积。目前市面上很多类似的软件、插件、在线平台。个人经过长时间的使用各种平台和软件。特推荐secaibi离线版,其官方地址为:http://www.secaibi.com/tools/。网站上可以直接下载离线版。经过使用这款在使用便捷性、速度、压缩率各方面综合起来比较满意。 当然大家也可以试用一些其他的方式,如......阅读全文

未认证公众号怎样群发“超链接”

Posted by 杨志欣 on 九月 7th, 2015
4887 Views
未认证公众号怎样群发“超链接”
注意,本文所写的是群发“超链接”不是群接发“网址”。 1、未认证公众号群发文字消息时添加超链接: 登陆公众号后,按下图所示三步处理即可,当然也可以在链接前后文增加其他文字介绍。稍有html编辑经验的人都可以轻松操作。友情提示:先通过自己的微信号测试无误后再进行群发。 2、未认证公众号群发图文消息时添加“阅读原文”超链接 这是目前最常见的超链接发布方式,不多介绍了。不过,图......阅读全文

微信动画执行效率简析(转载)

Posted by 杨志欣 on 九月 7th, 2015
2649 Views
微信动画执行效率简析(转载)
最近在解决自己制作的一些微信动画的卡顿问题在网上找到了这样一篇文章感觉非常不错,所以转载过来,用以备查。原文全文如下: 最近工作很忙,好久没有更新博客内容了。前些日子跳槽到一家新单位就接到了一个很难的工作项目。在这个项目中技术核心点是动画效率问题。经过了近半个月的攻关各种难题总算是搞定了。同时,对移动端浏览器对动画的解析能力有了一个更高的认知。在这里想和大......阅读全文

微信认证服务号获取用户头像等信息

Posted by 杨志欣 on 八月 20th, 2015
3324 Views
微信认证服务号获取用户头像等信息
事先说明:这个功能的实现必须是认证后的服务号才可以。 以下为链接:红色部分需要在公众号开发者中心网页授权获取用户基本信息中设置然后通过这个链接获取授权,紫色部分是回调的具体页面 https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx744df80ba339e18f&redirect_uri=http://wx.tuopuxuanwei.com/huluwa/long.php&response_type=code&scope=snsapi_userin......阅读全文

正确理解 clear:both

Posted by 杨志欣 on 八月 6th, 2015
2692 Views
正确理解 clear:both
要注意以下几点:  1、 浮动元素会被自动设置成块级元素,相当于给元素设置了display:block(块级元素能设置宽和高,而行内元素则不可以)。  2、 浮动元素后边的非浮动元素显示问题。  3、 多个浮动方向一致的元素使用流式排列,此时要注意浮动元素的高度。  4、子元素全为浮动元素的元素高度自适应问题。  以下详细分析四个问题。  一、浮动元素自动变块级元素  首先说说块级元素和......阅读全文

JS:window.onload的使用

Posted by 杨志欣 on 八月 6th, 2015
2739 Views
JS:window.onload的使用
1、最简单的调用方式 直接写到html的body标签里面,如: <html> <body onload=”func()”> </body> </html> 2、在JS语句调用 <script type=”text/javascript”> function func(){……} window.onload=func; </script> 3、同时 调用多个函数 直接写到html的body标签里面,如: <html> <body onload=”func1();func2......阅读全文

Photoshop制作透明背景GIF图产生运动痕迹的解决办法

Posted by 杨志欣 on 七月 23rd, 2015
2275 Views
Photoshop制作透明背景GIF图产生运动痕迹的解决办法
无痕透明背景动图 有痕迹透明背景动图        上面两张都是在PS中制作的透明背景的GIF图。但是非常明显下边图片的显示效果令人不满。那么这到底是什么原因造成的呢?又怎样才能制作无痕透明背景GIF呢?其实非常简单,有痕迹的情况仅仅只缺少了一步操作,看下面的截图:        上图显示的是时间轴窗口(旧版本ps名字是动画)前两帧的截图,图中红框部分就是本文开始时两张GIF图表现迥异的......阅读全文

纯css实现div异形效果

Posted by 杨志欣 on 四月 20th, 2015
2860 Views
纯css实现div异形效果
在纯css实现三角形之后,我们发现实际上通过div边框的设置我们可以实现大量异形效果。主要用到的是边框宽度、颜色、透明和圆角四大属性,下面我们先来看一下我们待敌能实现多少异形(同形状的不同角度视为一种形状): 阅读全文

纯css完成带尖角的DIV效果

Posted by 杨志欣 on 四月 16th, 2015
2836 Views
纯css完成带尖角的DIV效果
带三角的对话框效果(点点轻博客截屏)        上面这张图片眼熟吗?类似效果是目前很多网站,聊天工具里非常常见的。那么红圈位置的那个尖角是怎么来的呢?你可以通过填充图片再配合div位置的方式来完成,这是很常见也最容易想到的做法。但是,今天我们玩一把技术流,只通过纯css的方式来实现这个效果。 首先我们先分析一下这个效果,在排除掉小三角后它其实就是div圆角、div阴影、div白......阅读全文