自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

翠羽丹霞的博客

专注前端,专注生活

  • 博客(8)
  • 资源 (1)
  • 收藏
  • 关注

原创 h5性能优化

pc页面性能优化同样适用于移动端:1. 尽量使用css3动画,开启硬件加速,transform: translateZ(0)2. 适当使用touch事件代替click事件3. 慎用Float,Float在渲染时计算量比较大4. 慎用Web字体,Web字体需要重绘当前页面5. 合理使用requestAnimationFrame动画代替setTimeout6. CSS中的属性(CSS3 transit...

2018-04-19 23:24:37 178

原创 前端安全相关

前端安全问题主要有XSS、CSRF攻击等:一:XSS:跨站脚本攻击防御措施:1.过滤转义输入输出2.避免使用eval、new Function等执行字符串的方法,除非确定字符串和用户输入无关3.使用cookie的httpOnly属性二:CSRF:跨站请求伪造防御措施:1.检测http referer是否是同域名2.避免登录的session长时间存储在客户端中3.关键请求使用验证码或者token机制...

2018-04-19 23:23:40 346

原创 字符串类总结

1. 去除两端空格:function trim(str){ var result = str.replace(/^\s*(.*?)\s*$/,’$1’);    return result;}2. 求字符串的字节长度(假定中文是占两个字节)    function getBytes(str){ var len = str.length; var bytes = len; for(var i=0;i...

2018-04-19 13:02:03 142

原创 常用linux操作

在命令模式下:ctrl+l置顶或者clear复制:yy粘贴:p撤销:u删除:dd删除光标所在字符:x定位到文档开头:gg行首:0行尾:$最后一行:G第n行:nG或者:n显示行号::set nu查找::?或者:/替换:%s/被替换的内容/新内容/g   (g的意思是全局替换)su 用户转换增加用户:useradd 用户名设置密码:passwd 用户名修改用户权限:chmod 705 文件重启linu...

2018-04-17 23:37:54 153

原创 性能优化

三个方面:一. 代码层次1.减少DOM操作,比如用节点克隆,文档碎片createDocumentFragment,cssText,innerHTML2.使用局部变量(把length、document等赋给变量,再使用变量)3.尽量用获取节点的准确方法(用children、firstElementChild代替childNodes、firstChild)4.选择器API(利用querySelecto...

2018-04-17 23:35:12 148

原创 常用函数

1. 选中文字函数:    function selectText(){if(document.selection){return document.selection.createRange().text;}else{return window.getSelection().toString();}    }2. 把url参数变为对象:    function parse...

2018-04-17 22:43:13 103

原创 知识点总结

1. 连用两个非运算符是将变量值转换成布尔值的快速方法2. offsetParent 获取元素页面上有定位的父元素3. 获取event对象(兼容性写法): var oEvent = e || event4. 按ctrl+enter发送消息:    if(oEvent.ctrlKey && oEvent.keyCode==13){ ...    }5. 取消冒泡:oEvent.can...

2018-04-17 22:14:41 147

原创 数组类总结

下面是数组中常用的一些方法:1.数组随机取值: var arr = [3,5,7,89,436,789,980]; arr[Math.floor(Math.random()*arr.length)];2.数组打乱顺序: 方法一,数组的sort方法(该方法不完全打乱): function randomsort(a, b) {     return Math.random()>.5 ? -1 :...

2018-04-17 20:47:31 174

IE6png问题解决方法

完美解决ie6下png不兼容问题,无论是作为背景还是插入图片

2013-03-29

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除