Lysa_snow-CSDN博客

原创前端面试总结/JS面试

1.JS继承机制构造函数中的属性和方法是不共享的，而为了共享一些属性和方法，也为了不浪费资源，出现了prototype，挂在prototype上的属性和方法是共享的。function Ani(name) { this.name = name; // this.act = '叫';}var dog = new Ani('狗');var cat = new Ani('猫');//

2018-01-17 15:42:00 529

原创前端必备SEO优化技巧

SEO优化“酒香不怕巷子深”？？？No！！！网站做得再6，人家搜索不出来也是白搭，前端掌握基本的SEO优化技巧是很重要的，与其将来优化，不如把问题扼杀在摇篮里，下面做下笔记： 1.简化代码结构：尽量采取div+css写页面，所有js/css采用外联方式； 2.图片：限制大小，过大加载慢；尽量采取css雪碧图，减少请求次数，img图片一定要加alt属性，title可选，因为蜘蛛是通过alt属性来判

2017-11-29 18:11:56 713

原创 Linux/开发机

涉及到 Linux 和 vim 后台代码是部署到开发机上的，在后台人员配置好本地后台环境的情况下，可以很方便的开发。当我们前端人员需要写部分后台代码时，为了方便调试，我们可以到开发机上进行调试。工具有两种：大公司基本使用 secureCRT 当然也有简单易操作的PuTTY.这些都是为了支持SSH的终端仿真程序。当然，如果你是用Mac,无需使用这些工具了，直接打开SSH就

2017-11-29 11:29:23 3001

原创 PHP分页

1 2 3 4 5 6 … 10 1 … 3 4 5 6 7 … 10 1 … 4 5 6 7 8 … 10 1 … 5 6 7 8 9 101 … 8 9 10 11 12 13 1 … 7 8 9 10 11 … 13显示页数 7 页总数 N > 7 分两大种情况 {

2017-11-29 11:23:52 268

原创浏览器多个标签页通信

1.地址栏传参也算是多个标签页通信吧 2.localstorage、cookie等本地存储方式（1）localstorage 在一个标签页里被添加、修改或删除时，都会触发一个storage事件，这样我们就可以利用这一点在其他标签页面里监听这个事件就可以获取到新值标签页1： $(function(){ $("#btn").click(function(){

2017-11-29 11:21:21 398

原创 Babel简介

一、Babel转码器将ES6的语法转换为浏览器识别的ES5代码 1）配置文件： .babelrc 放在根目录下必须的配置文件{"presets": [ "latest", "react", "stage-2"],"plugins": [ ]}2）工具 babel-cli 命令行转码（一般安装在项目中 –save-dev 然后改写成package.

2017-11-29 11:14:32 275

原创 ES6 let & const

1.let 声明变量在{}里面形成块级作用域在代码块内形成“暂时性死区” 离开了{}就相当于var 但不存在变量提升例如：for(let i=0; i<10; i++) { … } console.log(i); //报错 for(var i=0; i<10; i++){ a[i] = function() { console.log(i); } } a6; //输出10 但

2017-11-29 11:12:17 190

原创 javascript事件节流

比较常用的： 1.标志变量法：设置一个开关变量开始可以设置为true 并且只有当变量为true的时候才能执行某事件，触发事件后立即设置变量为false（这是我工作中比较常用的方法，简单容易实现，不容易出错） 2.函数节流：思想就是指某些代码不可以在没有间断的的情况下连续重复执行。第一次调用函数创建一个延时器指定时间间隔后触发事件；第二次执行该函数时会清除之前设定的延时器

2017-11-29 11:06:30 1098

原创 javascript垃圾回收机制

垃圾回收就是找出不再使用的变量，然后释放掉其占用的内存，但这个过程不是实时的，因为开销比较大，所以垃圾回收机制会按照固定的时间间隔周期性的执行。变量生命周期：全局变量的生命周期直至页面卸载才会结束；局部变量只在函数执行的过程中存在，在堆或栈上分配好空间存储起来以便函数中使用，直至函数结束（不存在闭包的情况下）。几种垃圾回收的方式： 1）标记清除：最常见的方式; 函数中声明一个变

2017-11-29 11:03:31 161

原创 js中this的理解/this遇上闭包/作用域

相信很多人开始学习js的时候，关于this的理解不是很清晰，并且一般靠直觉…然并卵，直觉这玩意儿不好说…在厌烦了直觉判断后的我，翻阅了很多…好吧，百度了好多文章，下面是我关于this的总结（1）this的指向在函数定义的时候是确定不了的，只有在执行的时候才能确定this指向；（2）this最终指向调用它的上一级对象；（3）一般指向函数的拥有者，特殊的是自执行函数

2017-11-29 10:54:26 378

原创数组打乱顺序的方法

[1,2,3,4,5,6,7,…,100,…] 井然有序的数组，如何打破它的顺序？也类似于洗牌游戏。首先我们先创建一个井然有序的数组例如1到100的数组var arr = [];for(var i=1; i<=100; i++) { arr.pus(i);}实现打乱顺序的核心代码如下arr.sort(function() { return 0.5-Math.random;

2017-11-22 17:05:11 1996 2

原创关于BFC的理解

block - format - context 块级格式化上下文页面上隔离的独立的容器里面的子元素不会影响到外面的元素反之亦然生成BFC条件：设置了float 不为none overflow不为visible display为inline-block table-cell table-caption position为absolute或fixedBFC的

2017-11-22 14:40:52 273

Lysa_snow的博客