My workspace in Internet,Focus on Internet Technology

Page 3 of 53«1 234 5...10 20 30...»Last »

数组（array）
判断一个元素是否在数组中
数组进行去重
数组合并
将类数组转换为数组
获取数组中最大值
获取数组中最小值
计算某值在数组中出现的次数
去除数组中假值元素
获取数组的最后一项
› 继续阅读

Tags: js

JS Code block 代码块–数字

星期一, 2023-04-17 | Author: Lee | computer, 前端 | 没有评论 147 views

数字
数字位数前面补0
角度转换为弧度
弧度转换为角度
生成随机数
阿拉伯数字翻译成中文的数字
将数字转换为大写金额
生成唯一值uuid
字节大小
千分数值格式
加法函数，用来得到精确的加法结果
除法函数，用来得到精确的除法结果
乘法函数，用来得到精确的乘法结果
减法函数，用来得到精确的减法结果
› 继续阅读

Tags: js

JS Code block 代码块–横向滚动翻页

星期一, 2023-04-17 | Author: Lee | computer, 前端 | 没有评论 157 views

横向滚动翻页
横向滚动插件，是一个有横向翻页按钮，同时翻页时有滚动效果的插件。在公司官网展示不是很多东西情况下会经常用到。

demo
可以在本地下载这个项目： https://github.com/PhilipsYuan/horizontal-roll-pagination，然后在本地跑下demo.html 文件

使用说明
你需要引入horizontal-roll-pagination.js，引入之后会在全局window下有个属性HorizontalRollPagination，你可以new 它创建实例。

let config = {
        // preDom: 前一页的按钮节点 -- 必须
        preDom: document.getElementsByClassName('prev')[0],
        // nextDom: 后一页的按钮节点 -- 必须
        nextDom: document.getElementsByClassName('next')[0],
        // box: 可视区域的节点 -- 必须
        box: document.getElementsByClassName('box')[0],
        // scrollDom: 会被移动的节点 -- 必须
        scrollDom: document.getElementsByClassName('scroll_list')[0],
        // parentDom: 展示项的父节点 -- 必须
        parentDom: document.getElementsByTagName('ul')[0],
        // 是否循环
        loop: true
    };
    let horizontalRollPagination = new HorizontalRollPagination(config);
    horizontalRollPagination.init();

这个插件对dom节点需要一定要求。它的结构如下：
› 继续阅读

Tags: js

img.js和rasterize.js两个文件

var page = require('webpage').create(), system = require('system'), address, output, size;
 
if (system.args.length < 3 || system.args.length > 5) {
    phantom.exit(1);
} else {
    address = system.args[1];
    output = system.args[2];
    //定义宽高
   /* page.viewportSize = {
        width : 1024,
        height : 768
    };*/
    page.open(address, function(status) {
        var bb = page.evaluate(function() {
            return document.getElementsByTagName('html')[0].getBoundingClientRect();
        });
        page.clipRect = {
            top : bb.top,
            left : bb.left,
            width : bb.width,
            height : bb.height
        };
        window.setTimeout(function() {
            page.render(output);
            page.close();
            console.log('渲染成功...');
            console.log(address);
            phantom.exit();
        }, 1000);
    });
}

› 继续阅读

Tags: phantomjs

SpringBoot应用的jar包重新打包

星期三, 2023-03-15 | Author: Lee | JAVA-and-J2EE | 没有评论 360 views

1.对应历史的运行中的jar包，需要更改下对应配置或者其中的一个class文件可以直接使用命令重新打包

2.如下即可

unzip ../my-boot-app.jar
 
vim BOOT-INF/classes/application-pro.properties
 
jar uf ../my-boot-app.jar BOOT-INF/classes/application-pro.properties

3.这样只更新对应的文件即可

Tags: springboot

美化Eclipse链式调用的代码格式化（Formatter）

星期二, 2022-10-18 | Author: Lee | JAVA-and-J2EE | 没有评论 566 views

eclipse下的链式调用格式化的时候挤成一行，看起来很难受.

需要调整 Eclipse 默认的代码格式化——在按下「Ctrl + Shift + F」后，编辑器能够自动将链式调用代码换行。怎么办呢？

在 Eclipse 中按照以下顺序打开代码格式化的配置项：

Windows → Preferences → Java → Code Style → Formatter

选择「New…」新建一个格式化的配置。

关键的配置项如下：

1、Maximum line width：120「一行最大宽度，120」（超过 120 就自动换行）

2、Function Calls → Qualified Invocations「方法调用 → xxxxx」

其中 line wrapping policy 「换行策略」选择：

wrap all elements, except first element if not necessary「第一个元素可以不换行，其他都换行」

并且勾选复选框 force split, even if line shorter than maximum line width「强制换行，即使该行没有达到最大换行的宽度」

这样设置后，Eclipse 就能够为链式调用的代码自动换行了。效果如下图。

不过，这样的换行效果仍然不够理想，如果换行策略优化为：

wrap all elements, except second element if not necessary「前两个元素可以不换行，其他都换行」

这样就更好了。

Tags: eclipse

datart更新到jdk17及springboot2.7.4版本执行调整

星期日, 2022-10-16 | Author: Lee | JAVA-and-J2EE, linux | 没有评论 610 views

datart简介：
新一代数据可视化开放平台，支持报表、仪表板、大屏、分析和可视化数据应用的敏捷构建

对应文档地址：https://running-elephant.gitee.io/datart-docs/docs/

GIT地址：https://gitee.com/running-elephant/datart/releases
https://github.com/running-elephant/datart/releases

当前使用版本 datart-1.0.0-rc.1，即此刻master版本

尝试使用jdk17进行编译，使用SpringBoot2.7.4进行parent迁移，修改如下可以比较完美的升级过来.

1.更换 swagger版本，移除springfox相关maven

 
<dependency>
			<groupid>io.springfox</groupid>
			<artifactid>springfox-boot-starter</artifactid>
			<version>3.0.0</version>
		</dependency>

2.引入nashorn的maven，在jdk17中已经移除

<dependency>>
			<groupid>org.openjdk.nashorn</groupid>
			<artifactid>nashorn-core</artifactid>
			<version>15.4</version>
		</dependency>

3.BaseService 启动延迟加载accessLogService服务类

 
 @Autowired
    public void setAccessLogService(@Lazy AsyncAccessLogService accessLogService) {
        this.accessLogService = accessLogService;
    }

4.更改引用包

import org.openjdk.nashorn.internal.parser.TokenType;
import org.openjdk.nashorn.api.scripting.NashornScriptEngineFactory;
import org.apache.calcite.sql.parser.impl.SqlParserImpl;

5.更换路由匹配模式

spring.mvc.pathmatch.matching-strategy=ant_path_matcher

› 继续阅读

Tags: datart, 可视化

Nginx解决http host头攻击及Method漏洞

星期一, 2022-10-10 | Author: Lee | computer, JAVA-and-J2EE, linux | 没有评论 1,976 views

一、HTTP Host头攻击漏洞解决
检测应用是否在请求目标站点时返回的URL是直接将Host头拼接在URI前。

解决方法：验证host

server {
  listen 80;
  server_name 127.0.0.1 192。168.1.8 xxx.com;
  if ($http_Host !~* ^192.168.1.8|127.0.0.1|xx.com$)
  {
    return 403;
  }
}

二、 HTTP Method非POST和GET方式击漏洞解决
尽量用get和post的api的应用，禁用OPTIONS

解决方案：在nginx的server中配置，只允许GET、POST、PUT、DELETE 类型请求通过，其余不安全的请求方式返回403状态码，代码如下。

if ($request_method !~* GET|POST|PUT|DELETE) {
  return 403;
}

Tags: Nginx

解决npm install慢的问题 npm更换淘宝国内源

星期五, 2022-09-30 | Author: Lee | 前端 | 没有评论 312 views

不推荐使用cnpm，貌似有小毛病.

1.更换成功taobao的数据源

	npm config set registry https://registry.npm.taobao.org

2.永久修改镜像源

$ npm config list
# 其他查看配置的方式
$ npm config get globalconfig
$ npm config ls -l
 
找到并打开配置文件：~/.npmrc
写入配置：registry=https://registry.npm.taobao.org

3.验证设置是否成功

npm config get registry
# OR
npm info express

4.重要提醒
不推荐通过cnpm 使用，会出现各种莫名的问题

› 继续阅读

Page 3 of 53«1 234 5...10 20 30...»Last »

« Previous Entries Next Entries »

Pomelo Lee workspace