技术文章

(2/24) 快速上手一个webpack的demo

喜欢而已 提交于 2021-02-20 07:36:26
写在前面:该部分的安装都是基于windows系统的,且此处的webpack的版本为:3.6.0。 1.安装webpack 1.1 安装方法: 用win+R打开运行对话框,输入cmd进入命令行模式。然后找到你想开始项目的地方,输入下方代码: mkdir webpack3 cd webpack3 第一句是建立一个文件夹,第二句是进入这个文件夹。这个文件夹就是我们的项目文件目录了,文件夹建立好后,可以通过下面命令安装webpack。 需要注意的是,你在执行下一步时必须安装node,可以通过 node -v来查看node安装情况和版本,如果没有安装,要先安装node才可以继续进行。 戳此查看安装node.js 1.1.1 全局安装 // 全局安装---主要命令行需要直接输入webpack命令 npm install -g webpack 如果你这时安装失败了(出现了报错信息),一般有三种可能: 检查你node的版本号,如果版本号过低,升级为最新版本。 网络问题,可以考虑使用cnpm来安装(这个是淘宝实时更新的镜像),具体可以登录cnpm的官方网站学习 http://npm.taobao.org/。 权限问题,在Liux、Mac安装是需要权限,如果你是Windows系统,主要要使用以管理员方式安装。 解决方法: windows 使用win+x,选择命令提示符(管理员),在里面运行命令就好了。

ECharts树图节点过多时取消缩放,调整容器高度自适应内容变化

烂漫一生 提交于 2021-02-20 07:36:04
问题现象   使用ECharts树图,在数据维度大,节点过多时,所看到的内容会重叠交错,无法查看。 原因   在给定ECharts树图容器尺寸后,无论数据多么庞大或者稀少,数据始终会尝试在给定容器内撑满、全部显示。 处理 var container = document.getElementById('chart-panel' ); myChart.on( 'click', function (params) { if (params.componentType === 'series' ) { // 点击到了 series 上 if (! params.value) { // 点击的节点有子分支(可点开) var elesArr = Array.from( new Set(myChart._chartsViews[0 ]._data._graphicEls)); var height = 200; // 这里限制最小高 var currentHeight = 10 * (elesArr.length - 1) || 10; // 每项10px var newHeight = Math.max(currentHeight, height); container.style.height = newHeight + 'px' ; myChart.resize(); } } });  

樊登力荐的《道德经说什么》,比熊逸《道可道》差两颗星

自闭症网瘾萝莉.ら 提交于 2021-02-20 07:20:31
“ 我们应该有一个非常深刻的体验:道家并不是消极的、被动的、什么事都不做。什么叫无为?“为而不争”是无为的一个重要的方面,这可以看作是全部《道德经》的核心的总结。我们回头去想,“上善若水”讲“善利万物而不争”;天道讲“为而不争”。 ” 道德经说什么 作者: 韩鹏杰 出版社: 江西人民出版社 出版年: 2019-7 页数: 468 定价: 81.00元 装帧: 平装 ISBN: 9787210113676 01 — 看了前言后序和对《道德经》前20章的讲解。看不下去了,不准备看完了。 全书篇幅较长,实际是依据作者讲道德经的视频整理出来的,比较口语化,略显啰嗦。内容前后有重复,比如一个案例前面举了后面再举。 基本是对道德经原文的解释。加上一些案例。案例总体来说偏肤浅。 原文有不少比较难读的字没给出注音,这算本书一个缺点。 我看过李零讲《道德经》的《人往低处走》部分章节,看过熊逸《道可道》,评价是《道可道》5星,《人往低处走》4星,这两位在古典文化方面的视野更宽广更深刻。本书比较而言只有3星。 作者对《道德经》有两个重要的观点: 1:读《道德经》最好的方式,以经解经,就是用《道德经》的内容解释《道德经》; 2:《道德经》本质上是一本对话体,只不过老子在刻书时把对面坐的人是谁、问的什么问题都省略了。 《道德经》的内容,我读了本书前1/3的内容后的总结: 1:万物自有其运行规律

介绍一款 API 敏捷开发工具

末鹿安然 提交于 2021-02-20 07:07:06
作者:棒锤 xie.infoq.cn/article/b5c3a339267e1351c6151b42a 初衷 用尽可能简单的方式,完成尽可能多的需求。通过约定的方式 实现统一的标准。告别加班,拒绝重复劳动,远离搬砖 特性 用于快速开发API接口。不再定义 Controller , Service , Dao , Mybatis , xml , Entity , VO 等对象和方法. 可视化界面,将入参自动封装到可执行的脚本上,支持所有关系性数据库SQL执行语句,非关系型 MONGODB 查询语句.欢迎扩展 完全基于springboot2.x 作为springboot项目的stater方式集成,无侵入性,新老项目都能快速集成 只需编写一行代码即可完成大部分的业务需求开发,使用难度级别(测试 or 运维)也可参与开发 在线动态编译,无需重启,即时生效,多数据源操作 版本控制,历史记录比对,回滚等功能 远程一键发布到线上环境 线上POSTMAN调试,保存POSTMAN信息或三方文档的自动生成,历史调用记录存储,回塑 代码提示,SQL提示,语法提示 用户管理控制,安全性控制,以及历史行为记录 经过多次项目验证,传统业务型开发,服务端效率能够提升3-5倍,前后端联调提升效率1倍,测试效率2倍提升 传统开发步骤: 增加一张表 创建实体对象,映射这张表 创建API入参VO 创建API出参VO

TestNg学习

谁说我不能喝 提交于 2021-02-20 07:06:50
参考:https://www.yiibai.com/testng/junit-vs-testng-comparison.html#article-start 1、JUnit缺点: 最初的设计,使用于单元测试,现在只用于各种测试。 不能依赖测试 配置控制欠佳(安装/拆卸) 侵入性(强制扩展类,并以某种方式命名方法) 静态编程模型(不必要的重新编译) 不适合管理复杂项目应用,JUnit复杂项目中测试非常棘手。 2、 TestNG的特点 注解 TestNG使用Java和面向对象的功能 支持综合类测试(例如,默认情况下,不用创建一个新的测试每个测试方法的类的实例) 独立的编译时测试代码和运行时配置/数据信息 灵活的运行时配置 主要介绍“测试组”。当编译测试,只要要求 TestNG 运行所有的“前端”的测试,或“快”,“慢”,“数据库”等 支持依赖测试方法,并行测试,负载测试,局部故障 灵活的插件API 支持多线程测试 二、TestNg基本注解 三、TestNG预期异常测试 1、 @Test (expectedExceptions = ArithmeticException . class ) 2、 @Test (expectedExceptions = { OrderUpdateException . class , OrderNotFoundException . class } ) 四

发送短信验证码及调用短信接口与C# 后台 post 发送

僤鯓⒐⒋嵵緔 提交于 2021-02-20 06:55:21
#region 调用短信接口 public ActionResult Mobile( string Tel) // 调用接口 { Random rm = new Random(); int i; string str = string .Empty; for ( int p = 0 ; p < 6 ; p++ ) { i = Convert.ToInt32(rm.NextDouble() * 10 ); str += i; } System.Web.HttpContext.Current.Session[ " Code " ] = str; // string stringSendResult = SendMobileCode(Tel, str); //方法一 string stringSendResult2 = Send(Tel, " 验证码是: " + str); return Json( true , JsonRequestBehavior.AllowGet); // 短信发送成功 } #endregion #region 方法一(可能有些问题,走不通的先试用方法二) public string SendMobileCode( string Mobile, string number) { if ( string .IsNullOrEmpty(Mobile)) return

spark MLlib决策树

喜欢而已 提交于 2021-02-20 06:50:51
1. 决策树以及它的组合模型是在机器学习中常用的分类和回归方法。决策树结果容易解释,处理分类特征,可拓展到多类。决策树是一个贪婪算法,递归的二分特征空间。决策树预测具有相同的叶子节点的属于同一类标签。每次划分的时候,都从一系列可能的划分中选择最佳的,使得根节点的信息增益最大,argmax(s): IG(D,s)。 IG(D,s)=Impurity(D) - a*Impurity(D1eft) - (1-a)*Impurity(Dright), Impurity可以取为信息熵,在概率分布为均匀分布时取得最大值。 2. 连续空间特征分区,对于小的数据集,连续空间的特征分区都是单个值。在某些实现中,会首先对特征值进行排序,已进行更快捷的树计算。当数据量过大时,对全部的数据排序代价较高,这里的实现首先采样取一部分数据排序,排序好的数据形成一个个的区间,称为bin,可以指定maxBins参数设置最大的分区数,默认为100。 3. 离散空间特征分区,对于包含M个可能值的离散空间,可能有2^(M-1)-1个候选解。当 2^(M-1)-1大于maxBins时,我们采用二划分时相同的启发术,对M个类别特征按照Impurity进行排序。结果分成M-1个划分。 来源: oschina 链接: https://my.oschina.net/u/1417577/blog/355613

JS动态生成表格

亡梦爱人 提交于 2021-02-20 06:50:31
  最近实现了使用原生Javascript来生成动态表格的一个功能,主要功能是:输入表格的行数和列数,来创建指定的表格。   源码: https://github.com/JinganGuo/JavascriptDemos;   效果图如下:     编码的过程中主要要注意对用户的输入进行一个检查,对非数字、负数、小数、以及大于1000的数字进行检查: 1 // 检查数字 2 function checkNum(num) { 3 if (!num || isNaN(num)) { 4 alert("请输入一个数字" ); 5 } else if (num <= 0 ) { 6 alert("请输入一个大于0的数字" ); 7 } else if (String(num).indexOf(".") > -1 ) { 8 alert("请输入一个整数" ); 9 } else if (num > 100 ){ 10 alert("请不要输入超过1000的数字!" ); 11 } else { 12 return true ; 13 } 14 }   生成表格使用了table对象的方法:insertRow() 和 insertCell(): 1 // 生成表格 2 function createTable(row, column) { 3 var table = document

js动态生成表格

痴心易碎 提交于 2021-02-20 06:50:01
<div id="cnblogs_post_body" class="blogpost-body"><p>下面用js实现可以生成用户所需行数的表格。</p> <p>1.首先在body中填入下列代码,获取用户填入的行数值</p> <div class="cnblogs_code"><div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><a href="javascript:void(0);" onclick="copyCnblogsCode(this)" title="复制代码"><img src="//common.cnblogs.com/images/copycode.gif" alt="复制代码"></a></span></div> <pre><span style="color: #008080;"> 1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">table</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 2</span> <span style="color: #0000ff;"><<