自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

翠羽丹霞的博客

专注前端,专注生活

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

原创 flutter相关

1.MediaQuery.of(context).size.width, //宽度设置为和屏幕等宽2.点击输入框以外区域,关闭键盘:GestureDetector( behavior: HitTestBehavior.translucent, onTap: (){ // 点击空白页面关闭键盘 FocusScope.of(context).reque...

2020-02-26 14:38:31 192 1

转载 es6对象的扩展

1. Object.is():它用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致,例如:Object.is(+0, -0) // falseObject.is(NaN, NaN) // true2. Object.assign():该方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target),Object.assign方法的第一个参数是目标对象...

2018-06-08 23:49:02 243

转载 es6数组的扩展

1. copyWithin(target,start,end):target(必需):从该位置开始替换数据。如果为负值,表示倒数。start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒数。end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒数在当前数组内部,将指定位置的成员复制到其他位置(会覆盖原有成员),然后返回当前数组。也就是说,使用这个方法,会修改当...

2018-06-08 23:14:34 322

原创 继承

1. 原型链继承:function SuperType() { this.colors=['red','blue','green'];}function SubType() {};SubType.prototype=new SuperType();var instance1=new SubType();instance1.colors.push('black');conso...

2018-05-17 12:36:00 102

原创 ES6知识点

1. 箭头函数特性:a)箭头函数中的this指的是定义的时候作用域中this的指向,由于this在箭头函数中已经按照词法作用域绑定了,所以,用call()或者apply()调用箭头函数时,无法对this进行绑定,即传入的第一个参数被忽略var obj = { birth: 1990, getAge: function (year) { var b = this.bi...

2018-05-15 12:48:54 121

原创 vue知识点

1. 响应数据变化的方法:a)通过Vue的静态方法set:Vue.set(target,prop,value);b)通过vue实例的方法$set:实例.$set(target,prop,value);2. 在vue模板里面给事件的方法传参时,需手动使用$event把事件对象传给方法3. 计算属性对应的函数中的this指向的是实例,计算结果会缓存起来,可以在模板中重复使用4. Vue的双向数据绑定原...

2018-05-15 12:48:00 431

原创 promise

Promise是异步编程回调的一种解决方案,在异步执行的流程中,把执行代码和处理结果的代码清晰地分离了,基于promise我们可以把复杂的异步回调处理方式进行模块化其内部有三个状态,分别是pending,fulfilled和rejected,且只能由pending向其它两个状态转化Promise对象拥有两个实例方法then()和catch()下面是ajax请求改为promise的写法:getDat...

2018-05-10 19:42:23 167

原创 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 170

原创 前端安全相关

前端安全问题主要有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 338

原创 字符串类总结

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 132

原创 常用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 125

原创 性能优化

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

2018-04-17 23:35:12 138

原创 常用函数

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 93

原创 知识点总结

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 135

原创 数组类总结

下面是数组中常用的一些方法: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 161

IE6png问题解决方法

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

2013-03-29

空空如也

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

TA关注的人

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