大家都有过用-min.js开发的经历,但这样的脚本调试非常头疼。如果使用为压缩版的,上线前又要去压缩,sourcemap的出现完美解决了这一问题。 即便是chrome提供了格式化代码但阅读压缩后的代码环视很吃力的。 以angularjs为例,谈谈sourcemap的使用。 我的文件夹 ...
前端项目的运行环境大多数都是在浏览器上面的,调试的时候借助浏览器的 console 功能就可以能方便的解决问题了,就能愉快的 debug了,下面说下用的比较多的方法: . 在项目开发过程中定位问题一般都是通过控制台输出变量值,多打几个console就能看到数据值的变化了 vardataMessage 把我的数据输出呀 console.log 这个变量值 ,dataMessage . 在项目中借助 ...
2019-08-22 17:34 0 531 推荐指数:
大家都有过用-min.js开发的经历,但这样的脚本调试非常头疼。如果使用为压缩版的,上线前又要去压缩,sourcemap的出现完美解决了这一问题。 即便是chrome提供了格式化代码但阅读压缩后的代码环视很吃力的。 以angularjs为例,谈谈sourcemap的使用。 我的文件夹 ...
一、了解前端技术栈 1. react:前端开发语言(着重学习) React是用于构建用户界面的JavaScript框架,用于构建高效、快速的用户界面。React 中一切都是组件。 虚拟dom 2. webpack:前端打包工具 一个开源的前端打包工具,将你的js、css ...
原文地址:前端快速开发模版 之前一直在开发移动端的单页面应用,而移动web对性能和效果要求是比较苛刻的,所以用的都是轻量级的框架体系。基本上是Zepto加自己开发的单页面框架,再加上若干简单的库。这样前端要加载的文件很小,修改起来也非常方便,同时这样的轻量级的体系使用gulp进行自动化管理也是 ...
背景:市面上的监控系统有很多,大多收费,对于小型前端项目来说,必然是痛点。另一点主要原因是,功能虽然通用,却未必能够满足我们自己的需求, 所以我们自给自足也许是个不错的办法。 这是搭建前端监控系统的第二章,主要是介绍如何统计js报错,跟着我一步步做,你也能搭建出一个属于自己的前端监控 ...
如何利用日志快速定位问题 引言 一般来说软件系统或者软件组件都可以简单的划分为下面三部分: 输入部分,例如: 软件系统外部通信数据/事件输入; 软件组件API接口参数(同步/异步); 软件系统或者组件从外界读取数据(存储设备,文件,共享内存 ...
现在的大多数浏览器都有缓存机制,目的是减少客户端的访问次数,减轻服务器的压力。但是在开发工程中或者是版本更新过程中,缓存机制的存在会使得程序版本已经更新,但是效果不能出现的状况,需要开发人员频繁的清除缓存,并不友好,特此总结以下几种方式(以谷歌为例),仅供参考,如有雷同,不甚荣幸。 1. ...
在开始之前,我们先熟悉这样一个概念:同源策略。所谓同源策略,指的是‘同一个协议,同一个域名,同一个端口’。三者有任意一个不一样,均不可称之为同源。 URL 说明 ...
注:本文章是参考千锋网学习视频总结得出。 最近在学习一个前端项目,项目中多处用到了浮动和定位。为此,通过看查找资料和看学习视频,从浮动、清除浮动、相对定位、绝对定位、总结等五个部分来谈谈我对浮动和定位的理解。 一、浮动 浮动的使用场景:一般是将竖起来的多个盒子进行横向的排列。 浮动的负面 ...