随笔分类 -  javascript

vue实现菜单权限控制
摘要：大家在做后台管理系统时一般都会涉及到菜单的权限控制问题。当然解决问题的方法无非两种——前端控制和后端控制。我们公司这边的产品迭代速度较快，所以我们是从前端控制路由迭代到后端控制路由。下面我会分别介绍这两种方法的优缺点以及如何实现（不熟悉vue-router API的同学可以先去官网看一波API哈）。 阅读全文
posted @ 2019-01-20 17:43 前端小豪 阅读(42813) 评论(7) 推荐(6)
webpack之深入浅出externals
摘要：我们通常在做项目时可能会把第三方库打包到bundle中，比如下面这张图 如果不想把第三方库打包到bundle中，这就有了externals。官方的使用externals比较简单，只需三步—— 1.在HTML中引入第三方库的cdn 2.在webpack中配置externals 3.在js中引用 好，现 阅读全文
posted @ 2017-12-03 01:03 前端小豪 阅读(22961) 评论(0) 推荐(0)
webpack之前端性能优化（史上最全，不断更新中。。。）
摘要：最近在用webpack优化首屏加载性能，通过几种插件之后我们上线前后的速度快了一倍，在此就简单的分享下吧，先上个优化前后首屏渲染的对比图。 可以看到总下载时间从3800ms缩短到1600ms。 我们在用webpack时一般都会选择多入口文件吧，为的就是将自己的源码跟第三方库代码分离。这是之前的代码， 阅读全文
posted @ 2017-12-01 21:18 前端小豪 阅读(35805) 评论(13) 推荐(2)
webpack插件url-loader使用规范
摘要：其实说到性能优化，他的范围太广了，今天我们就只聊一聊通过webpack配置减少http请求数量这个点吧。 简单说下工作中遇到的问题吧，我们做的一个项目中首页用了十多张图片，每张图片都是一个静态资源，所以都会有http请求，为了减少请求，我们可以通过base64编码的方法来展示图片。webpack中有 阅读全文
posted @ 2017-11-20 19:48 前端小豪 阅读(33803) 评论(2) 推荐(4)
移动端布局最佳实践（viewport+rem）
摘要：通过前几天写的两篇博客(浅谈移动端三大viewport和移动端em和rem区别)，我们现在来总结一下如何实现一个最佳方案。 之前在第二篇博客中提到过我们可以使用媒体查询来针对不同设备及做适配，如下图 但是这个可能不会太精准，比如我的设备布局viewport可能是370px，这样只能使用320这一版本 阅读全文
posted @ 2017-07-20 18:33 前端小豪 阅读(11485) 评论(1) 推荐(4)
如何使用vuejs过滤器
摘要：大家再使用vue做项目时，查询功能当然必不可少，这就得使用vue强大的filter啦。其实vue内置的两个属性filterBy和orderBy已经能满足部分需求了，但是她更大的的魅力在于自定义filter（之后的文章中会分享），正好我最近做的项目中用到了这个。先给大家看下需求吧。如下图，这是一个通讯 阅读全文
posted @ 2017-06-06 21:31 前端小豪 阅读(5015) 评论(1) 推荐(1)
从new Function创建函数联想到MVC模式
摘要：我们知道任何一个自定义函数都是Function构造器的实例，所以我们可以通过new Function的方式来创建函数，使用语法很简单， new Function(形参1, 形参2, ..., 形参N, 函数体) 注意，里面的参数全部是以字符串的形式呈现。比如一个简单的例子——要求写一个函数, 求两个 阅读全文
posted @ 2016-03-08 11:02 前端小豪 阅读(686) 评论(0) 推荐(0)
使用另一种方式实现js中Function的调用(call/apply/bind)
摘要：在JavaScript中函数的调用可以有多种方式，但更经典的莫过于call和apply。call跟apply都绑定在函数上，他们两个的第一个参数意义相同，传入一个对象，他作为函数的执行环境（实质上是为了改变函数的Execution Context执行上下文），也就是this的指向；而第二个参数两者只 阅读全文
posted @ 2016-02-28 14:57 前端小豪 阅读(6492) 评论(1) 推荐(0)
js执行上下文（由浅入深）
摘要：每一个函数都有自己的执行上下文EC（执行环境execution context），并且每个执行上下文中都有它自己的变量对象VO（Variable object），用于存储执行上下文中的变量 、函数声明 、函数参数，这解释了js如何找到我们定义的函数和变量。并且函数是js中唯一一个能创建出作用域的，注... 阅读全文
posted @ 2015-12-21 20:00 前端小豪 阅读(11088) 评论(6) 推荐(4)
js中this的用法
摘要：在函数内部有两个特殊对象：arguments和this，this的指向其实是非常灵活的，它会根据调用function的对象不同，导致了this的指向不同。当在全局作用域下调用函数时，this指向window。例如：window.color = 'red';var o = {color: 'blue'... 阅读全文
posted @ 2015-11-03 15:19 前端小豪 阅读(5810) 评论(0) 推荐(4)
js原型链与继承（初体验）
摘要：js原型链与继承是js中的重点，所以我们通过以下三个例子来进行详细的讲解。 首先定义一个对象obj，该对象的原型为obj._proto_,我们可以用ES5中的getPrototypeOf这一方法来查询obj的原型，我们通过判断obj的原型是否与Object.prototype相等来证明是否存在obj... 阅读全文
posted @ 2015-07-12 16:07 前端小豪 阅读(3519) 评论(0) 推荐(0)