• 前端分享学习博客,探究前端相关技术,推动天朝前端发展,有任何问题都可以留言一起探究
  • 由于站内自链接问题,部分pre中的代码首字母使用大写以过滤筛选
  • 欢迎友链互换,还有,如果有大神请不要黑我的站点(o´・ェ・`o)
  • 如果你觉得博客还不错,请Ctrl+D收藏( *︾▽︾)

frame browser

从在浏览器地址栏输入地址按回车,到页面渲染出来,发生了什么

从在浏览器地址栏输入地址按回车,到页面渲染出来,发生了什么
到现在可能仍有人会疑问,前端要理解掌握这个问题吗?“我们需要能系统的定位和解决问题的工程师,而不是一个前端”用一句话的事中的话概况就是:浏览器 DNS 缓存 => 本机 DNS 缓存 => LDNS(NS) => RDNS(GTLD) => NS(IP) => IP然后 数据回传=> 浏览器接包 => 解析数据渲染DomTree => 渲染页面 ……继续阅读 »

薛 陈磊 2个月前 (09-13) 658浏览 1个赞

Nuxt.js踩坑集

Nuxt.js踩坑集
Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染;集成了webapck和vue-mate等,可用于解决传统SPA页面渲染中的SEO问题;Nuxt.js 官网:https://nuxtjs.orgNuxt.j实例基础配置:https://github.com/Xi……继续阅读 »

薛 陈磊 4个月前 (07-31) 1631浏览 0个赞

JavaScript Puzzlers in VueX

JavaScript Puzzlers in VueX
好久没更了,开了新项目,重构老版本的前后台页面和功能,最近在做调研和一些文档,技术选型及结构如下:前台:前台部分使用nuxt.js(Vue2+Vue-Router+Vuex+Vue-Meta+Webpack )+Mock.js+Axios├─.nuxt│ ├─components│ └─dist├─assets ……继续阅读 »

薛 陈磊 4个月前 (07-27) 959浏览 0个赞

微信小程序的一些探究

微信小程序的一些探究
‍‍近来前端组两个主要的探究方向,一个是微信小程序,一个是React,林林总总都看了些,作为储备资料;1.微信小程序是什么微信小程序是微信推出连接用户与服务的新方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验;小程序分为个人体验和企业应用两个主要对外显现,个人版无注册门槛,提供个人信息即可,无法对外分享/可搜索;企业版需要企业认证,全局……继续阅读 »

薛 陈磊 6个月前 (05-19) 551浏览 0个赞

上手angular2.0之angular/cli 配置

上手angular2.0之angular/cli 配置
angular2.0正式版推出有一段时间了,angular4.0也刚刚推出正式版,与1.x版本相比差别还是挺大的,性能优化的也比较显著,具体的差异变化可参考:angular.js1与angular.js2之间的一些差别。所以说我大前端发展日新月异,继续跟进掌握。下面是过程中的一些坑,思之记之,也提醒其他dev别掉坑里了;配置/安装 angular/cli……继续阅读 »

薛 陈磊 8个月前 (04-03) 1485浏览 30个赞

新版本 Chrome 57发布!

新版本 Chrome 57发布!
作为一个Google死忠粉,时刻关注Chrome及ChromeTools动向,17年三月份Chrome 57新版本终于发布了!第一时间升级,来看看更了什么;CSS grid layoutFlexbox是一个很好用的布局策略,它可以布局复杂的分布格式,但它只能做一维布局,Chrome 57新加 display:grid 支持,display:grid是个……继续阅读 »

薛 陈磊 8个月前 (03-14) 1290浏览 1个赞

前端知识树-构建你的知识体系

前端知识树-构建你的知识体系
经常有人问,我想学前端,要从哪里学起,或者有点基础,想学点其他的,要学什么?两年前我同样带着这样的疑问,搜索了前端知识体系这个关键词,被大神们各种图解和list吓到了,心想还是先做好当下的工作吧;时光荏苒,前几天小组对思维体系和知识体系的构建这个话题做了讨论,觉得是时候列出一个前端知识体系来总结概括和继续学习了;话不多说,看下图,矢量全屏版戳这里:……继续阅读 »

薛 陈磊 9个月前 (02-23) 2214浏览 29个赞

HTTP缓存

HTTP缓存
通过网络获取内容既缓慢,成本又高,大的响应需要在客户端和服务器之间进行多次往返通信,这拖延了浏览器可以使用和处理内容的时间,同时也增加了访问者的数据成本。因此,缓存和重用以前获取的资源的能力成为优化性能很关键的一个方面。每个浏览器都实现了 HTTP 缓存! 我们所要做的就是,确保每个服务器响应都提供正确的 HTTP 头指令,以指导浏览器何时可以缓存响应以及……继续阅读 »

薛 陈磊 10个月前 (02-05) 935浏览 2个赞

Progressive web app理念及发展前景

Progressive web app理念及发展前景
前一段时间微信推出微信小程序进行公测,着实火了一把,博得了大众的眼球,不明真相的吃瓜观众们纷纷围观,所谓的“微信小程序”,通俗的讲就是一种不需要下载安装即可使用的应用程序,脱离于app商店依托于浏览器运行,实现与传统app非常接近的功能,优点这里就不累述了;各路英豪纷纷跟进表示要进行微信小程序开发,各种蹭热度,对于其发展前景,大神们的分析见解也很多;刚看到……继续阅读 »

薛 陈磊 10个月前 (01-19) 2671浏览 8个赞