- 博客(16)
- 收藏
- 关注
RSS订阅原创 CSS样式自动换行(强制换行)
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal ,当定义的宽度之后自动换行html:div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义div>css:#wrap{white-space:normal; w
2017-03-14 19:32:01
2026
转载 本地网页样式上传服务器后发生变化解决办法
这段时间给公司做了个网站，在本地用IE10，火狐，goolgeChrome,360浏览器通过页面样式测试。本地通过测试后便上传到服务器，上传之后用IE10浏览发现有部份样式异常。火狐，goolgeChrome,360浏览与本地浏览样式效果一样。 和平时一样，有问题找度娘。大部分网友说：编码问题，也有说样式没有加载更有说是缓存问题···，我用文本编辑器notepad++查看CS
2017-03-08 20:27:12
4245
原创 JS中的正则表达式
一、什么是正则表达式？ 正则表达式(Regular Expression)是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。正则表达式是烦琐的，但它是强大的，学会之后的应用会让你除了提高效率外，会给你带来绝对的成就感。二、为什么使用正则表达式？
2017-03-05 19:21:30
247
原创 CSS3新增常用属性
一. box-shadow(阴影效果) 使用: box-shadow: 20px 10px 0 #000; -moz-box-shadow: 20px 10px 0 #000; -webkit-box-shadow: 20px 10px 0 #000; 支持: FF3.5, Safari 4, Chrome 3 二. border-colors(为边框设置多种颜
2017-03-03 17:26:52
233
原创 css3 box-sizing属性
box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width之内padding-box，padding计算入width内border-box，border和padding计算入width之内，其实就是怪异模式了~ ie8
2017-02-28 20:04:24
226
转载 css3中-moz、-ms、-webkit,-o分别代表的意思，以及微信浏览器内核分析
这种方式在业界上统称：识别码、前缀//-ms代表【ie】内核识别码//-moz代表火狐【firefox】内核识别码//-webkit代表谷歌【chrome】/苹果【safari】内核识别码//-o代表欧朋【opera】内核识别码用法：-ms-transform:rotate(7deg); -moz-transform:rotate(7deg);
2017-02-28 17:17:03
1914
原创 浏览器兼容问题
IE6中的常见BUG与相应的解决办法：1、IE6双倍边距bug当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” 在IE6中，该值就会被解析为20px。想要解决这个BUG就需要在该元素中加入display:inline 或 display:block 明确其元素类型即可解决双倍边距的BUG
2017-02-28 16:39:18
317
原创 如何让不同的HTML代码适应不同的浏览器
不用js，直接在HTML代码中，也可以要求不同的浏览器执行不同的HTML代码。这里利用到IE注释。 这是版本小于等于7的Internet Explorer 这是版本大于7的Internet Explorer --> 这不是Internet Explo
2017-02-23 14:30:35
4683
原创 常见的前端开发浏览器兼容性问题汇总
Ø JavaScript1. HTML对象获取问题FireFox：document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法：统一使用document.getElementById("idName");2. const问题说明:Firefox下,
2017-02-21 17:23:09
771
原创 Http状态码
前几天看完了《图解http》这本书，强烈推荐给大家。这本书对于HTTP的入门来说挺不错的，我看书有点拖，有时候纯技术的书看着看着会想睡觉，但是这本书结合图形，让内容变得更好理解。下面是总结的HTTP状态码的含义，遇见了可以当做参考。状态码含义100客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户
2016-12-24 14:05:36
198
转载 css3圣诞水晶球
今天晚上就是平安夜了 ，作为一个敲代码的，想着给自己敲一份礼物，可是。。。能力却不足以用来原创，只好转载一个啦，学会了能算自己的吗？ CSS动画圣诞雪景球 @charset "UTF-8";body{ background:#4bb093;}ul,ol,li{ list-style-type:none;}body,div,ul,li,p{ margin
2016-12-24 13:39:42
1066
转载 JS浏览器对象
一.客户端中的window对象 window对象表示当前浏览器的窗口，它是一个顶级对象，我们创建的所有对象、函数、变量都是window对象的成员。window对象自带了一些非常有用的方法、属性。window的子对象：document:可操作显示在窗口的文档内容。location:可让窗口载入新的URL。navigator：包含当前浏览器的信息。history：包含当前浏
2016-12-01 17:16:05
463
原创 DOM（文档对象模型）知多少
当网页被加载时，浏览器会创建页面的文档对象模型（DOM）。首先是DOM操作HTML，如下图：在寻找元素的时候，通过ID寻找使用document.getElementById（"ID_name"）;通过标签寻找使用document.getElementByTagName（“p”）（假如寻找的是p标签），如有多个标签，则寻找到第一个。通过innerHTML改变内容的操作如下图：
2016-11-20 13:52:53
361
原创 js原生验证码
在自己开始学代码之前就想知道验证码怎么写的了,没写之前就觉得好难好难,真正动手了才发现自己也是可以写出来的. js验证码 #code{ width:80px; height:30px; font-size:20px; font-family:Arial; font-style:italic; font-weight:bold; bor
2016-11-19 22:32:04
354
转载 querySelector 和 querySelectorAll
在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者使用某个库。事实上，现在所有的浏览器厂商都提供了 querySelector 和 querySel
2016-11-19 21:37:19
445
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人