梦里梦一的博客

原创 移动web布局常见问题(个人问题)?

页面布局: 头部: logo + 搜索框/网站名称 + 登录/个人信息 布局混乱时,常使用绝对定位,避免出现强行使用背景图而出现空div标签的情况 轮播图: 用于产品展示,或者产品推荐 常使用插件 导航: 有可能有一级或者多级导航 单排或者多排显示多个li,浮动 + 宽度百分比 + 内减盒模型 内容区: 常见的也是多或单排展示多个li,手法同导航 常见问题: ...

原创 ajax请求时,如何解析json数据?

json是一种轻量级交互格式,本质上都是字符串,常用于前后端的数据交互,本质上就是字符串. 前端解析后端数据 前端在解析后端发来的数据,使用JSON.parse()方法把字符串转为json对象. 前端向后端发送数据数据 前端在向后端发送数据,使用JSON.stringify()方法把json对象转为字符串. (使用jquery或者axios时,这些库内置了这些方法,只需设置配置项...

原创 DOM事件流的3个阶段?

事件捕获,事件执行,事件冒泡

原创 jquery的ajax与axios的异同,以及何为promise对象?

前言:据了解,发送请求还有fetch方法,但并未了解.重点是最好用的是axios,不接受反驳.~-~ 相同点 本质上都是对XMLHttpRequest异步对象的封装. 不同点 jquery的ajax是通过回调函数的形式获取数据的,而axios是通过Promise对象来获取数据的....

原创 实现继承的几种方式?

构造函数继承 原理:利用call,apply,bind等方法,在构造函数内部去调用别的构造函数,为己所用. 缺点:原型对象的函数无法复用 function People(name,age) { this.name = name; this.age = age; } People.protot...

原创 js的同源策略?

前言:对这块的了解比较浅薄,随后填坑. 概念 同源策略是浏览器的一个安全机制,只有同协议,同域名,同端口才会被视为同源. 产生原因 js可以操作web页面的内容,如果不加限制,各家网站页面则无安全可言. 应用场景 目前所知,同源协议阻止了ajax的跨域,我们不能轻易拿到别家网站的数据....

原创 get与post的一些区别?

区别1:提交方式与安全性 .get:将从表单当中获取到的数据以键值对的方式拼接到url地址中去,并显示在地址栏中,所以安全性很差. 例如: form.php?id=10001==&==username=heiheihei==&==passwd=123456 id、username、passwd等等（键/key）都是表单域的name值 1、heiheihei、12345...

原创 this的指向问题?

1.普通函数内部使用this,那么this指向window,在严格模式下,则指向undefined. // 'use strict' //如果使用严格模式则this指向undefined function getthis () { console.log(this);//window } getthis(); 2.如果在对象的方法内调用,则this指向该对象 ...

原创 如何截取url中的键值对?

前言:找了很长时间没有找到如何去拿正则的手法去解决这个问题. 问题描述: 有这样一个 URL：http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e，请写一段 JS 程序提取 URL 中的各个 GET 参数(参数名和参数个数不确定)，将其按 key-value 形式返回到一个 json 结构中，如{a:’1′, b...

原创 数组去重的几种方法?

前言:面试极为常见的一个问题,但不一定会单拎出来考察.有时会要求和别的功能一起实现,例如去重和排序. 1.利用索引 原理:使用indexOf()方法,该方法返回的是索引,没有就返回-1,使用push方法()向数组尾部追加元素. 缺点:法不能够处理数组NaN的去重,NaN不等于任何值(包括NaN) var arr = [3, 1, 7, 9, 2, 3, 8, 9, ...

原创 解决图片与父容器底部空隙的问题?

前言:这种情况也算是怪异模式之一,怪异模式还有大概三四种没有整理.引起该情况的原因是图片是基于父元素的文字基线对齐的,而不是基于底线对齐. 解决方案一: 为图片设置vertical-align: top;(也可以是bottom) 解决方案二: 为图片设置display: block; 解决方案三: 在图片的父级身上设置font-size: 0;...

原创 css实现元素水平垂直居中的几种方式?

前言:每天玩手机,整个人都不好了. 1.绝对定位+margin:auto 优势:无需知道子盒宽高,省去计算的麻烦. 原理:子绝父相(子绝父绝也行),设置上下左右定位为0,margin:auto,子盒的margin自动计算. <style> #father { position: relative; width: 300px; ...

原创 git工具常见命令与常见问题?

常见命令: 1.$ mkdir learn 创建一个叫learn的目录(文件夹),且不能是同级目录已经存在的名字 2.1$ cd learn 若现在处在learn的上一级mulu,使用命令,跳转到learn目录内 2.2$ cd /d/learn/ 跳转到d盘的learn目录内 3.$ psw 显示目前处在的目录 4.$ git init 本地库初始化,...

原创 客户端存储:localStorage,sessionStorage,cookie之间的异同?

前言:localStorage和sessionStorage是h5中新增的API,而cookie是h5之前就有的,cookie技术也叫会话控制技术.在存储数据这个功能,三者没有什么本质性区别,但是localStorage是比cookie更优秀的技术. 三者的区别: 特性 cookie localStorage sessionStorage 数据的生命周期 没...

原创 typeof与instanceof的异同?

前言:typeof用于检测数据类型,不必细说,只归纳一下易混淆的概念. 1.对于对象、数组、null 返回的值是 object 。比如typeof(window)，typeof(document)，typeof(null)返回的值都是object。 2.对于函数类型，返回的值是 function。比如：typeof(eval)，typeof(Date)返回的值都是function。 ...

原创 垃圾回收机制

垃圾回收机制简介: 1.内存的回收只针对局部变量,因为全局变量直至浏览器关闭之前都是存在的.且局部变量在离开执行环境(作用域)时被自动销毁,全局变量和全局对象的属性可以赋给null,随后垃圾收集器下次运行时会检测到,从而释放内存. 2.垃圾收集器是按照一定的时间间隔去检查浏览器内存,然后释放不必要的变量内存. 3.浏览器被分给的内存是有限的,为了考虑性能,无用内存的释放显得格外必要. ...

原创 var与let声明之间的区别与联系?

前言:提及var与let,主要牵扯到的是js的作用域问题.js在es6之前是没有块级作用域的,变量声明用var,作用域是整个函数内部.

原创 Sublime编辑软件常用快捷键

补充：Alt+shift+数字   ------------>编辑窗口数

原创 JavaScript DOM编程艺术（中文第二版）纲要

原创 移动前端开发的一些简单分类！

移动端Web开发可分为移动端web App，移动端网页，Hybird开发（直译为混合开发，又称套壳开发），但是谈到移动端，就一定会牵扯到原生App（）。

转载 移动前端开发与WEB前端开发有什么联系与区别？

参考别人的答案点击打开链接 个人总结： 两种前端开发的简介： WEB前端开发：电脑打开的网页就算。 移动前端开发：他有多个称呼，移动前端开发，H5前端开发，native前端开发，Hybird前端开发......(好多好多) 简化分为两类，app前端开发（基于phonegap等平台）与手机网页开发（简化版的电脑网页）。