在前后端对接接口的时候,你会发现咦这个时间后面我不想要这么准确的信息一般我们会要求后端将数据进行修改再返回给我们进行使用其实这对于前端来说也是可以办到滴!!!首先拿到数据集合letlist=res.resultfor(vari;i
前端小技巧: TS实现EventBus自定义事件
Wang's Blog
JavascriptWeb前端小技巧
关于EventBus事件总线事件总线,实现on,once,emit,offon,once是注册函数,存储起来emit时找到对应的函数,执行off找到对应的函数,从对象中删除注意区分on和onceon绑定的事件可连续执行,除非offonce绑定的函数emit一次即删除,也可未执行而被off数据结构上标识出on和once实现方案1代码实现:使用参数区分on和onceclassEventBus{/*{k
前端小技巧: 区分防抖和节流的方法
Wang's Blog
JavascriptWeb前端
一、防抖Debounce1)简单描述防止抖动,防止你抖动过程中,执行下一步,等你停止了,再执行下一步场景:输入框,等输入停止或者间歇,才去做监听一个输入框,文字变化后出发change事件直接用keyup,则会频繁出发change事件用户输入或暂停时,才触发change事件注意,如果用户连续触发,清理之前的2)代码实现constinput=document.getElementById('input
前端小技巧: 拍平数组的6种常见方法
Wang's Blog
JavascriptWeb前端小技巧
关于数组拍平所谓数组拍平,就是按照顺序,把他们全放在一个数组中需要考虑多层级和嵌套的问题来彻底拍平数组*实现方案1)一般思路,先实现一级扁平化,然后递归,直到全部扁平functionflat(arr){constres=[];arr.forEach(item=>{if(Array.isArray(item)){constflatItem=flat(item);//递归flatItem.forEac
前端小技巧:ELement UI时间控件el-date-picker误差8小时
xuelong-ming
webelementuijavascriptvue.js
问题前端使用框架与UI:Vue+ElementUI。在项目开发中使用到了DateTimePicker组件,在选择时间后点击查询发现查询导的内容与预期内容有所偏差,之后发现前端选中的时间在后端接收时相差了八个小时。原因我们国家的标准时间是东经120°时间(东八区),而标准时间是格林威治时间(世界时),两者相差了整整8小时。解决需要设置value-format属性,value-format=“yyyy
前端小技巧: TS实现深拷贝函数,考虑 Map, Set, 循环引用
Wang's Blog
TypescriptWeb前端深拷贝循环引用
写一个深拷贝函数使用JSON.stringify和parse这类只能适合数据结构简单的,不能循环引用的,没有function的普通深拷贝只考虑ObjectArray无法转换MapSet和循环引用functioncloneDeep(obj:any){if(typeofobj!=='object'||!obj)returnobjconstresult=objinstanceofArray?[]:{}f
前端小技巧: TS实现new出一个对象的内部过程
Wang's Blog
TypescriptWeb前端new出一个对象
new一个对象,写代码实现内部过程class是function的语法糖new一个对象的过程创建一个空对象obj,继承构造函数的原型执行构造函数(将obj作为this)返回objexportfunctioncustomNew(constructor:Function,...args:any[]):T{//1.创建一个空对象,继承constructor的原型constobj=Object.create
前端小技巧: TS实现bind函数,call函数,以及apply函数
Wang's Blog
JavascriptTypescriptWeb前端bindcallapply
bind函数实现返回一个新函数,但是不执行Function.prototype.customBind=function(context:any,...bindArgs:any[]){//context是bind传入的this//bindArgs是bind传入的各个参数constself=this//当前函数本身returnfunction(...args:any[]){constnewArgs=b
前端小技巧: TS实现数组转树,树转数组
Wang's Blog
前端TS数组树
将数组转为树interfaceIArrayItem{id:number,name:string,parentId:number}interfaceITreeNode{id:numbername:stringchildren?:ITreeNode[]}constarr=[{id:1,name:'部门A',parentId:0},{id:2,name:'部门B',parentId:1},{id:3,n
前端小技巧: TS实现柯里化函数
Wang's Blog
TypescriptWeb前端柯里化
实现curry函数,把其他函数柯里化curry返回一个函数fn执行fn,中间状态返回函数,如add(1),或者add(1)(2)最后返回执行结果,如add(1)(2)(3)functioncurry(fn:Function){constfnArgsLen=fn.length//传入函数的参数长度letargs:any[]=[]//ts中,独立的函数,this需要生命类型functioncalc(t
php解析markdown前端渲染,前端小技巧:加载并解析Markdown文档
特派禁烟员
问题描述与分析作为程序猿,应该多多少少都用过Markdown,或者至少读过别人用Markdown语法写的一些文档,比如在GitHub有一个你要用的开源程序,而你又是第一回用它,那么你一般会在这个仓库的Readme里读一读开发者提供的工具说明和使用的相关信息,这部分文档一般就是用Markdown的语法写的此处以李恒大神的BWA的Readme为例简单来说,Markdown就是简化阉割过的HTML,优点
【前端小技巧】用CSS隐藏元素的几种方法
潘高PG
前言2021年最后一天,疫情还没有完全结束,武汉市政府也取消了跨年活动。今晚,就连地铁都提前到9点关闭,大家都在家里跨年。这不,我也在家里跨年。不过我并没有看晚会,而是整理了一篇前端小技巧,算是给自己2021年一个小小的总结。正文用CSS隐藏元素有很多种方法,这里介绍3种常见的。opacity:0特点是【看不见,占空间,摸得着】元素隐藏不改变布局如果绑定了事件,点击该区域,是可以触发事件的visi
html表单form字体颜色_前端小技巧:学会用FormData对象收集表单数据
weixin_39837867
html表单form字体颜色uniapp对象怎么获取值所有表单对象
1.FormData对象有什么用?我们先看一个小例子:html代码:需求:是获取form表单中的用户名和密码并包装成一个对象这个需求是我们大部分时候在发送ajax请求时需要做的一个工作。传统JS写法:functionmysubmit(){letusernameEle=document.getElementById("username");letusername=usernameEle.value;
【前端小技巧】用border画三角形和梯形
潘高PG
前言我们组要招一个前端开发,我也借此机会整理了一下前端的基础知识。否则在面试的时候如果被别人问倒了,人家还以为我们公司没有技术大牛的。在复习CSS基础的时候,我被一个网友的奇思妙想震惊了,居然可以用border来画三角形。在此之前,我都只是用border来打框框的。-.-!!正文我们比较常规的用法,就是用border属性来设置边框,如下所示:div{width:100;height:100;bor
前端小技巧
未卜先
1.让图文不可复制这点应该大家都很熟悉了,某些时候【你懂的】为了快捷搜索答案,可是打死也不让你复制-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none;复制的时候自带版权信息那有些网页为了尊重原创,复制的文本都会被加上一段来源说明,是如
新手学习web前端小技巧优漫动游
UIKKA3792
UI学习前端
如何应对前端焦虑,前端具试着找身边有经验的老程序员聊了聊,并总结一些他们的想法和前端学习小技巧分享给大家 最近听到很多身边的朋友说起,互联网行业变化得太快,而其中的web前端开发领域更是不断推陈出新,日新月异。 新技术总是层出不穷,以至于开发者总害怕自己错过了更先进,热门的技术,最后疲于奔命地学习。 听说react很高大上,但学着vue似乎更加简洁轻量。用着jquery开发十分高效,能解
前端小技巧
Dannn_Y
作为前端新手,总结了一下自己在做项目中,遇到了问题,在这里记录一下解决办法。计算文字的高度,展开收起在工作中经常遇到这类的需求,需要计算文字的高度,当达到几行之后就显示展开收起的按钮,供文字展开收起。在未达到的时候不显示此按钮。思路在有数据的时候先计算文字的高度,如果超过设置的高度显示展开收起的按钮,没有就不显示展开收起的按钮.{{$t("message.productionInfo")}}dea
前端小技巧之div标签连线
云南仟龙Mark
前端csscss3
今天分享下”前端小技巧之div标签连线“这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。近日在画一个界面的时候,遇到一个需求:在界面当中画一条竖线,且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高)。往常我们画一条横线直接用标签即可,当画一条竖线的时候发现找不到标签。在
每天一个前端小技巧——生成gif动图下载
罗小胖*666
htmlcssjavascript
每天一个前端小技巧——生成gif动图下载动态热图的展现,分别展现某个时间段的热图时间变化,例如:最近一周七天内,每天的热图分布变化图;这个动态变化的图生成一个gif图提供下载是否可行?实现方案:1.可通过服务端生成对应gif,然后前端请求下载2.前端自己实现生成gif图片,自行下载采用方案:前端实现方式,于是在网上找各种相关的几款组件调研,均有利弊,推荐两款好用并且稳定的组件:1html2canv
前端小技巧:关闭浏览器时触发事件
xuelong?
前端vuejsvue.js
//点击关闭浏览器时触发关闭事件window.addEventListener("beforeunload",e=>{console.log("执行关闭时事件");//这里写要执行的事件});记录工作中遇到的每个小问题!
前端小技巧之破解网页文字禁止复制
资深の小白
javascript
前端小技巧破解网页文字禁止复制破解网页文字禁止复制我们在很多网站看到一些需要借鉴的文章,这时候想复制粘贴却发现复制不了,这时候只需几步即可复制你想要的内容,废话不多说这时候只需打开浏览器控制台F12的设置找到如下选中即可这时候你就会发现网页的文字能复制了~觉得有用的同学别忘记点赞哦~
前端小技巧
南城夏季
业务笔记js前端javascript开发语言
1.html1.1网站自动刷新应用场景:网页定期自动刷新(现在基本淘汰了,采用ajax);自动跳转到指定页面,这个自动跳转的好处就是不需要JS调用,属于纯html网页自动跳转v7-网站自动刷新你可以在head标签中将网站设置为定时刷新!如,content为刷新间隔。-->技巧页面是否刷新letrefresh=localStorage.getItem('refresh')||0localStorag
我从别人那里偷学的前端调试小技巧(浏览器篇)
墨_浅-
javascsripthtmljavascript
发现光,欣赏光,学习光每个人身上都有着不同的闪光点,把焦点凝结在缺点上只会让互相难过。转移焦点,放在他的优点上,你会发现,唔还不错。而且,你还可以学习它,让你变得更棒。(我越来越擅长写鸡汤了???????)我从别人那里偷学的前端小技巧ElementsConsoleSourcesNetworkHeaders首先F12打开调试窗口开发者工具,不同电脑可能快捷键不同Elements1Elements可以
如何封装一个颜色选择ColorPicker组件?
前端cssvue.js小程序
本篇文章主要分两部分来讲解,首先带你进一步认识一下颜色模型相关的概念,然后在此基础上封装一个自己的ColorPicker组件。同时,在文章结尾处将分享一个前端小技巧,不要错过哦!颜色模型我们平时开发中,经常用到的颜色模型主要是十六进制和RGB两种,浏览器所支持的颜色模型还有颜色标识符和HSL。作为前端开发人员,基本只需要根据设计稿给出的色值,复制过来就可以了,但是如果要封装一个颜色选择组件,却不得
前端小技巧! 速速来看! 为自己为后端节省时间!
科哚洛夫
为自己为后端节省时间!htm代码!10条4条jQuery代码$('.copy').each(function(i,item){//页面加载完毕后读取页面所有含class为copy的标签,并执行jsvarthat=$('.copy').eq(0);//定义该值是为了省略后面程序的的字符数,并且取copy的第一个varnum=that.attr("data-num");//获得当前copy标签的dat
前端小技巧之解决跨域问题(简单粗暴)
itmonkey-cn
工具
jsonp、反向代理、后端处理,这些都不讲,直接改浏览器。小程序、APP没有跨域问题,vue可以反向代理,uni-app的H5跨域问题,靠这个很好用。仅限于chrom谷歌浏览器。右键浏览器图标,选择属性,在目标地址最后加入:--disable-web-security--user-data-dir
web前端学习一定要注意的6个技巧
爱创课堂培训崔老师
javascriptcssvue.jshtmlhtml5
WEB前端大家并不陌生,现在各大企业的it部门都离不开前端工程师这个职位,越来越多的人择业选择前端行业,但初学者对前端行业还是很陌生的,不知道从哪里开始学,下面就为大家介绍一些学习前端小技巧,希望对大家在学前端的路上有所帮助!一、div和table这个是最简单的,也是最基础的。要熟练掌握div、formtable、ulli、p、span、font这些标签,这些都是最常用的,特别是div和table
css前端小技巧
anne_111
1、文本溢出overflow:hiddenwhite-space:nowrap;text-overflow:ellipsisdisplay:-webkit-box-webkit-box-orient:verical(垂直方向);-webkit-line-clamp:2(选择两行)2、Ios局部活动在body里添加一下属性,会避免一些奇怪的bug出现在css里加下面这个属性-webkit-overf
前端小技巧:Javascript中定义私有属性(Private Properties)
MudOnTire
javascriptclass私有属性
和很多高级语言不同,JavaScript中没有public、private、protected这些访问修饰符(accessmodifiers),而且长期以来也没有私有属性这个概念,对象的属性/方法默认都是public的。虽然目前class的私有属性特性已经进入了Stage3实验阶段(Spec),通过Babel已经可以使用,并且Nodev12中也增加了对私有属性的支持,但这并不妨碍我们用JS的现有功
关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题
何必如此
jsp超链接文件下载窗口
生成下载页面是需要选择“录入提交页面”,生成之后默认的下载页面<a>标签超链接为:<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析
bit1129
cluster
在分析源代码之前,首先对Standalone Cluster Mode的资源调度有一个基本的认识:
首先,运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下,Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU,这就需要Maste
linux上独立安装部署spark
daizj
linux安装spark1.4部署
下面讲一下linux上安装spark,以 Standalone Mode 安装
1)首先安装JDK
下载JDK:jdk-7u79-linux-x64.tar.gz ,版本是1.7以上都行,解压 tar -zxvf jdk-7u79-linux-x64.tar.gz
然后配置 ~/.bashrc&nb
Java 字节码之解析一
周凡杨
java字节码javap
一: Java 字节代码的组织形式
类文件 {
OxCAFEBABE ,小版本号,大版本号,常量池大小,常量池数组,访问控制标记,当前类信息,父类信息,实现的接口个数,实现的接口信息数组,域个数,域信息数组,方法个数,方法信息数组,属性个数,属性信息数组
}
&nbs
java各种小工具代码
g21121
java
1.数组转换成List
import java.util.Arrays;
Arrays.asList(Object[] obj); 2.判断一个String型是否有值
import org.springframework.util.StringUtils;
if (StringUtils.hasText(str)) 3.判断一个List是否有值
import org.spring
加快FineReport报表设计的几个心得体会
老A不折腾
finereport
一、从远程服务器大批量取数进行表样设计时,最好按“列顺序”取一个“空的SQL语句”,这样可提高设计速度。否则每次设计时模板均要从远程读取数据,速度相当慢!!
二、找一个富文本编辑软件(如NOTEPAD+)编辑SQL语句,这样会很好地检查语法。有时候带参数较多检查语法复杂时,结合FineReport中生成的日志,再找一个第三方数据库访问软件(如PL/SQL)进行数据检索,可以很快定位语法错误。
mysql linux启动与停止
墙头上一根草
如何启动/停止/重启MySQL一、启动方式1、使用 service 启动:service mysqld start2、使用 mysqld 脚本启动:/etc/inint.d/mysqld start3、使用 safe_mysqld 启动:safe_mysqld&二、停止1、使用 service 启动:service mysqld stop2、使用 mysqld 脚本启动:/etc/inin
Spring中事务管理浅谈
aijuans
spring事务管理
Spring中事务管理浅谈
By Tony Jiang@2012-1-20 Spring中对事务的声明式管理
拿一个XML举例
[html]
view plain
copy
print
?
<?xml version="1.0" encoding="UTF-8"?>&nb
php中隐形字符65279(utf-8的BOM头)问题
alxw4616
php中隐形字符65279(utf-8的BOM头)问题
今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.
调试:
1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题.
2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.
 
调用对象是否需要传递对象(初学者一定要注意这个问题)
百合不是茶
对象的传递与调用技巧
类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看
为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)
类和对象的基础概念:
JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
JDK1.5 AtomicLong实例
bijian1013
javathreadjava多线程AtomicLong
JDK1.5 AtomicLong实例
类 AtomicLong
可以用原子方式更新的 long 值。有关原子变量属性的描述,请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中(如以原子方式增加的序列号),并且不能用于替换 Long。但是,此类确实扩展了 Number,允许那些处理基于数字类的工具和实用工具进行统一访问。
 
自定义的RPC的Java实现
bijian1013
javarpc
网上看到纯java实现的RPC,很不错。
RPC的全名Remote Process Call,即远程过程调用。使用RPC,可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例,从中可以看到RPC如何
【RPC框架Hessian一】Hessian RPC Hello World
bit1129
Hello world
什么是Hessian
The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
【Spark九十五】Spark Shell操作Spark SQL
bit1129
shell
在Spark Shell上,通过创建HiveContext可以直接进行Hive操作
1. 操作Hive中已存在的表
[hadoop@hadoop bin]$ ./spark-shell
Spark assembly has been built with Hive, including Datanucleus jars on classpath
Welcom
F5 往header加入客户端的ip
ronin47
when HTTP_RESPONSE {if {[HTTP::is_redirect]}{ HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
java-61-在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5,
bylijinnan
java
思路来自:
http://zhedahht.blog.163.com/blog/static/2541117420116135376632/
写了个java版的
public class GreatestLeftRightDiff {
/**
* Q61.在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差。
* 求所有数对之差的最大值。例如在数组
mongoDB 索引
开窍的石头
mongoDB索引
在这一节中我们讲讲在mongo中如何创建索引
得到当前查询的索引信息
db.user.find(_id:12).explain();
cursor: basicCoursor 指的是没有索引
&
[硬件和系统]迎峰度夏
comsci
系统
从这几天的气温来看,今年夏天的高温天气可能会维持在一个比较长的时间内
所以,从现在开始准备渡过炎热的夏天。。。。
每间房屋要有一个落地电风扇,一个空调(空调的功率和房间的面积有密切的关系)
坐的,躺的地方要有凉垫,床上要有凉席
电脑的机箱
基于ThinkPHP开发的公司官网
cuiyadll
行业系统
后端基于ThinkPHP,前端基于jQuery和BootstrapCo.MZ 企业系统
轻量级企业网站管理系统
运行环境:PHP5.3+, MySQL5.0
系统预览
系统下载:http://www.tecmz.com
预览地址:http://co.tecmz.com
各种设备自适应
响应式的网站设计能够对用户产生友好度,并且对于
Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)
darrenzhu
jms事务承认MQacknowledge
JMS Message Delivery Reliability and Acknowledgement Patterns
http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/
Transaction and redelivery in
Centos添加硬盘完全教程
dcj3sjt126com
linuxcentoshardware
Linux的硬盘识别:
sda 表示第1块SCSI硬盘
hda 表示第1块IDE硬盘
scd0 表示第1个USB光驱
一般使用“fdisk -l”命
yii2 restful web服务路由
dcj3sjt126com
PHPyii2
路由
随着资源和控制器类准备,您可以使用URL如 http://localhost/index.php?r=user/create访问资源,类似于你可以用正常的Web应用程序做法。
在实践中,你通常要用美观的URL并采取有优势的HTTP动词。 例如,请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
MongoDB查询(4)——游标和分页[八]
eksliang
mongodbMongoDB游标MongoDB深分页
转载请出自出处:http://eksliang.iteye.com/blog/2177567 一、游标
数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制,从shell中定义一个游标非常简单,就是将查询结果分配给一个变量(用var声明的变量就是局部变量),便创建了一个游标,如下所示:
> var
Activity的四种启动模式和onNewIntent()
gundumw100
android
Android中Activity启动模式详解
在Android中每个界面都是一个Activity,切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。
Android总Activity的启动模式分为四种:
Activity启动模式设置:
<acti
攻城狮送女友的CSS3生日蛋糕
ini
htmlWebhtml5csscss3
在线预览:http://keleyi.com/keleyi/phtml/html5/29.htm
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
读源码学Servlet(1)GenericServlet 源码分析
jzinfo
tomcatWebservlet网络应用网络协议
Servlet API的核心就是javax.servlet.Servlet接口,所有的Servlet 类(抽象的或者自己写的)都必须实现这个接口。在Servlet接口中定义了5个方法,其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。
先看javax.servlet.servlet接口源码:
package
JAVA进阶:VO(DTO)与PO(DAO)之间的转换
snoopy7713
javaVOHibernatepo
PO即 Persistence Object VO即 Value Object
VO和PO的主要区别在于: VO是独立的Java Object。 PO是由Hibernate纳入其实体容器(Entity Map)的对象,它代表了与数据库中某条记录对应的Hibernate实体,PO的变化在事务提交时将反应到实际数据库中。
实际上,这个VO被用作Data Transfer
mongodb group by date 聚合查询日期 统计每天数据(信息量)
qiaolevip
每天进步一点点学习永无止境mongodb纵观千象
/* 1 */
{
"_id" : ObjectId("557ac1e2153c43c320393d9d"),
"msgType" : "text",
"sendTime" : ISODate("2015-06-12T11:26:26.000Z")
java之18天 常用的类(一)
Luob.
MathDateSystemRuntimeRundom
System类
import java.util.Properties;
/**
* System:
* out:标准输出,默认是控制台
* in:标准输入,默认是键盘
*
* 描述系统的一些信息
* 获取系统的属性信息:Properties getProperties();
*
*
*
*/
public class Sy
maven
wuai
maven
1、安装maven:解压缩、添加M2_HOME、添加环境变量path
2、创建maven_home文件夹,创建项目mvn_ch01,在其下面建立src、pom.xml,在src下面简历main、test、main下面建立java文件夹
3、编写类,在java文件夹下面依照类的包逐层创建文件夹,将此类放入最后一级文件夹
4、进入mvn_ch01
4.1、mvn compile ,执行后会在