![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
__WanG
这个作者很懒,什么都没留下…
展开
-
Ant Design of React在Mac下的简单搭建使用
ant design在Mac下的简单搭建使用ant design在Mac下的简单搭建使用1. antd 简介2. 环境要求1. node 环境2. npm3. brew4. yarn3. 项目初始化1. 安装create-react-app2. 新建项目3. 启动项目4. 引入antd1. 导入antd依赖2. 修改css文件5. 完成ant design在Mac下的简单搭建使用本文简要介绍如...原创 2018-11-05 15:46:22 · 3422 阅读 · 0 评论 -
页面地址链接拼接语法
页面地址链接拼接语法举例1. /xxx拼接2. xxx拼接3. /aaa/bb/c/xxx拼接4. //xxxx 两个以上的//总结举例当前网址: www.wang.com/aaa/bb/c域名: www.wang.com1. /xxx拼接<a href="/ddd?name=wang">跳转后地址为 ===> www.wang.com/ddd?name=wang...原创 2019-06-18 12:00:09 · 3757 阅读 · 0 评论 -
H5页面-两步搞定文字首行缩进
H5页面-两步搞定文字首行缩进1. 定义样式2. 应用样式有时我们需要对一大段文字进行首行缩进(就是那种写作文每段前面空2格的意思)1. 定义样式在head里面定义好样式p: p标签text-indent: 文字缩进2em: 两个字符<style type="text/css"> p{ text-indent:2em;}</style>2. 应...原创 2019-06-17 16:53:16 · 10198 阅读 · 0 评论 -
JavaScript 对json数据的处理-序列化与反序列化
JavaScript 对json数据的处理-序列化与反序列化序列化将json对象的状态信息转换为可以存储或传输的形式JSON.stringify(param) ;反序列化将序列化的json数据转成对象JSON.parse(param) ;...原创 2019-04-22 13:55:15 · 338 阅读 · 0 评论 -
Node 服务内存告警,如何限制node服务的内存占用,node按内存自动重启
Node 服务内存告警,如何限制node服务的内存占用,node按内存自动重启问题排查使用postman并发请求分析解决方案1. 首先需要了解下pm2的一些基础命令2. 编写启动脚本3. 启动服务并观察记一次生产环境内存告警问题有一个专门用来画图的nodejs服务器, 一直一下运作得都好好的(通过pm2守护node的运行0, 今天突然收到这个服务所在的服务器的内存告警, 故又如下排查问题...原创 2019-03-20 18:17:34 · 3710 阅读 · 0 评论 -
js 全选按钮逻辑
业务场景单机全选按钮, 对应区域下的按钮状态全部修改实现逻辑通过将全选按钮绑定一个点击事件, 当点击时将制定区域所有checkBox的checked状态改为true代码示例页面加载将id为all_normal的checkBox绑定一个点击事件当该按钮被点击的时候检查自己当前状态将id为tb_normal的tbody下的所有checkbox属性改为true或false //全选...原创 2019-03-06 16:03:46 · 1552 阅读 · 0 评论 -
freemarker 循环自增序号
在页面循环展示列表经常需要有序号, 可以通过freemarker 直接生成循环列表<#list page.items as vo>如果是用这种循环列表的方式, 只需要使用xx_index的方式即可取得每个循环的下标(起始位是0)${vo_index+1}...原创 2019-03-01 16:48:11 · 11752 阅读 · 0 评论 -
页面中使用freemark计算两个数字(字符串)之和
freemark计算两个数字{字符串}之和需求场景出错姿势拼接异常正确做法方案一方案二需求场景页面展示的时候需要将两个数字相加出错姿势拼接${temp1.itemValue+temp2.itemValue}将两个数字相加, 但是由于是字符串类型, 所以是拼接操作, 不是我们期望的相加异常网上查了半天, 都说加个?int转成数字计算, 结果妥妥的出错了${temp1.item...原创 2019-01-08 15:06:10 · 2555 阅读 · 0 评论 -
如何用 highcharts 画柱状图, 多柱子叠加, 提示框, 以及柱子高度标识
如何用 highcharts 画柱状图, 多柱子叠加, 提示框, 以及柱子高度标识使用场景部分属性解释xAxisyAxisseriestitlesubtitletooltiplegendplotOptionsexporting关键代码叠加柱子标记柱子长度源代码使用场景需求是图表表达每日睡眠的各时间段占比(深睡, 潜睡, 清醒), 并将不同日期进行横向比较针对这种类似的场景, 用叠加柱状图正好...原创 2018-12-25 18:19:30 · 3834 阅读 · 0 评论 -
优雅的ajax请求(用disable防止重复请求)
优雅的ajax请求 [用disable防止重复请求]处理思路ajax简单介绍ajax参数(部分)ajax状态(部分)代码示例按钮部分代码ajax部分代码在前后端交互的时候回经常用到ajax进行请求, 然而如果没有限制的话会造成一个请求发送多次, 如果后台没有进行幂等处理的话, 还会造成数据的错误, 即使有做幂等处理, 这种重复的没有意义的请求也应该直接拦住, 避免二外的开销处理思路我们只...原创 2018-12-06 14:37:01 · 1670 阅读 · 0 评论 -
使用hicharts 画饼图(pie图)
使用hicharts 画饼图我个人觉得echarts会稍微好用点, 可能是接触echarts稍微多一点吧(nodejs环境, python环境我都用的echarts的封装实现), 但hicherts也很强大现在还有ant-design的一整套的解决方案, 也不错, 点击跳转关键代码function pieCharts(title, dataName, dataList, contain...原创 2018-11-22 00:02:41 · 939 阅读 · 0 评论 -
JavaScript 中 setTimeout函数的简介与使用
JavaScript 中 setTimeout函数的简介与使用JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。初始接触它的人都觉得好简单,实时上真的如此么?这里记载下,一路对其使用姿势变迁的历程。作用setTimeout函数用来指定某个函数或某段代码,在多少毫秒之...原创 2018-11-21 23:46:16 · 1332 阅读 · 0 评论 -
struct2 框架 导出excel, 以及文件名中文乱码解决
struct2 框架 导出excel, 以及文件名中文乱码解决后端逻辑xml配置增加一个action用于导出pdf其中type需要配置成stream<action name="download" class="com.xxx" method="download"> <result name="success" type="stream">原创 2018-11-21 23:38:48 · 604 阅读 · 0 评论 -
Freemarker 3种循环模式
Freemarker 3种循环模式1. map循环2. list循环3. 自定义次数循环)1. map循环举例:<#if vo.urlMap??> <#list vo.urlMap?keys as key> <li> <a href="${vo.urlMap[key]!''}}">${key!''}</a> &l...原创 2019-06-26 16:15:42 · 44953 阅读 · 3 评论