Web前端
jimgen668
Happy life Happy coding
展开
-
PX EM REM之间的区别
PX 指的是像素单位,是一个精确值可以应用于所里有浏览器EM 与PX不同的是,它是一个相对值,并非一个具体数值,一般是以的"font-size"属性来计算的.除了IE6-IE8外 其余的浏览器都支持EMRem 也是一个相对值,与EM的唯一不同的是,它是相对根元素来计算的原创 2017-02-16 15:57:18 · 532 阅读 · 0 评论 -
解决MacOS系统字体不识别STXingkai问题
在mac系统想把字体做成行楷的效果,于是CSS文件中写下如下代码font-family:"STXingKai".可在运行之后发现系统根本不能识别STXingKai.找了一会儿,未发现书写上的错误.最后查资料发现STXingKai 是MicroSoftOffice下支持的属性.重装了一下Office,运行后STXingKai可以正常识别.查阅资料链接:http://www.ruany原创 2017-06-15 15:22:17 · 1472 阅读 · 0 评论 -
深入理解Javascript的继承和原型链
如下翻译英文原版: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain Javascript是一种基于类的语言(像Java,C++),对于开发者来说是有一点费解.因为它是动态的,却未提供一个类的实现本质(一个在ES2015介绍的类关键字,而不是语翻译 2017-06-21 21:56:26 · 637 阅读 · 0 评论 -
常用的正则表达式
正则表达式用于字符串处理、表单验证等场合,实用高效。现将一些常用的表达式收集于此,以备不时之需。用户名:/^[a-z0-9_-]{3,16}$/密码:/^[a-z0-9_-]{6,18}$/十六进制值:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/电子邮箱:/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})转载 2017-06-21 13:33:26 · 380 阅读 · 0 评论 -
解决Invalid left-hand side in assignment页面报错问题
碰到一个很简单的Invalid left-hand side in assignment的报错问题.即左边的参数引用报错.如下图所示根据字面检查代码发现代码: if(currentLeft currentLeft++; if (currentLeft==maxRight原创 2017-06-18 17:16:55 · 160785 阅读 · 0 评论 -
解决网站项目本地运行ok,将代码上传到服务器中或github中无CSS效果
运行环境:IE10,Chrome,Firefox 使用插件及类库:JQFullPage.js,JQuery. 本人由于暂时时间空余,写了一下简单的个人网站,经过几个小时的coding 之后,终于在将网站写出一点效果,运行起来正常,之后自己上传到新浪云(PS:有人喜欢阿里云,华为云,其实基本的都一样的,百度一下有详细的SOP),发现并没有FullPage.js及CSS所渲染的效果.仔细原创 2017-06-01 09:28:22 · 1188 阅读 · 0 评论 -
HTML5建立的规则以及新增特性
听说HTML6快要出来了,虎背微微一颤,HTML5还没玩的溜呢,却要面临跟新迭代了.赶紧找资料,学习总结HTML5在HTML的基础上的新特性. HTML5建立的一些规则: (1)减少对外部插件的需求,比如Flash (2)更优秀的错误处理. (3)更多的取代脚本的标记 (4)HTML5应独立于设备 (5)新特性应该基于HTML,CSS,DO原创 2017-06-16 11:37:38 · 553 阅读 · 0 评论 -
str.lastIndexOf "is not a function" javascript
刷新页面后,突然报出str.lastIndexOf "is not a function" javascript ,首页检查发现HTML代码,CSS代码,JS代码 没有遇到明显的错误,由于报出的错误是属于jQuery类库的,重新下载更新为最新的jQuery类库后发现所报出的错误消失.原创 2017-02-27 10:34:53 · 3422 阅读 · 0 评论 -
我所遇到的margin-top 与top的区别
margin-top 指的的在盒模型中相对于父级元素的top边距,默认position属性为relativetop指的是所在元素与电脑屏幕的之间的顶部不变,是一个绝对的定位,在使用的 过程中要与position属性搭配着来使用.PS:一般position都是设置为absoulte,或者设置 fixed;同理 margin-bottom,margin-left,marg原创 2017-02-27 10:31:50 · 731 阅读 · 0 评论 -
用jQuery实现菜单隐藏
jQuery实现菜单点击隐藏 $(document).ready(function () { //eg.1 $('#menu-1').menuToggle({ 'ctrlBtn':'ctrl-btn-1', 'speed':400, 'width':4转载 2017-02-26 10:21:25 · 514 阅读 · 0 评论 -
兼容性之停止事件冒泡和阻止默认行为
在web前端中,我们会经常使用两个兼容性浏览器的代码.组织默认行为和停止事件冒泡. a.阻止浏览器的默认行为(javascript代码如下) function PreventDefault(e){ if(e&e.preventDefault){ e.preventDefault(); //非IE浏览器阻止函数 }原创 2017-06-15 15:37:10 · 260 阅读 · 0 评论