最新版的Butterfly取消了原来设置在_config.yml里的默认CDN，导致不能快速替换掉现在极不稳定的jsDelivr CDN。本文的默认Butterfly版本为4.1.0。
1，找到http://www.xinhuanet.com 图片显示不了的原因，curl没打开zip宏
Bootstrap 3 与 4 差别很大，目录文件结构、所引入的内容也不同，这里说说一下 Bootstrap 引入的文件、网页模板和兼容性问题。本网站刚刚搭建好，正好发一下文章原来测试网站。
基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能。
Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/heatmap.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/heatmap.src.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/no-data-to-display.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/no-data-to-display.src.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/solid-gauge.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/solid-gauge.src.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/dark-blue.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/dark-green.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/dark-unica.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/gray.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/grid-light.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/grid.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/sand-signika.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/skies.js' Copying '/opt/jumpserver/apps/static/js/plugins/iCheck/icheck.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/jstree/jstree.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/layer/layer.js' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/layer.css' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/default/icon-ext.png' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/default/icon.png' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/default/loading-0.gif' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/default/loading-1.gif' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/default/loading-2.gif' Copying '/opt/jumpserver/apps/static/js/plugins/magnific/jquery.magnific-popup.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/metisMenu/jquery.metisMenu.js' Copying '/opt/jumpserver/apps/static/js/plugins/pace/pac
听说js是一样很BT的语言，今天真是有点领教到了。 用python3.6+django2.0开发网站时，遇到了一个坑中之坑！ 在异步数据提交Ajax的运用中，不免在回调函数中使用到JSON.parse(data) 浏览器控制台Console报错： VM493:1 Uncaught SyntaxError: Unexpected token ' in JSON at position 1 at JSON.parse (<anonymous>) at Object.success ((index
做一个项目的时候 ，控制台总是会出现各种bug,其实不用慌张，终结起来也就几种类型的错误，在开发中每次遇到错误都善于总结，下次在看到就会胸有成竹知道是什么情况了，以下是在开发过程中总结的一些错误以及错
image.png 更新日志 添加问题模板 添加mac gitignore配置 添加发布缩略图网址功能 添加共享功能＃35 ＃28 ＃44 添加帖子内容摘录剪辑＃15 修复！lg页面gotop ＃30 修复共享btn风格 修复a：悬停默认颜色＃43 ＃12 修复默认的删除功能＃16 修复标题行夹＃48 ＃45 删除diy资源 删除升级配置 优化默认微信QR图像 优化更改按钮的颜色 image.png kratos ├── 404.php ├── LICENSE ├── comments.ph
1.gulp介绍 基于流的前端自动化构建工具，利用gulp可以提高前端开发效率，特别是在前后端分离的项目中。使用gulp能完成以下任务： 压缩html、css和js 编译less或sass等 压缩图片 启动本地静态服务器 其他 2.gulp构建 前端构建流程： 开发->分析->测试->编译->发布部署 一段简单的基于gulp的项目构建代码，gulpfile.js内容如下所示: gulp.task('default',function(){ return gulp .src(
当前，前后端分离大行其道，我本人之前不少项目也是纯前后端分离，但总有些场景，春前后端分离整起来比较痛苦，比如我手头这个公众号项目吧，它涉及到第三方鉴权，第三方凭证，以及微信凭证这些，都不适合放到前端去做，外加一些本身业务层面的认证授权，这些终归是放服务端处理合适一些的。另一层面原因，是不想系统所有功能全怼到一个SPA中，还是希望不同功能模块，去拆分到不同页面中的， 俗称的多页。
遇到这个问题的时候一开始我以为是引入的js有问题，后来研究了源码之后原来是datatable的列的数量和表头列的数量没有对齐，表头我定义的列是这样的
部署前端之前，开发者通常会对代码进行打包压缩，这样可以减少代码大小，从而有效提高访问速度。然而，压缩代码的报错信息是很难Debug的，因为它的行号和列号已经失真。这时就需要Source Map来还原真实的出错位置了。
然后，在<body>标签结尾引入lightgallery.min.js，如果你想引入其他 lightgallery 的功能插件，你可以将这些插件引入到lightgallery.min.js之后，如下：
Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 Bootstrap支持响应式布局!响应式布局指的是一个网站能够兼容多种终端设备访问!. 终端设备:..电脑、平板电脑、手机
ES6在语言规格的层面上，实现了模块功能，而且实现得相当简单，完全可以取代现有的CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案。
*bootstrap.css 是完整的bootstrap样式表，未经压缩过的，可供开发的时候进行调试用 *bootstrap.min.css 是经过压缩后的bootstrap样式表，内容和bootstrap.css完全一样，但是把中间不必要的空格之类的东西都删掉了，所以文件大小会比bootstrap.css小，可以在部署网站的时候引用，如果引用了这个文件，就没必要引用bootstrap.css了，下面的文件同样。
上周Wijmo 2014 V2版本刚刚发布(下载地址), 有网友下载后发现仅仅使用了40个Widgets的一小部分，还需要加载全部的jquery.wijmo-pro.all.3.20142.45.m
真的，大家相信我，领导也要相信我，昨天下午我下班前运行之后报告还是很完美的，非常好的。
注意：把css文件放在head中，js文件放在body的最下面，jquery在BP上面。
本文实例讲述了Thinkphp5框架中引入Markdown编辑器操作。分享给大家供大家参考，具体如下：
随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。
笔者增加Bootstrap 4 和 FontAwersome(字体图标)，因为Bootsrap 4已经不再包含图标了。
Angular 2 已经发布了 2.1.2 版本， 相信很多人已经在使用（试用）了， 相比 AngularJS 1.x ， Angular 2 在性能上有了长足的进步， 同时 Angular 2 也变得非常的庞大， 动辄几兆的脚本， 如何部署到生产环境？ 接下来就介绍如何为生产环境编译 Angular 2 应用， 在本文中， 我们将 Angular 2 官方文档中的 Hello Angular 应用编译到 50K 以下， 以用于生产环境。
WebJars能使Maven的依赖管理支持OSS的JavaScript库/CSS库，比如jQuery、Bootstrap等。 （1）添加js或者css库 pom.xml Xml代码 <dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>3.3.7-1</version> </dependency> <dependency> <groupId>o
对于任何一个网站来说，优化页面的访问速度是必须的，个人来说，只要加载页面十秒以上或长时间处于空白或加载状态，我会立刻关掉此页面的。你又能容忍几秒呢？
Sentry 支持通过 CDN 加载其 JavaScript SDK。通常，我们建议使用 npm 软件包（@sentry/browser）作为 CDN 创建方案，在这些方案中，由于网络问题或广告扩展程序之类的常见扩展，Sentry 无法加载。如果必须使用 CDN，请看看如何使用我们的 JS 加载器延迟加载 Sentry。
消除游戏-消消乐 一个基于HTML，Javascript的消除游戏。使用了createjs框架。 ---- -> view online demo ---- screenshot: Example 1: 📷 Example “hint()”: 📷 Example [col&row]: { col:20, //set 20 columns row:16, //set 16 rows } 📷 usage: <canv02
调用.serialize() 方法会生成 email=aa&password=123456 这种格式的参数
本文实例讲述了Yii2框架加载css和js文件的方法。分享给大家供大家参考，具体如下：
在页面 <head> 标签中添加以下 <meta> 标签，控制多核浏览器优先使用 webkit 内核渲染页面：
很早就开始跟着老师学习jQuery课程，那时候是要求熟练使用jQuery中的easyUI插件中的控件，包括textbox、combobox、panel、checkbox、tree、datagrid等等 总之是关于基本表单控件、树和一些图表统计的应用，当然，还有一些后台数据库的连接使用。当时几乎都在学着怎么用，竟然没有去仔细深入思考关于jQuery，并且对在头部（head中）引入的一些诸如jquery-1.4.4.min.js 文件也没有太大感觉。果然，在自己需要用jQuery做前端的时候一顿茫然。 这两天终
表单输入框对输入内容校验，这是一个很基本的功能，像这种非常普遍的功能，当然是先找下有没有现成的插件可以使用。 这里介绍一款很好用的表单验证插件，formvalidation，实际上也是bootstrap的一个插件，之前叫bootstrapValidator，现在独立出来了。 官网：http://formvalidation.io/
(function() { var canvas = document.getElementById('quakeCanvas'); // Create our Planetary.js planet and set some initial values; // we use several custom plugins, defined at the bottom of the file var planet = planetaryjs.planet(); planet.loadPlugin(autocenter({extraHeight: -120})); planet.loadPlugin(autoscale({extraHeight: -120})); planet.loadPlugin(planetaryjs.plugins.earth({ topojson: { file: 'https://101.43.39.125/HexoFiles/js/planetaryjs/world-110m.json' }, oceans: { fill: '#001320' }, land: { fill: '#06304e' }, borders: { stroke: '#001320' } })); planet.loadPlugin(planetaryjs.plugins.pings()); planet.loadPlugin(planetaryjs.plugins.zoom({ scaleExtent: [50, 5000] })); planet.loadPlugin(planetaryjs.plugins.drag({ onDragStart: function() { this.plugins.autorotate.pause(); }, onDragEnd: function() { this.plugins.autorotate.resume(); } })); planet.loadPlugin(autorotate(5)); planet.projection.rotate([100, -10, 0]); planet.draw(canvas); // Plugin to resize the canvas to fill the window and to // automatically center the planet when the window size changes function autocenter(options) { options = options || {}; var needsCentering = false; var globe = null; var resize = function() { var width = window.outerWidth /2 + (options.extraWidth || 0); var height = window.outerHeight/2 + (options.extraHeight || 0); globe.canvas.width = width; globe.canvas.height = height; globe.projection.translate([width / 2, height / 2]); }; return function(planet) { globe = planet; planet.onInit(function() { needsCentering = true; d3.select(window).on('resize', function() { needsCentering = true; }); }); planet.onDraw(function() { if (needsCentering) { resize(); needsCentering = false; } }); }; }; // Plugin to automatically scale the planet's projection based // on the window size when the planet is initia
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-
使用CDN链接可以大大减小自己项目包的大小，把大部分的公共代码资源已经放在了云服务器上，只需要链接请求就可以。比如要引用jquery，可以自己下载jQuery.js文件导入，也可以直接导入一个链接，请求jQuery源代码。
为什么慢？GFW屏蔽了google, 而stack overflow上用了一个js脚本，此脚本在谷歌服务器上。解决思路，就是让浏览器在本地加载此js脚本。访问速度直接从1.4min变到2s.
网页开发最最重要最最基本的就是富文本编辑器和文件上传，开始我迷信百度的ueditor和webupload，结果总是别扭，看来不能迷信BAT啊。富文本用了froala，文件上传早点用bootstrap fileinput那多炫啊。
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。
本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的，本文将介绍两种方法和方式，仅供朋友选择和取舍。本文最下面附有插件的下载地址！ 方式1： 基于jquery.qrcode.min.js插件生成，代码如下： <html> <head> <title>生成二维码</title> <meta name="author" content="Stone(at)游久网,Blog" /> <script type="text/javascript" src=
包含内容：antd.min.css、antd.min.js、vue.min.js。
近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
Sentry 支持通过 source maps（源代码映射）对 JavaScript 进行 un-minifying，这允许您以原始的未转换形式查看从堆栈跟踪中获得的源代码上下文。这对于调试压缩后的代码(例如，UglifyJS)或从高级语言编译的代码(如 TypeScript 和 ES6)特别有用。
Copying '/opt/jumpserver/apps/static/js/plugins/inputTags.jquery.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/cropper/cropper.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/datatables/datatables.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/datatables/pdfmake.min.js.map' Copying '/opt/jumpserver/apps/static/js/plugins/datatables/i18n/English.lang' Copying '/opt/jumpserver/apps/static/js/plugins/datatables/i18n/zh-hans.json' Copying '/opt/jumpserver/apps/static/js/plugins/datepicker/bootstrap-datepicker.js' Copying '/opt/jumpserver/apps/static/js/plugins/demo/peity-demo.js' Copying '/opt/jumpserver/apps/static/js/plugins/dropzone/dropzone.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/echarts-all.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/echarts.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/bar.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/chord.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/eventRiver.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/force.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/funnel.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/gauge.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/heatmap.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/k.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/line.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/map.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/pie.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/radar.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/scatter.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/tree.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/treemap.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/venn.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/wordCloud.js' C
今天的主要工作都在用react.js写一些前端界面，中间遇到了一些问题，这里解决这些问题的过程记录一下。 使用echarts图表组件 由于项目比较老旧，并没有使用webpack、gulp之类的前端编译工具进行编译，而是直接将依赖的javascript库引入，如下所示： <body> <script type="text/javascript" src="${ctx}/script/lodash/lodash.min.js"></script> <sc
在Web应用开发中，特别是前端开发中，经常会碰到的一个问题是时间选择问题，幸好Bootstrap已经为我们提供了时间选择控件datetimepicker，但在datetimepicker的实际开发使用中仍然会有一些小问题，例如根据国家来进行显示时间的时区变换。作者也是碰了好多坑之后才把这个控件的用法弄清楚了，记录一下以便给后来者提供参考。
领取专属 10元无门槛券
手把手带您无忧上云
