- 博客(25)
- 收藏
- 关注
RSS订阅原创 css基础注意事项
1.px受显示器分辨率影响，手机端设置字体一般不使用px2.web安全色—216种web安全色，可以安全应用于所有web中，不需要担心颜色在不用应用程序之间的变化3.font-weight—默认值：normal 相当于400 ，700等同于bold，一般常使用bold4.vertical-align：只对行内元素有效5.word-spacing—设置每个空格单词见的距离 。let
2017-08-25 17:29:49
272
转载 2016-2017前端试题
HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、 HTML5、CSS3、FlexboxJavaScript： 数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、 DOM、BOM、内存泄漏、跨域、异步装载、模板引擎、前端MVC、路由、模块
2017-06-07 10:22:39
1695
原创 显示部分文本后内容省略“..."
//截取文本var str = $(".detail_text").text();if(str.length>25){ var conStr=str.substring(0,110)+"..."; $(".detail_text").html(conStr);}//点击展开文本 $(".detail_conUp").click(function(){ $(".de
2017-05-05 13:52:47
389
转载 jquery中的ajax方法参数
1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
2017-05-05 13:32:09
345
原创 css小技巧
border颜色不写默认与color一致css实现三角形 .triangle3{ width:0;height:0; border:100px solid; border-color:red transparent transparent orange;
2017-05-04 17:23:50
281
原创 ie6兼容性常遇到的css问题
1.去年做过很多ie6的项目，但是今天突然遇到了新的问题，关于绝对定位，同样的写法，两个模块在ie6下有一个模块位置偏移，class为con.icon1,解决方法是加上父级样式为 outer con.icon1。2.ie6下导航固定定位/*导航 begin*/.znzzIndex_nav{width:100%; height: 45px; background: #1a1a1b; p
2017-03-28 11:01:05
324
原创 vue学习资料
视频教程：https://laravist.com/series/vue-js-1-0-in-action-series/episodes/1http://www.imooc.com/learn/694 不用脚手架怎么编译vue(切记不要写元素)：http://blog.csdn.NET/crper/article/details/51248904官网教程：http:
2017-02-10 13:31:28
330
原创 复选框全选和反选例子
$(document).ready(function () { //全选或全不选 $("#all").click(function () { if (this.checked) { $("#list :checkbox").attr
2016-12-21 11:03:31
912
原创 ie7问题
今天遇到了ie7的问题，轮播图overflow:hidden;不好使啊，给父级加上position:relative;瞬间就好了，如果遇到类似的问题，就给父级加上relative试试，应该就能解决了！
2016-12-14 17:04:44
215
原创 ie下li标签
给li设置左浮动后，不能给ul设padding-top，否则li上下之间会有超大的行高。这ie7下 li加padding-top也会是li高度撑开
2016-11-25 09:56:29
517
转载 使用rem实例
rem phone test html { height: 100%; width: 100%; font-family: 'Heiti SC', 'Microsoft YaHei'; font-size: 20px; overflow: hi
2016-11-20 17:02:31
2062
原创 select兼容ie6样式
.select_border { width: 300px; height: 38px; *background: #fff; background: #fff; *border: 1px solid #bdbcbc;
2016-11-14 11:31:04
1685
原创 input标签上传按钮兼容ie6
.zcsqCreate_browse { height: 31px; width: 98px; line-height: 31px; border: 1px solid #bdbcbc; border-radius: 2px;
2016-11-14 11:21:11
385
原创 ie6兼容png24位的方法
DD_belatedPNG.fix("a,span,img,div,li,p,i,ul"); 下载DD_belatedPNG_0.0.8a.js文件 放入项目，页面即可正常使用png24位图片，建议最好使用jpg格式，因为这段js可能会造成js冲突
2016-11-14 10:44:10
397
转载 flex布局教程：语法
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就
2016-07-28 09:24:29
285
原创 开始安装express生成器
1.安装node.js环境------就一直下一步ok2.打开命令行---------node -v （查看版本，确保已经安装上node）3.d: 到D盘下 .4.npm install express-generator -g (express -V 查看安装版本）5.express myapp6.cd myapp7.npm install
2016-07-18 16:18:10
312
原创 格式化时间的 2016.07.14 13:22:50
function formatTime(date, fmt) { if (!date) { return '--'; } if (typeof date == 'string') { date = parseInt(date); } date = new Date(date); fmt = fmt || 'yyyy-MM-dd
2016-07-14 13:22:32
583
原创 iframe 自适应高度
("#capability_iframe").load(function(){ var mainheight = $(this).contents().find("body").height() + 30; $(this).height(mainheight); });capability_iframe为iframe的id这段代码是放到加载iframe的那个页
2016-07-08 16:24:58
282
原创 关于表单类元素的兼容问题
http://blog.163.com/hongshaoguoguo@126/blog/static/180469812013711113340413?suggestedreadinghttp://blog.163.com/hongshaoguoguo@126/blog/static/180469812013712951744?suggestedreadinghttp://blog.1
2016-06-24 16:00:34
332
原创 ie6下常见的 兼容问题
1.文档类型的声明。产生条件：IE6浏览器，当我们没有书写这个文档声明的时候，会触发IE6浏览器的怪异解析现象；解决办法：书写文档声明。2.不同浏览器当中，很多的标签的默认样式不同，如默认的外部丁内补丁。产生条件：不同浏览器；解决办法：利用CSS reset文件进行样式的清除，然后再根据需要进行设置。3.横向双倍外边距产生条件：在IE6中块元素浮动后，会出现横向双倍ma
2016-06-24 15:00:45
517
原创 兼容ie6的图片有由中心逐渐
图片有中心点逐渐放大，兼容到ie6，如下所示：jQuery鼠标悬停图片由中心点逐渐放大效果*{ margin:0; padding:0; list-style:none;}.lanrenzhijia{ width:250px; height:321px; margin:100px auto; position:relative;}.lanrenzhijia img{ posit
2016-06-24 14:35:49
281
原创 图片无缝滚动兼容ie6
图片无缝滚动，兼容ie6，以下例子，自己放图片就可以实现：jquery图片左右连续滚动 *{ margin:0; padding:0;}body { font:12px/1.8 Arial; color:#666;}h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60;
2016-06-24 14:23:38
524
原创 兼容ie6的背景透明文字不透明
背景透明，文字不透明，还要兼容所有浏览器，包括ie6，以下方法就可以实： 背景透明，文字不透明 *{ padding: 0; margin: 0; } body{ padding: 50px; backg
2016-06-24 14:17:32
386
原创 兼容i6的三级菜单（不闪的）
用jquery写在ie6下出现闪动现象，也尝试了别的方法，这个方法虽然html多一些，但是真的不闪了，以下是完整的代码： 网页布局+纯CSS三级鼠标悬停显示/隐藏菜单 * { margin: 0; padding: 0; border:
2016-06-24 14:03:31
378
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人