关于引用swiper新版本导致无法在ie11渲染的解决方案

因为学习angular,搞了个demo网站,但是在ie11中怎么都无法渲染,没有报错,无论是在browserslist中打开了ie支持,还是看到ie跨域处理有问题,一直以为是httpclinet的问题,搞了一周多,最终确认到是swiper有个odm7的库,没有垫片,如果要处理这个bug,可以降级到swiper 3.4.2 及以下版本,或是添加dom7垫片。

记录angular 在nginx部署后在子页面刷新导致404的问题

今天发现部署的angular页面在服务端部署后子页面刷新会404,查看log后发现是寻找实体文件异常,

/usr/local/nginx/html/index/about-us/contact-us

故我在nginx添加了try_file关键字,将 $uri $uri/ /index.html 添加到尝试里面即可,整体代码

server {
listen 80;
server_name your_server_name
include proxy.conf;
root your_root;
location / {
# 这里改动了 定义首页索引文件的名称
index index.html;
#防止在子页面刷新404
try_files $uri $uri/ /index.html;
}
}

机翻MarionetteDoc-安装Marionette

安装Marionette

与所有JavaScript库一样,有几种方法可以开始使用Marionette应用程序。在本节中,我们将介绍最常见的方法。

快速启动使用NPM和Webpack

NPM是一个JavaScript的软件包管理器。

    //使用NPM通过命令行界面进行安装
    npm install backbone.marionette

Webpack是一个构建工具,可以轻松将您的依赖关系集中到一个捆绑包中,以将其传递到浏览器的标签。它与Marionette和jQuery非常相似。

在这里, 我们用Webpack准备了简单的marionettejs骨架。

快速开始使用NPM和Brunch

Brunch是快速的前端Web应用程序构建工具,具有简单的声明性配置,无缝增量编译,可快速开发,有意见的流水线和工作流程,以及源地图的核心支持。

在这里, 我们准备了与Brunch的简单的marionettejs 和Brunch的简单框架。

快速开始使用NPM和Browserify

Browserify是一个构建工具,可以轻松地将NPM模块捆绑到应用程序中,因此您可以require像将导入任何其他语言的依赖项一样。

在这里, 我们用Browserify准备了一些简单的marionettejs框架。

Browserify 和Grunt

Grunt是一个task-runner。这是简单的Browserify + Grunt框架。

Browserify和Gulp

Gulp是流媒体制作系统。这里是简单的Browserify + Gulp框架。

Echarts & DataTable 打通记录

产品经理向来是喜欢向码农找麻烦的主,虽然我以前也是其中一员
可算尝到其中滋味了
这次不是,给我找了个不小的麻烦,需求是地图关联DataTable,点击地图相应会有DataTable刷新
对于不会js的我简直是虐待,苦苦做了一周之后今天得到大神指点

全局变量


四个大字点醒了我,我拘泥于一个变量必须在函数里面却忽略了全局这一关系,代码明日更新,这个博客今晚只做备份