web前端开发
文章平均质量分 52
慕容雪cly
这个作者很懒,什么都没留下…
展开
-
谷歌字体小于12号的兼容
搞定谷歌浏览器字体大小与IE和火狐不同的问题 (2012-02-22 22:50:35)转载▼标签: 字体大小不一致 谷歌浏览器字大 it在调试页面中,发现了一个问题,我在Google Chrome浏览器下调试页面,我有一段文字设置的font-size是10px。显示了感觉跟我普通设置的字体大小13px只小一点点,这些问题你可能也发现过,我使用IE8和 Google Chrome调试都没问题的呀,转载 2015-07-08 20:45:47 · 933 阅读 · 0 评论 -
dojo中的query
以前用query去获取节点绑定事件时,总是返回一个数组,绑定事件时绑定不了当前点击目标的事件,我只能加个通过a是否悬浮来判断当前节点是否是点击目标。但现在可以 //帮助提醒 query(".cust_help_img").forEach(function(res){ res.onclick=function()原创 2016-07-28 17:29:38 · 366 阅读 · 0 评论 -
网页禁止转码设置
禁止百度转码:http-equiv="Cache-Control" content="no-transform" />禁止通用浏览器转码:原创 2016-07-21 13:58:44 · 2621 阅读 · 0 评论 -
前端reset样式
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr转载 2016-07-21 14:30:12 · 450 阅读 · 0 评论 -
normalize.css
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */ /*** 1. Change the default font family in all browsers (opinionated).转载 2016-07-21 14:32:38 · 351 阅读 · 0 评论 -
提高网站加载速度的3项黄金守则
如何优化网页加载速度是每个前端开发工程师需要了解的,也是前端开发工程师需要具备的基本条件。优化网站加载速度的原理主要是减少网站文件的大小,减少HTTP请求数。网站文件越小,浏览器加载页面会比较轻松,打开页面的速度也会提升;一个HTTP请求,对页面打开速度造成的延时大概是0.01秒,HTTP的请求数越多,网站打开的速度就会越慢。那么如何减少网站文件的大小,减少HTTP请求数呢?笔者做前端(重转载 2016-08-02 15:45:07 · 336 阅读 · 0 评论 -
Javascript模块化编程(一):模块的写法
作者: 阮一峰日期: 2012年10月26日随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他转载 2016-10-02 11:01:59 · 198 阅读 · 0 评论 -
Javascript模块化编程(二):AMD规范
作者: 阮一峰日期: 2012年10月30日这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。(接上文)七、模块的规范先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是转载 2016-10-02 11:56:26 · 229 阅读 · 0 评论 -
Javascript模块化编程(三):require.js的用法
作者: 阮一峰日期: 2012年11月 7日这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文转载 2016-10-02 12:21:21 · 268 阅读 · 0 评论 -
html base64 img 图片显示
大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFFR0Cbn转载 2016-10-27 13:34:12 · 656 阅读 · 0 评论 -
npm下代码-D和-S的区别
-S就是--save的简写,就行npm默认一个start的字段,你可以不必输入npm run start 而只需输入npm start,这两个效果是一样的。-D就是--save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面,而--save会将包的名称及版本号放在dependencies里面。转载 2017-10-20 16:56:17 · 29890 阅读 · 0 评论 -
给网页设计师和前端开发者看的前端性能优化
如果不是不可能,你也很难拒绝承认性能目前已是任何正规网站项目的最关键方面之一,无论它是一个小型的网站组合,一个移动优先的web应用,一直到一个大规模的商业项目。研究,论文和个人体验都告诉我们快速是最好的。性能不仅仅是非常重要,它也相当的有趣,而且这也是我越来越投入的事,不仅在工作方面(我一直在烦我们的首席性能工程师),也在项目与CSS魔法网站方面(我一直在烦Andy Davies)。转载 2016-07-24 10:18:22 · 338 阅读 · 0 评论 -
浅谈WEB安全性(前端向)
相信进来的时候你已经看到alert弹窗,显示的是你cookie信息。单纯地在你的客户端弹出信息只是类似于迫使你在自己的房间脱衣服——没人看得到,自然也不算啥恶意行为。那么如果我把你的信息通过脚本发送到我的服务器保存起来呢 ?先放心,我不打算这么做,也没那笔闲钱去购置一个服务器来做羞羞的事情,也不希望博客园把我这地盘给封掉了。 如同标题所写的,今天要聊的是WEB安全机制,但这“前端”二字倒是说的狭义转载 2016-07-23 16:05:51 · 355 阅读 · 0 评论 -
CSS中调用JS函数和变量
在CSS来调用JS程序。 这个技术是网络安全里的,叫做CSS跨站。 我们知道CSS里是可以控制某些HTML元素的属性的,譬如background-image等等,而在URL里添加Javascript:alert()等等类似的代码就可以用来执行代码。 我用的CSS代码如下: body{height:200px;background:url(javascript:aler转载 2016-07-23 13:37:57 · 2725 阅读 · 0 评论 -
如何让旧浏览器支持HTML5新标签
如何让旧浏览器支持HTML5新标签 让旧浏览器支持HTML5新增标签HTML5出现也不短了,很多网站的页面都进行了改版,为了降低代码量(不需要起太多的类名),提升加载速度,提高标签的语义性,因此,在网页中大量使用了section,article,header等HTML5标签。自己最近在写响应式布局的范例,里面也使用到了header等标签。还是比较希望能够做成兼容“转载 2015-07-10 09:22:41 · 356 阅读 · 0 评论 -
各种浏览器兼容性规则
如果在ie8里浏览乱了把标签下的换成,这样虽然在ie8里浏览,实际是用ie7的模式浏览再者建适合几个不同浏览器的css样式这是用链接多个样式表来解决兼容性问题的以下是不同浏览器的区别,或许对你有帮助1.区别IE和非IE浏览器 #tip {background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、转载 2015-07-10 11:55:35 · 424 阅读 · 0 评论 -
解决IE6浏览器下position:fixed固定定位问题
解决IE6浏览器下position:fixed固定定位问题添加评论一般的 position:fixed; 实现方法以我的博客为例,在右下角 ... 这个 HTML 元素使用的 CSS 代码如下:#top{position:fixed;bottom:0;right:20px;}实现让 ... 元素固定在浏览器的底部和距离右边的20个像素。在 I转载 2015-07-11 14:35:49 · 447 阅读 · 0 评论 -
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/x转载 2015-07-11 14:19:19 · 673 阅读 · 0 评论 -
关于IE7 z-index的浏览器兼容性问题完美解决方案
关于IE7 z-index的浏览器兼容性问题完美解决方案来源:互联网 作者:佚名 时间:01-07 17:13:54 【大 中 小】 在了IE7的z-index问题上真是很头疼。可又不能因为浏览器版本低而不去解决,毕竟要从用户的角度着想,下面为大家分享下完美的解决方法,有类似情况的朋友可以参考下浏览器兼容性问题太让人蛋疼了,今天可是废在了IE7的z-index问题上。可转载 2015-07-13 16:57:19 · 3229 阅读 · 0 评论 -
浏览器兼容
最近花了2天时间做浏览器的兼容,主要实现了谷歌,火狐,qq,百度,360以及ie7以上的浏览器兼容。在做该浏览器兼容的时候真正做到吐的是在ie方面的兼容,ie9以上是兼容html5+css3,ie9以下则不兼容。为了ie9以下的版本也能够兼容html5则在其之间写入了 该html5.js插件能够当浏览器不兼容html5时,会自动为我们创建html5的新标签如:header,footer,sect原创 2015-07-15 13:43:33 · 290 阅读 · 0 评论 -
ie6,7,8的兼容性解决
1:li边距“无故”增加任何事情都是有原因的,li边距也不例外。先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的padding引 起,padding的上下值对li有影响,左右无影 响。所以只好笨手笨脚地把padding去掉,换成margin。这是能解决问题,但往往不是我们想要的结转载 2015-07-30 11:04:41 · 649 阅读 · 0 评论 -
ie浏览器前缀特殊符号的识别
CSS前面加一个“_”是IE6可识别ie7是在前面加一个星号——“*”;ie8是在属性后面加一个斜杠和0——“\0”;ie9是在属性后同时加上斜杠9和斜杠0——"\9\0"当然这些都不是规范的写法,规范的作法实际上不是在css样式里面加一些这样的符号,而是直接在html里面设定相应版本的浏览器所对应加载的样式表,例如有一个CSS,我想要IE9以下、IE6及以上的浏览器读取它,其它版本的转载 2015-07-22 11:21:59 · 5157 阅读 · 0 评论 -
url正则判断
这个url的正则表达式判断的JavaScript!比较全面的。它验证的情况包括IP,域名(domain),ftp,二级域名,域名中的文件,域名加上端口!用户名等等信息,貌似作者也是在网上找的,我从一个项目代码中扣出来的,是我见过的最强最全面的url验证方式!太猛了,贴在这里与大家分享,URL的验证实在是很频繁。复制代码 代码如下:function IsURL (str_url)转载 2015-07-15 16:23:02 · 495 阅读 · 0 评论 -
数据表的列传行操作
select wmsys.wm_concat(ACTIVITYCODE) as CustActivity from BO_CUSTACTRIGHTSSURVEY c GROUP BY c.CUSTCODE原创 2016-01-08 14:19:41 · 316 阅读 · 0 评论