资讯专栏INFORMATION COLUMN

前端 打call

eechen / 3409人阅读

摘要:兼容,简单的前端框架半成品。数据查出来抛到前端觉得没有一个好看的页面展示不得劲。结果一路跑偏到前端,一入前端深似海。按趋势来说,前后端分离必然还是需要各自拥有自己的服务器。

RAW = React(Router) + Ant design + Webpack GITHUB

raw-ie8
兼容IE8,简单的前端框架半成品。

· 20170826

是的,最近在捣鼓SpringBoot。数据查出来抛到前端觉得没有一个好看的页面展示不得劲。结果一路跑偏到前端,一入前端深似海。因为一直想着尽量兼容到ie8版本,可以给公司项目用了。过程遇到了很多问题(readme记录部分),目前的状态在webpack上能跑起来,部署到nginx之类的应该没有问题。而我尝试与maven结合起来,参照《Serving a Webpack bundle in Spring Boot》搭建一个能利用webpack自动打jar包供Springboot使用的框架,之后将“raw-ie”迁移过去。然而奇怪的是,ie8上失败了(火狐,谷歌正常)。这是一个悲伤的故事。感觉整个人都憔悴了。

按趋势来说,前后端分离必然还是需要各自拥有自己的服务器。这里只是天马行空,恰巧也有前人这么想并这么做了。现在的选择,要么抛弃阿斗IE8,要么多带带给raw整个服务器适用于webpack打包后,要么直到找到问题所在,要么睡觉先。。其实还是最终目标才是选择的依据。目前可以先在webpack-dev-server上继续跑raw-ie8,在eclipse上继续往下整合SpringBoot+shrio+redis...

· 20170827

今天简单的学习了下nginx,把webpack打包好的使用nginx管理。结果发现和昨天使用springboot一体化整合的效果一样:“找不到标识符”。失败并不可怕,反而给了我重新定位错误的方向。未打包正常,打包后不管在什么平台的IE8都出错了,这不是告诉我问题出在打包上吗?然后就把UglifyJsPlugin注释掉(或者去掉-p)进行尝试。果然页面出来了,只不过存在样式问题。UglifyJs用于压缩js,去掉之后从原来700多K飙为1.92M。然后参照FED实验室的一篇文章加上了UglifyJs的一些参数,降到1.09M。但是在I8下的样式问题依然存在(- -)。对这个问题感兴趣的大神可以从上文的GITHUB链接down下来打包在ie8下跑起来看看。不过,应该没人感兴趣。。。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84937.html

相关文章

  • 「干货」细说 call、apply 以及 bind 的区别和用法

    摘要:的调用者,将会指向这个对象。此外,还可以扩展自己的其他方法。的使用最后来说说。不同的是,方法的返回值是函数,并且需要稍后调用,才会执行。而和则是立即调用。总结和的主要作用,是改变对象的执行上下文,并且是立即执行的。 前言 上一篇文章 《「前端面试题系列4」this 的原理以及用法》 中,提到了 call 和 apply。 它们最主要的作用,是改变 this 的指向。在平时的工作中,除了...

    GraphQuery 评论0 收藏0
  • 深入理解JavaScript类数组

    摘要:但是,我们可以借用类数组方法不难看出,此时的在调用数组原型方法时,返回值已经转化成数组了。很多时候,深入看看源代码也会让你对这个理解的更透彻。的前端乐园原文链接深入理解类数组 起因 写这篇博客的起因,是我在知乎上回答一个问题时,说自己在学前端时把《JavaScript高级程序设计》看了好几遍。于是在评论区中,出现了如下的对话:showImg(https://segmentfault.c...

    Towers 评论0 收藏0
  • 前端答疑-chrome开发者工具正确食用-调试代码

    摘要:之前写过前端答疑开发者工具正确食用看网页源码,其中涉及到了和两个标签。工具栏提供了,路径过滤支持正则,类型过滤,拿响应其实很简单啊,找到页面的请求,然后看里面不就是吗看这个其实也是昨天碰到的,有个朋友说他下载文件失败。 之前写过前端答疑-chrome开发者工具正确食用-看网页源码,其中涉及到了 Sources 和 Network 两个标签。 不曾想现在的世界越来越看不懂了昨天吧,一个...

    zhangxiangliang 评论0 收藏0
  • javascript对象不完全探索记录02:疯狂call!给谁call什么call

    摘要:注意该方法的作用和方法类似,只有一个区别,就是方法接受的是若干个参数的列表,而方法接受的是一个包含多个参数的数组。指定的参数列表。返回值返回值是你调用的方法的返回值,若该方法没有返回值,则返回。 温馨提示:作者的爬坑记录,对你等大神完全没有价值,别在我这浪费生命温馨提示-续:打call原本是属于我们偶像宅文化中的专业名词,指的是饭们在看live时在台下配合爱豆演出的节奏喊口号,举例:超...

    Shimmer 评论0 收藏0
  • javasscript - 收藏集 - 掘金

    摘要:跨域请求详解从繁至简前端掘金什么是为什么要用是的一种使用模式,可用于解决主流浏览器的跨域数据访问的问题。异步编程入门道典型的面试题前端掘金在界中,开发人员的需求量一直居高不下。 jsonp 跨域请求详解——从繁至简 - 前端 - 掘金什么是jsonp?为什么要用jsonp?JSONP(JSON with Padding)是JSON的一种使用模式,可用于解决主流浏览器的跨域数据访问的问题...

    Rango 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<