PBXX787055221-CSDN博客

转载移动端页面以rem为单位设置字体大小不生效解决方法

这个问题在前端H5页面开发可以说是一个老生常谈的问题了。由于以前所有遇到的问题以及解决方法都会以文档的形式记录在电脑里，而非github或者blog,所以现在才一点一滴的整理上来，就当是一个心路历程吧。由于开发习惯，我现在使用HBuilder 这个前端IDE。调试页面会经常直接打开工具栏中的chrome,然后打开chrome devtool ,问题解决后，会直接把链接放到微信中，基于...

2017-06-02 14:18:00 1011

转载根据活动时间节点，进行倒计时

目前，集团下属的几百家分店正在如火如荼的进行20周年店庆活动，我们这些互联网部门当然也不能闲着，索性，就把项目中遇到的一些小的东西，分享给大家，也记录一下足迹。（木有在博客上记录日常，竟然被同事深深的鄙视了 == 、情何以堪呐~）产品设计原型上，有一个倒计时的版块。由于活动是第一天上午十点开始，第二天上午十点结束。根据这个节点，来进行倒计时。活动后台开发快完成了，才知道是这么个节点，...

2017-05-15 13:52:00 442

转载轮播系列之上下标题式轮播

公司最近项目又多了起来，改版的改版，更新的更新，迭代的迭代，团队内部气氛也紧张了起来。由于项目排期紧，大家也都争分夺秒的干，在这里，小小的提醒自己一下：注意自己的身体。项目中有一个标题上线轮播的小效果，以前见得多，心里也有小小的思路，现在项目遇到了，就实际动手干一干。废话不多说先看设计效果，类似于淘宝和京东上首页标题上下轮播。就是上面这个头条新闻右侧的轮播。废话还是不多说...

2017-05-15 10:50:00 214

转载 WEB前端性能优化:HTML,CSS,JS和服务器端优化

对前端开发工程师来说，前端性能优化的重要性是不言而喻的，最为大家所知的是YSLOW的23条优化规则，在我的理解中，性能优化不纯粹是指用户访问网站的速度，也包括开发的效率，这里我总结下我理解中的WEB前端性能优化。HTML部分语义化HTML：好处在于可以使代码简洁清晰，支持不同设备，利于搜索引擎，便于团队开发；减少DOM节点：加速页面渲染；给图片加上正确的宽高值：这可以...

2016-04-29 09:37:00 152

转载 webstorm快捷键大全

ctrl+/ 单行注释ctrl+shift+/ 块注释ctrl+shift+ +/- 展开/折叠ctrl+alt+L 格式化代码ctrl+shift+ up/down 上下移动句子Alt+回车导入包,自动修正Ctrl+N 查找类Ctrl+Shift+N 查找文件Ctrl+Alt+L 格式化代码Ctrl+Alt+O 优化导入的类和包Alt+Insert 生成代码(如get,set方法...

2016-04-09 14:23:00 130

转载 js中this的用法

this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。1、纯粹函数调用。function test() { this.x = 1; alert(x);}test();其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。var...

2016-04-08 12:51:00 87

转载去除空格的12种方法

JS去除空格的方法目前共有12种:实现1String.prototype.trim = function() { return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');}看起来不怎么样，动用了两次正则替换，实际速度非常惊人，主要得益于浏览器的内部优化。一个著名的例子字符串拼接，直接相加比用Array做成的S...

2016-04-08 12:46:00 253

转载瀑布流实现方式小小总结

1、传统多列浮动。代表网站蘑菇街和哇哦。2、用 css3实现。3、绝对定位。代表网站Pinterest。或者用图片延迟加载。转载于:https://www.cnblogs.com/BlogofOldK/p/5307653.html...

2016-03-22 17:24:00 95

转载什么是JavaScript？

Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。历史在1992年，Nombas开始开发一种...

2016-03-18 09:41:00 146

转载 WEB标准的思想是什么？

既然是悟道web标准，就不会那么简单了，期望是站在架构的层面，全局的看待web标准，期望站在众多的页面工程师的立场和企业老板的立场谈论这个话题。革命要成功，思想要统一，我因为有必要给每一个页面工程师的作战单位配备一个政委，时刻监督和提醒页面工程师们要认真贯彻W3C的中心思想和规范条款，不得松懈。心里只有一个想法，W3C标准好！这也就是我这篇的主题统一思想，遵循标准，不论你受到多大的诱惑，...

2016-03-18 09:25:00 127

转载 javascript几个提高性能的知识点

前段时间花时间看了大半的《High Performance JavaScript》这本书啊，然后就开始忙项目了，庆幸最忙的一周已经熬过去了。由于空不出时间，这个月写的学习笔记也不多，忙完最苦X的一周，这两天晚上也算是挑灯夜读了...终于是在残血之际将这本书shut down了...既然读完了，总归是要学到些什么的。说说对这本书的看法先吧，整体的来说，内容还是不错的，就是感觉有点老了（...

2016-03-17 22:53:00 93

转载 JS执行效率与性能提升方案

如果是追加字符串，最好使用s+=anotherStr操作，而不是要使用s=s+anotherStr。如果要连接多个字符串，应该少使用+=，如 s+=a;s+=b;s+=c;应该写成s+=a + b + c；而如果是收集字符串，比如多次对同一个字符串进行+=操作的话，最好使用一个缓存。怎么用呢？使用JavaScript数组来收集，最后使用join方法连接起来，如下var buf = new...

2016-03-17 22:47:00 165

转载 JavaScript开发中几个常用知识点总结

最近在做项目的时候自己写了一些JavaScipt代码，于是自己又进行简单的查阅资料整理了一下，发现了如下几个比较有用的知识点：　　1、三种声明函数的方式　　2、jQuery $(document).ready() 与window.onload的区别　　3、location.href　　4、获取url中的参数　　5、判断是否存在函数的方法　　6、设置Iframe高度...

2016-03-17 22:15:00 121

转载区别client、offset、scroll系列以及event的几个距离属性

element元素结点属性一. offset系列1.offsetWidth 和offsetHeightelement.offsetWidth是一个只读属性，它包括了：css width + padding+border+垂直滚动条宽度这里的滚动条就是单纯滚动条的意思，不包括不可见的部分哦。而element.offsetHeight与之类似，只是改为垂直方...

2016-03-17 13:52:00 106

转载不依赖浏览器控制台的JavaScript断点调试方法

随着浏览器的逐渐强大，绝大多数情况下的代码调试都是可以通过浏览器自带的一些调试工具进行解决。然而对于一些特殊情况仍然无法享受到浏览器的强大调试能力，比如QQ客户端内嵌web的调试（虽然说QQ目前已经可以编译开发者工具，但是仍需要安装指定文件包或工具）、非正常浏览器web、移动场景下的内嵌等场景。随着浏览器的逐渐强大，绝大多数情况下的代码调试...

2016-03-17 01:01:00 314

转载浏览器加载和渲染HTML的顺序

1.浏览器加载和渲染html的顺序浏览器加载和渲染html的顺序IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。并且在下载后进行解析，解析过...

2016-03-17 01:00:00 96

转载提高页面渲染速度的建议以及方案

怎样尽可能的缩短浏览器上页面渲染的时间，文章从以下几方面着手：写出高效的css代码避免使用css表达式把css文件放在页面顶部指定页面图片的尺寸页面头部标明文档编码一，写出高效的css代码首先弄清浏览器解析html代码的过程：构建一个dom树，页面要显示的各元素都会创建到这个dom树当中。每当一个新元素加入到这个dom树当中，浏览器便会通过css引擎...

2016-03-17 00:58:00 236

转载常见浏览器的兼容问题以及解决方案（仅供参考）

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以...

2016-03-17 00:55:00 140

转载了解浏览器如何工作—渲染引擎1

从基础架构上我们也可以看到浏览器的重头戏其实在于渲染引擎(又称排版引擎)，很多页面兼容性问题的根源可以说也皆来源于此。好了，那我们深入到渲染引擎内部仔细看一下吧从基础架构上我们也可以看到浏览器的重头戏其实在于渲染引擎(又称排版引擎)，很多页面兼容性问题的根源可以说也皆来源于此。360浏览器HTML5跑分再高（http://html...

2016-03-17 00:52:00 82

PBXX787055221的博客