![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 65
澄清寰宇
思辨慎行永往直前
展开
-
html生成邮件签名之路(一)
邮件签名本来设计好直接在word里面生成好,在outlook里面就能用。但是要做到像素级别的签名必须使用一些heck!产生的背景:如果对邮件签名的生成效果要求不高就用html写好,因为开发效率高,然后调用js的剪贴板,然后复制到outlook里面就行了,其实我也是这样做的。后来设计师出了很详细的切图,包括宽高,每个块之间的间距。就一个中英文的姓名产生的行高在html里面生成看起来很nice,但是黏贴到outlook里面就始终也底部对不齐。头大了很久。调了大约三天感觉没什么效果。突然间觉得应该原创 2021-08-26 15:16:03 · 2086 阅读 · 0 评论 -
360ie7模式下的一个兼容
1、真的很擦弹,居然还要支持360ie7打开360的开发模式是ie的调整到兼容模式,f12.好吧我真是醉了,现状:360ie7模式不能正常注册,不能注册,蛋疼碎了,然后就调试。开始时new date()的一个随机数,报错,后调整为Math.randonm();奥不行真的还没变,调试继续,开启js调试窗口,额完了ajax的成功前面逗号没换行,好吧换行,依旧不行报错,真是醉原创 2015-01-15 21:21:30 · 1692 阅读 · 0 评论 -
知乎上一篇关于像素,点,打印尺寸和图像尺寸的妙文
dp、sp、px分不清楚 做移动设计的同学,不管是原生app或者web app,应该对字体字号都是很头痛的问题。根本原因是,我们用唯一分辨率的电脑,设计各个不同尺寸大小分辨率的设备,那简直要疯掉了。但不要着急,我们先来理解一下一些名词:我们一般会碰到的度量单位主要有:dpi、ppi、dp、sp、px、pt、in。其中,px应该各位最熟悉的单位,也是我们主要使用的p转载 2015-01-15 22:15:25 · 4875 阅读 · 0 评论 -
好插件(移动骨架)mobilebone.js
http://www.zhangxinxu.com/wordpress/2014/10/mobilebone-js-mobile-web-app-core/名人张鑫旭的插件可以学学。不错呀。转载 2015-01-18 13:23:57 · 3554 阅读 · 0 评论 -
table中th的宽度限定使用一行省略不生效的解决办法
今天遇见一个特别的问题:在table中AAAA使用以下代码不生效:white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:80px我想可能是没有限定最大宽度吧,所以限定了最大宽度后发现 这段代码奇迹般的生效了:因为我的tr的宽度是100%;在使用width:80px后并原创 2015-01-21 19:21:20 · 6737 阅读 · 0 评论 -
"Unable to get image data from canvas because the canvas has been tainted by cross-origin data"问题产生原
一、问题描述:在支持html5的浏览器中运行javascript脚本,脚本主要是操作网页上的标签canvas,出错的操作为, getImageData(img,……), chrome 下出错信息为:"Unable to get image data from canvas because the canvas has been tainted by cross-origin da转载 2015-05-09 17:05:22 · 1013 阅读 · 0 评论 -
angularjs事件中html5form自动聚焦失灵
昨天写angularjs的html5from表单自动聚焦时发现不能自动聚焦》》》网友说是angularjs的bug所致》》》生效方法》》》setTimeout(function(){$("聚焦元素").focus;},300)原创 2015-05-29 23:05:38 · 2351 阅读 · 0 评论 -
font-face
http://www.qianduan.net/zai-shuo-iconfont-he-font-face/转载 2015-06-21 23:02:32 · 582 阅读 · 0 评论 -
angularjs第一天
很神奇》ng-appng-view五大基本特性》》》mvc模型,视图,控制器,最为简单的理解就是看电视的过程,视图是电视机,控制器是遥控,模型是机顶盒。依赖注入:(暂时未明白)双向数据绑定:(类似于两个地方改变一个改变另有一个也随着改变将数据进行了绑定)指令:ng-开头的angularjs自定的指令往往不够用需要使用网上的插件模块化:可以一个模块一个模块的进行开发,原创 2015-05-23 19:03:30 · 529 阅读 · 0 评论 -
网页中的渐进增强和优雅降级
优雅降级和渐进增强的区别之前在看一些css3效果demo的时候,发现有些写css3属性时,兼容性的写法顺序不太一样,比如transition属性,有些把transition放在前面有些是放在后面,当然这也有可能包含了coder个人的习惯或是强迫性,比如下面这两种:.transition{ -webkit-transition: all .5s; -mo转载 2015-05-26 12:33:51 · 618 阅读 · 0 评论 -
前端资源汇总
很好的一个资源库:http://microjs.com/#原创 2015-12-28 14:53:35 · 2647 阅读 · 0 评论 -
html 冷门
data:text/html,原创 2015-12-29 18:02:47 · 760 阅读 · 0 评论 -
神奇的ios9bug
1、设定最外层投影(box-shadow:0px 0px 100px 200px rgba(0,0,0,0.5))<div class="mingpian_module" id="mingpian_module" style="transform: none; animation: bounceInDown 2s ease 0s 1 ;-webkit-transform: none; -web原创 2016-04-06 14:50:44 · 817 阅读 · 0 评论 -
css居中
水平居中的text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的,前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响,否则一切都是无用功。margin:0 auto也可以被写成margin:0 auto 0 auto。不能理解的童鞋们可以自己去找找关于css缩写的内容。翻译 2015-02-02 19:59:30 · 732 阅读 · 0 评论 -
history.js使用方法(来自博客园)
Ajax保留浏览器历史的解决方案ul class="menu">li>a href="/home/index#page=1">page1a>li>li>a href="/home/index#page=2">page2a>li>li>a href="/home/index#page=3">page3a>li>ul>div id="mainPanel">div>转载 2015-01-11 17:33:00 · 24112 阅读 · 3 评论 -
表格的宽度点击后产生图标换行问题解决以及字体在手机中不正常显示
固定宽度后点击一个文字连接后添加了yi'g原创 2014-05-20 23:39:52 · 897 阅读 · 0 评论 -
jquery学习总结
今天使用jquery在做单击显示ze原创 2014-06-23 23:36:59 · 788 阅读 · 1 评论 -
bootsrap使用过程中的报错和对产品的看法
没有函数$等三个错误,原因是bootstrap是基于jquery的原创 2014-05-25 23:18:08 · 979 阅读 · 0 评论 -
bootsrap 弹层
1、条件2、用法3、转载 2014-05-28 23:47:08 · 1946 阅读 · 0 评论 -
touch事件需要注意的
一、需要禁止掉css里面的原有的touch。-web-kit-tap-height:back原创 2014-06-11 21:38:53 · 1028 阅读 · 0 评论 -
记忆jquery简单用法
http://www.cnblogs.com/lixiuran/p/3296336.html原创 2014-06-11 21:53:05 · 898 阅读 · 0 评论 -
chart图表js
主要还是chart.js的图表框架。必须引入原创 2014-05-27 23:48:29 · 827 阅读 · 0 评论 -
input+label使用
首先input的属性为display:none;其次是label的按钮样式原创 2014-05-29 23:37:29 · 1994 阅读 · 0 评论 -
最近学习jquery的记忆
字符串的去空$trim($(".))原创 2014-06-22 08:57:26 · 800 阅读 · 0 评论 -
Print —— 被埋没的Media Type((本文出自Tencent CDC Blog,转载时请注明出处))
http://cdc.tencent.com/?p=8155浪迹互联网,是否有过这样的经历,遇到自己特别需要或者特感兴趣的内容时,或收藏网址或存成笔记或将其打印出来? 用自己喜欢的方式将内容收藏以便日后查阅。前两种应该是大家常用的处理方式,而第三者又有多少人实际操作过呢?当你真的遇到第三者这种情况时,是否发现调出打印预览时的效果和自己的预期不太相符? 或者是网页的原样但却包含了很多转载 2015-01-09 23:00:52 · 1027 阅读 · 0 评论 -
资源分享
[懒懒小报-外刊第1期]你眼中面向对象编程的弊端在哪里?作者:弘树| 时间:2014-07-07 19:37 上周 Google I/O 大会如约带来 Android 下一版本的预览版,手头上有 Nexus 5 / Nexus 7(2013版)的小伙伴们可以前往这里提前体验啦!业界动态Opera Mini 8 for iOS releasedOp转载 2015-01-09 23:36:20 · 862 阅读 · 0 评论 -
audios 支持ios 自动播放 解决
官方文档说safari上不支持自动播放。必须触摸一次。因此可以这样:$('html').one('touchstart',function(){ audio.play(); }});("body").one("touchstart",audio.play(); });判断是safari浏览器就使用这个。触屏即播,整个html都原创 2015-01-10 22:54:23 · 4537 阅读 · 0 评论 -
ios微秀音乐控制案例
http://121.40.173.192/invitation5year/index.html转载 2015-01-10 23:06:19 · 792 阅读 · 0 评论 -
关于产品的那些事儿
说起互联网产品真的不得不说原创 2014-05-14 00:01:08 · 635 阅读 · 0 评论