前端
文章平均质量分 83
无知偏执狂
他人笑我太疯癫,我笑他人看不穿。
人类从历史中吸取的最大教训,就是人类不会从历史中吸取教训。
展开
-
【前端知识点】详解js变量、作用域及内存
基本类型值有:undefined,NUll,Boolean,Number和String,这些类型分别在内存中占有固定的大小空间,他们的值保存在栈空间,我们通过按值来访问的。(1)值类型:数值、布尔值、null、undefined。(2)引用类型:对象、数组、函数。如果赋值的是引用类型的值,则必须在堆内存中为这个值分配空间。由于这种值的大小不固定(对象有很多属性和方法),因此不能把他转载 2017-09-08 14:23:19 · 282 阅读 · 0 评论 -
【前端知识点】设计模式(design pattern)的简介
设计模式关于与“设计模式”名称相近或相同的条目,请见“设计模式 (消歧义)”。在软件工程中,设计模式(design pattern)是对软件设计中普遍存在(反复出现)的各种问题,所提出的解决方案。这个术语是由埃里希·伽玛(Erich Gamma)等人在1990年代从建筑设计领域引入到计算机科学的。设计模式并不直接用来完成代码的编写转载 2017-09-15 11:05:42 · 819 阅读 · 0 评论 -
【前端知识点】15分钟带你彻底了解nodejs的那些特点
我们在用 Node.js 处理知乎主站的 web 实时推送。你现在看到的 Feed 、消息的实时更新,背后就是几个 node 进程扛起来的。优点:1. 处理高并发场景性能更高在用 socket.io 之前,推送服务是用 ajax polling做的。我们用 Tornado 和 Node.js 做过两个版本的推送服务。在当时的测试环境下,Node.转载 2017-09-18 21:33:07 · 2096 阅读 · 0 评论 -
【前端知识点】30分钟了解ES6最新核心特性
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6,但为了看懂别人的你也该懂点ES6的语法了...在我们正式转载 2017-09-28 00:19:45 · 485 阅读 · 0 评论 -
【前端知识点】你所不了解的Ajax和Http状态字
Ajax及其工作原理AJAX 是一种与服务器交换数据无需刷新网页的技术,最早由Google公司在谷歌地图里使用,并迅速风靡。AJAX是不能跨域的,如需跨域,可以使用document.domain='a.com';或者使用服务器代理,代理XMLHttpRequest文件AJAX是基于现有的Internet标准,并且联合使用它们:XMLHttpRequest 对象 (异步的转载 2017-09-12 20:35:56 · 306 阅读 · 0 评论 -
【前端知识点】关于闭包的特点、概念、应用的那些事儿
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包 是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问转载 2017-09-12 20:38:23 · 494 阅读 · 0 评论 -
【前端知识点】前端事件监听、处理等解决方案详解
其实这篇文章挺早之前就写了,但是由于sf保存方面的bug,所以当时写了一大堆,结果没保存,觉得这个没写完是个不小的遗憾,今天正好有空,就给补充下了,也正好给我的javascript学习总结做一个完结篇。其实之前的文章也涉及到部分事件,可以参照我的文章:JavaScript学习总结(三)BOM和DOM详解这里,主要讨论一下js相关的事件——事件处理程序在DOM中定义了转载 2017-09-12 20:41:38 · 5158 阅读 · 0 评论 -
【前端知识点】跨域之跨域资源共享 CORS 详解与应用
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。一、简介CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。整个CORS转载 2017-09-12 20:45:05 · 184 阅读 · 0 评论 -
【前端知识点】跨域之跨域window.postMessage
window.postMessage() 方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机 (两个页面的模数 Document.domain设置为相同的值) 时,这两个脚本才能相互通信。window.postMessage() 方法提供了一种受控机制来规避此限制,只要正确的使用转载 2017-09-12 20:57:17 · 1249 阅读 · 0 评论 -
【前端知识点】三次握手与四次挥手之TCP协议简析
TCP是什么?具体的关于TCP是什么,我不打算详细的说了;当你看到这篇文章时,我想你也知道TCP的概念了,想要更深入的了解TCP的工作,我们就继续。它只是一个超级麻烦的协议,而它又是互联网的基础,也是每个程序员必备的基本功。首先来看看OSI的七层模型:我们需要知道TCP工作在网络OSI的七层模型中的第四层——Transport层,IP在第三层——Network层,ARP在第二层——Data转载 2017-09-12 21:03:32 · 732 阅读 · 0 评论 -
【前端前沿看点】深度本质分析对比weex和react native
摘要: # 前言 weex的思想是多个平台,只写一套代码,而react-native的思想是多个平台可以写多套代码,但其使用的是同一套语言框架。 weex的目标在于抹平各个平台的差异性,从而简化应用开发。而react-native承认了各个平台之间的差异,退而求其次,在语言和框架层面对平台进行抽象,从方法论的角度去解决多平台开发的问题。 进一步浏览weex和react-native的代码之后,可转载 2017-10-02 15:30:59 · 11445 阅读 · 0 评论 -
【前端前沿看点】weex和react native的原生开发之争——对比分析
写在前面目前主流的应用大体分成三类:Native App, Web App, Hybrid App.三大主流的应用Native App特点:性能好完美的用户体验开发成本高,无法跨平台升级困难(审核),维护成本高Web App特点:开发成本低,更新快,版本升级容易,自动升级 跨平台,Write Once , Run Anywhere无法调用系统级的转载 2017-10-02 15:27:30 · 4245 阅读 · 0 评论 -
【前端前沿看点】微信小程序状态管理——Redux VS Mobx mvvm完成
一、微信小程序自身的应用状态是怎样定义的呢?page({ data: { item: '', isLoading: true }, onLoad: function(){ this.setData({ isLoading: false }) }})二、为什么使用应用状态管理工具?同一数据,一次请求,应 ...一、微信小程序自身的应用状转载 2017-09-30 13:13:23 · 5422 阅读 · 0 评论 -
【前端知识点】深入浅出带你了解HTTP2.0
作为一个经常和web打交道的程序员,了解这些协议是必须的,本文就向大家介绍一下这些协议的区别和基本概念,文中可能不局限于前端知识,还包括一些运维,协议方面的知识,希望能给读者带来一些收获,如有不对之处还请指出。 1. web始祖HTTP全称:超文本传输协议(HyperText Transfer Protocol) 伴随着计算机网络和浏览器的诞生,HTTP1.0也随之而来转载 2017-09-24 23:38:39 · 737 阅读 · 0 评论 -
【前端知识点】iframe高度自适应的6个方法
原文链接:http://caibaojian.com/iframe-adjust-content-height.htmlJS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求。当内容是未知或者是变化的时候。这个时候又有转载 2016-11-15 13:33:24 · 853 阅读 · 0 评论 -
【前端知识点】promise简书-30分钟带你搞懂promise面试必备
前言写作初衷本书的目的是以目前还在制定中的ECMAScript 6 Promises规范为中心,着重向各位读者介绍JavaScript中对Promise相关技术的支持情况。通过阅读本书,我们希望各位读者能在下面三个目标上有所收获。学习Promise相关内容,能熟练使用Promise模式并进行测试学习Promise适合什转载 2017-09-17 00:31:26 · 11581 阅读 · 2 评论 -
【前端知识点】CSS知识部分重点整理
选择器的分组CSS选择器分为1.群组选择器 如:p, body, img, div{}2.兄弟选择器 如:p + p { color:#f00; }3.属性选择器 如: p[title] { color:#f00; }4.包含(后代)选择器 如:body ul li{}5.子元素选择器 如:div > p{}6.ID选择器 如:#myDiv{}7.转载 2017-09-08 14:47:26 · 316 阅读 · 0 评论 -
【前端知识点】关于跨域的理解及解决方法
目录什么是跨域?跨域资源共享(CORS)通过jsonp跨域JSONP的优缺点CORS和JSONP对比通过修改document.domain来跨子域使用window.name来进行跨域使用HTML5的window.postMessage方法跨域什么是跨域?概念:只要协议、域名、端口有任何一个不同,都被当作是不同的域。URL转载 2017-09-08 14:53:39 · 382 阅读 · 0 评论 -
【前端前沿看点】React和Vue深度对比
关于react和vue的对比已经很久了,本人一直是react的重度使用者,为了对比vue和react的使用感受,特意了解相关知识,并且搭建了一些简单的demo以做对比,最终整理成文。至于angular和vue还有react的对比,这里暂时不细聊。最近 小尤和大漠 之间的骂战也终以大漠离职,删除所有文章而告终。其实我想说,技术这东西,有专利,但是彼此都是在相互学习。有借鉴的地方说明你写的好...原创 2017-09-08 16:29:02 · 10692 阅读 · 2 评论 -
【前端知识点】模块化开发介绍
什么是模块化开发?前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得前端开发得到重视,也使得前端项目越来越复杂,然而,JavaScript却没有为组织代码提供任何明显帮助,甚至没有类的概念,更不用说模块(module)了,那么什么是模块呢?一转载 2017-09-08 18:57:10 · 396 阅读 · 0 评论 -
【前端知识点】js原型继承方式详解
js继承的概念js里常用的如下两种继承方式:原型链继承(对象间的继承)类式继承(构造函数间的继承)由于js不像java那样是真正面向对象的语言,js是基于对象的,它没有类的概念。所以,要想实现继承,可以用js的原型prototype机制或者用apply和call方法去实现在面向对象的语言中,我们使用类来创建一个自定义对象。然而js中所有事物都是对象,那么用什么办转载 2017-09-08 19:09:12 · 310 阅读 · 0 评论 -
【前端知识点】node.js的特点通俗解读面试必备-单线程高并发、异步io、跨平台
Node.js是一个基于Chrome v8引擎建立的JavaScript运行平台,用于搭建响应速度快、易于扩展的网络应用。本文和大家分享的是Node.js的一些特点,希望对大家有帮助。 异步I/O 这里,我们来详细解释一下: 异步是什么意思 比如说你的爸,今天要叫你做些事情,比如说你要做饭、洗衣服还有扫地,以及烧开水等等一系列的事情。那么,就你一个人来说,你是不是得一件事一转载 2017-09-18 01:27:45 · 603 阅读 · 0 评论 -
【前端知识点】NodeJS优缺点及适用场景分析讨论解释
[NodeJS] 优缺点及适用场景讨论概述: NodeJS宣称其目标是“旨在提供一种简单的构建可伸缩网络程序的方法”,那么它的出现是为了解决什么问题呢,它有什么优缺点以及它适用于什么场景呢? 本文就个人使用经验对这些问题进行探讨。 一. NodeJS的特点 我们先来看看NodeJS官网上的介绍: Node.js is a platfo转载 2017-09-18 01:34:44 · 6652 阅读 · 0 评论 -
【前端知识点】CSS伪元素,GET,::before、::after还真是好用啊
伪元素:before 和 :after可以做的东西是相当惊人的。对于页面上的每一个元素,你拥有了两个更灵活的、而且可以完成其它HTML元素都能完成的东西的元素。它们让一大堆有趣的设计成为可能,而且不会对你的语义标签产生负面影响。这里有一大堆关于这些有趣的效果的示例,你想看的话就接着往下看吧。多重背景画布因为你可以将伪元素相对于它们的父类元素绝对定位,你可以想象成每个元素都有转载 2016-08-31 15:47:04 · 1322 阅读 · 1 评论 -
【前端知识点】JS中的call()和apply()方法
1、方法定义call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那转载 2017-01-11 16:02:30 · 396 阅读 · 0 评论 -
【前端知识点】HTML5 浅谈 媒体标签<video><audio>
html5播放器细谈,从大众自带浏览器 到 wechat和QQ以x5内核的浏览器,以及UC其他特殊的浏览器在此不再细谈:)当然也会分析iphone ios系统和Android手机系统的差别。【基本属性】video标签属性:src :视频的属性,url地址poster:视频封面,没有播放时显示的图片preload:预加载|none|metadata(部分预加载)|auto。默认为autoauto原创 2016-07-21 16:51:51 · 4878 阅读 · 0 评论 -
【前端知识点】GIT工作流程/步骤/基本命令
原文地址:http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html一般来说,日常使用只要记住下图6个命令,就可以了 下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remo原创 2016-08-15 11:09:30 · 2336 阅读 · 0 评论 -
【前端知识点】webpack 打包 + es6 + react入门(一)webpack打包
webpack 打包 + es6 + react入门本文主要针对webpack打包流程,注意事项,es6新特性变化,以及es6 开发react的入门教程:webpack打包流程webpack注意事项webpack,gulp,grunt差异对比webpack进阶:关于加载优化与缓存es6 新标准及新特性es6 核心特性分析react 基本语法react 生命周期react 父子组件的原创 2016-08-01 10:53:58 · 3962 阅读 · 0 评论 -
【前端知识点】前后端关于post请求中,对body的不同数据格式的解决处理方案实现
针对在全端开发中发送请求的方式以及后端接收解析处理方式的汇总,基于js全栈的解决方案,如果是熟悉js的小伙伴福利来了!本文分为前端请求,后端请求,后端处理三部分来详细解读 【请求】的方式及解决方案。前端ajax实现 1.POST JSON数据包var requestData = { name: "xxx", value: "xxxx",原创 2016-12-10 09:41:40 · 4539 阅读 · 0 评论 -
【前端前沿看点】告别promise的低可读性,Async/Await替代Promise的6个理由
Node.js的异步编程方式有效提高了应用性能;然而回调地狱却让人望而生畏,Promise让我们告别回调函数,写出更优雅的异步代码;在实践过程中,却发现Promise并不完美;技术进步是无止境的,这时,我们有了Async/Await。原文: 6 Reasons Why JavaScript’s Async/Await Blows Promises Away译者: Funde转载 2017-12-07 11:46:47 · 538 阅读 · 0 评论