烹鹿

烹鹿 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑

生活中逗比,工作中认真,忘性有点大,常被称为猪的前端程序鹿~

个人动态

烹鹿 收藏了文章 · 2018-02-11

webpack实践——webpack-bundle-analyzer 的使用

先看webpack-bundle-analyzer的效果图(官方效果图):
93f72404-b338-11e6-92d4-9a365550a701.gif

通过使用webpack-bundle-analyzer可以看到项目各模块的大小,可以按需优化

1、先安装

npm install --save-dev webpack-bundle-analyzer

2、在webpack.config.js中配置:

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
plugins: [
new BundleAnalyzerPlugin(
           {
              analyzerMode: 'server',
              analyzerHost: '127.0.0.1',
              analyzerPort: 8889,
              reportFilename: 'report.html',
              defaultSizes: 'parsed',
              openAnalyzer: true,
              generateStatsFile: false,
              statsFilename: 'stats.json',
              statsOptions: null,
              logLevel: 'info'
                }
       ),
]

3、在package.json的scripts里加入下面这句话,就可以npm run build之后看到webpack-bundle-analyzer的效果:

"analyz": "NODE_ENV=production npm_config_report=true npm run build"

参考资料:​​webpack-bundle-analyzer

查看原文

烹鹿 回答了问题 · 2017-06-25

解决正则表达式,怎么把a标签的链接文字提取出来?

不能使用innerHTML么?

关注 3 回答 3

烹鹿 回答了问题 · 2017-06-20

解决问一个异步请求formData的配置问题!

楼上都是正解,应该是跨域了,可以尝试下以下解决办法

  1. 因为你现在是联调环境,我不知道你是用的什么方式,如果可以实现前端代理,你可以代理一下,保证通过转发保证在一个域

  2. 如果不能设置代理,那么就使用cors(跨域资源共享)方法,服务端设置httpServerResponse.setHeader('Access-Control-Allow-Origin', '发起请求的来源url(协议+(ip+端口)/域名)'),以及设置httpServerResponse.setHeader('Access-Control-Allow-Credentials', true),前端在发送请求前设置req.withCredentials = true;[其中req = new XMLHttpRequest()]

关注 6 回答 4

烹鹿 回答了问题 · 2017-06-20

git如何只合并某个人提交的代码记录到master分支

这种具体实现可能有两种:

  1. 就是你们分别在本地拉分支开发,然后不经过develop分支直接从本地合并到master上去(但是应该不会使用这种),这种就要保证你本地代码和develop上的一致

  2. 另一种就只能B和C把自己代码线去掉,然后合并

最后,我觉得git类的这种操作,可能还是要结合你的业务以及开发模式去分析,所以这上面得到的答案不一定符合你们的开发规范。

关注 7 回答 6

烹鹿 回答了问题 · 2017-06-20

解决table组件中使用render函数浏览器报错

虽然不知道你这用的什么,但是你应该可以通过console.log出h变量,然后找到原因。

关注 3 回答 2

烹鹿 回答了问题 · 2017-06-20

解决vue mounted 调用method方法后,method里的post报错。

报的错是post属性TypeError(引用null或undefined类型的值中的属性,引擎会报此错),所以说,你的vue中this.$http应该是不存在的。你看看是不是vue-resource没有引入进去,或者引入位置有误,如果还有问题,建议查vue-resource的使用。

关注 2 回答 2

烹鹿 回答了问题 · 2017-06-18

解决微信小程序封装定位问题(封装异步并可能多次请求)

看代码,感觉是因为你的第一个promise没有进行决议,然后通过调用getLocation()又开始启用了另一个promise,所以会报错吧。
我理解的你要实现的就是在promise中要递归的调用自身。你可以搜搜promise递归调用相关问题。

关注 2 回答 1

烹鹿 回答了问题 · 2017-06-16

angular指令如何第一时间获取到数据问题

你在代码里面写一个scope.$watch('calInit', function(val, oldVal){debugger;});你调试下,看开始是没有,还是说数据就是没定义。
因为你以上只描述了一部门,所以没办法判断

关注 5 回答 2

烹鹿 回答了问题 · 2017-06-16

angularJs取不到date-range-picker的ng-model值

你在外边定义一个对象比如obj,然后ng-model绑定一个ng-model="obj.submitTime"应该就可以了,原因可能是取不到的那个ng-model所在Scope实际上是外层可以取到的子Scope。

关注 2 回答 1

烹鹿 回答了问题 · 2017-06-16

解决为什么结果是3不是2呢?

js顺序执行,首先执行所有的循环,在执行的过程中以此arr[0]= function(){return i;},arr[1]= function(){return i;},arr[2]= function(){return i;}同时i循环后编程3,接着调用arr[0]()等调用的时候,此时作用域内的i是3,所以依次都会是3.

PS: 这题应该会先执行arr = F()把,否则会报错呀~~

关注 5 回答 4

认证与成就

  • 获得 5 次点赞
  • 获得 1 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 1 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2016-03-07
个人主页被 249 人浏览