做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图： 看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，一般来说，在做这样文字截断效果时我们更多是希望： 兼容性好，对各大主流浏览器有好的支持响应式截断，根据不同宽度做出调整文本超出范围 ...
分类：
Web程序 时间：
2020-05-31 11:27:03
阅读次数：
75
引出问题 首先我们来这么一个问题, 这里是完整的 jsfiddle demo or codepen demo 给一个元素绑定两个边框样式， 右侧和底部都为1px的红色边框 styleA: { borderBottom: '1px solid red', borderRight: '1px solid ...
分类：
Web程序 时间：
2020-05-31 11:24:04
阅读次数：
67
## calc实现 css两端固定大小，中间自动大小## 样式代码 <style type="text/css"> .wrap{ height:300px; width:400px; background:#e0e0e0; } .top{ height:50px; border:solid 1px ...
分类：
Web程序 时间：
2020-05-30 14:19:49
阅读次数：
79
这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【Session和Cookie的区别】 1.背景介绍 什么是Cookie Cookie 是在HTTP协议下，服务器或 ...
分类：
其他好文 时间：
2020-05-30 10:53:30
阅读次数：
59
先说明下，这是在谷歌浏览器下字体显示等问题做个研究，火狐下有点差异，不过火狐占有率低，而且显示的没有谷歌那么合理，字体排版上不是强迫症，差别也不大。 div{ border: 1px solid black; color: red; font-size: 14px; } <div>文字，咋,排-he ...
分类：
Web程序 时间：
2020-05-30 10:24:29
阅读次数：
68
CSS 翻转图片主要用到的技术除了3D翻转和定位 ，还用到了一个属性 backface-visibility：visable|hidden;该属性主要是用来设定元素背面是否可见。 效果图如下： 具体的步骤如下： 1、写出页面主体， <div> <img src="Images/b.jpg" alt= ...
分类：
Web程序 时间：
2020-05-30 00:55:48
阅读次数：
87
CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。本文收集了9款有用的开发工具推荐给大家。 CSS3 Pie 使用CSS3 Pie可以让IE6至IE9版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等。 CSS3 Pie CSS3 ...
分类：
Web程序 时间：
2020-05-29 21:33:01
阅读次数：
105
起因 最近浏览36kr 的网页的时候偶然发现一个有趣的情况：当浏览器Tab 处于非当前页的时候，36kr 的标题栏会自动换成可爱的大白字符形象。Jeff 在第一次看到的时候就知道这种效果是通过HTML5 的Page Visibility API 实现的（不是吹牛）。 直到现在我还没去查看36kr 的 ...
html5从一开始就给开发者很多的期待，提供众多新的API，不用再想以前一样，为了实现某个功能写很多的代码。在以前，如果要实现图片预览会怎么做呢，因为为了安全的原因，web端的js是不能读取文件的本地真实路径的，那么只能将图片上传到服务器上，然后再拿到图片的链接，这样才能实现图片预览。而服务器呢，比 ...
分类：
Web程序 时间：
2020-05-27 20:49:57
阅读次数：
122
Socket命令发送 public void LostLicense(LicenseInfo license) { var arr = Dao.QueryForList<Hashtable>(Dao.GetStatementName("LostLicense"), license); string ...
分类：
其他好文 时间：
2020-05-27 18:38:56
阅读次数：
69
