实现简单组件到部署服务器——react
本人工作栈为dva+antd,使用阿里开源出来的组件有一段时间之后,决定不依赖阿里的框架自己打个环境写一些组件出来,一来为了熟悉工作流程,二来也是为了更好的理解原理,从而更好的满足工作中的需求二次元萌图源码地址:https://github.com/jdkwky/my-react-example预览地址:http://47.94.218.152 (目前只兼容chrome和IEedge)1.技术点r
CSS transform 2D变换详解
transform,通过这个属性,我们可以对元素进行移动、缩放、转动、拉长或拉伸的变换。CSS中的变换又分为2D变换和3D变换,这里我们来聊一下2D变换。—— rotate()旋转——translate()平移—— scale()缩放—— skew() 翻转(拉伸)—— matrix() 把所有2D转换方法组合在一起现在,我们来通过具体的例子来了解这几个属性:【图比较抽象,哈哈,手残请见谅】前四种
JDK提供的原子类操作及原理
1,原子类介绍:针对数据类型的操作,JDK提供的原子类来方便我们的线程安全控制。所有的类保存在java.util.concurrent.atomic包中基本数据类型AtomicInteger数组类型AtomicIntegerArray2,举个使用的例子:解决之前的i++安全性问题如何解决?AtomicIntegercount=newAtomicInteger(0);count.incrementA
值得保存的 synchronized 关键字总结
该文已加入开源文档:JavaGuide(一份涵盖大部分Java程序员所需要掌握的核心知识)。地址:https://github.com/Snailclimb/JavaGuide.本文是对synchronized关键字使用、底层原理、JDK1.6之后的底层优化以及和ReenTrantLock对比做的总结。如果没有学过synchronized关键字使用的话,阅读起来可能比较费力。两篇比较基础的讲解sy
小Tip:有三角的指示框阴影实现
有三角的指示阴影框利用css3滤镜drop-shadow直接上代码:.box{ width:200px; filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));}.jiao{ height: 0px; width: 0px; border-right: 10px solid transparent; border-bo
vue+webpack搭建单文件应用和多文件应用webpack.con
1.前言这几天,都遇到过有人问过相似的问题,就是用vue和webpack搭建目录的时候,怎么把单页面应用的配置改成多文件应用,或者是怎么把多文件应用的配置改成单文件应用。这个情况,我之前有处理过,公司的同事教过我,我就针对这个情况写下此篇文章。各位如果觉得我哪里写得不够好,写错了,欢迎指出,大家一起进步。2.说明首先,我用的vue和webpack的版本都是2.x的,请大家留意自己使用的版本,特别是
Linux ls命令详解
linux列出文件夹中所有文件和子目录的方法是用:ls命令。ls命令格式:ls [选项] [目录名]ls命令用法举例:例一:列出/home文件夹下的所有文件和目录的详细资料:ls -l -R /home命令参数之前要有一短横线“-”,上面的命令也可以这样写:ls -lR /home/pythontab例二:列出当前目录中所有以“t”开头的目录的详细内容,可以使用如下命令:ls -l t*如果省略命
用WCF来玩Rest
在我们玩wcf的时候,都会潜意识的觉得wcf就是通过soap协议交换消息的,并且可以在basic,tcp,msmq等等绑定中任意切换,牛逼的一塌糊涂,但是呢,如果说哪一天wcf不再使用soap协议,而是采用json格式的字符串,是不是有一点颠覆你对wcf的认识的???从传统意义上说,wcf是非常重量级的,很明白的一个例子就是太多太多的配置,尤其是Behavior的配置,而且behavi
为什么GetHashCode方法需要如此设计?
昨天我在实现《通过扩展改善ASP.NETMVC的验证机制[使用篇]》的时候为了Attribute的一个小问题后耗费了大半天的精力,虽然最终找到了问题的症结并解决了问题,但是我依然不知道微软如此设计的目的何在。闲话少说,我们先来演示一下我具体遇到的问题如何发生的。目录:一、问题重现二、通过Attribute的Equals方法和GetHashCode方法进行对等判断三、Attribute对象和Attr
七牛李道兵谈“架构坏味道”
软件架构在成功的软件交付中扮演着重要角色,好的架构可以兼容不同类型的业务和算法,并且相安无事,而架构设计不当就需要不断地进行整体的更替,以适应业务的变化和新算法的需求,甚至影响最后架构整体的稳定性、容量等。事实上,架构的很多方向性问题是可以在设计初期就避免的。因此,七牛首席架构师李道兵结合多年的实践经验,在本文中详细总结出了以下七类具有明显“坏味道”的架构影响因素。架构对容量数据不敏感设计架构时对
Prototype/Constructor
Inmyopinion,therearetwobigthingsinJavascript'sworld-ClosureandPrototype.Question1.WhatdoesPrototypedoinJavaScript?Inasingleword,it'safeaturethataimedatreducingcodeduplication.Weallknowincomputerworldt
Java命令行监控工具(jmap,jstack,jstat,jinfo
项目部署上线之后,线上项目是不能轻易修改的,定位问题的难度也会变大。因此监控是非常重要的一个环节,有了监控,我们才能更好的定位系统中的问题,从而排查。监控的工具有很多种,但是java自带的命令行监控工具,是必须要掌握的。jps查看系统中jvm进程,其它的命令通常先使用jps查看进程号,然后在根据线程号获取jvm进程信息jps-m查看jvm进程并且带有参数查看jps-v查看传递到jvm的参数官方jp
你知道PHP中Exception, Error Handler的这些细
前言最近项目中有一个功能需要实现:调试模式下,将所有错误提前输出,再输出页面内容.为实现上述功能,需使用到Exception,Error相关Handler方法,发现有许多坑,故写此文与大家分享.主要函数此篇文章重点关注以下几个函数error_reporting()set_error_handler()set_exception_handler()register_shutdown_function
Spring Cloud自定义引导属性源
引导过程添加的外部配置的默认属性源是ConfigServer,但您可以通过将PropertySourceLocator类型的bean添加到引导上下文(通过spring.factories)添加其他源。您可以使用此方法从其他服务器或数据库中插入其他属性。作为一个例子,请考虑以下微不足道的自定义定位器:@Configurationpublic class CustomPropertySourceLoc
python 66个内置函数
1.abs() 取绝对值2.all() 如果括号里所以数据为True 就返回True,否则False;3.any() 如果括号里任意一个数据为True,就返回True;反则False;4.ascii() ascii([1,2,"我们"]) 结果看起来是一个列表,实际上结果类型是str; 把一个内存变成一个可打印的字符串形式。5.bin() 把一个整数十进制转换成二进制:二进制代表:o
HTML、JavaScript、PHP、 MySQL 学习顺序
如果你有耐心坚持个一年以上的话,我会推荐HTML,css,js,apache,php,mysql 后三者是需要装软件的,推荐wamp,绝佳的一站式环境配置,WampServer,thewebdevelopmentplatformonWindows直接包括了apache,php,mysql三个软件,省的自己一个一个装. 有不少人在评论里问macos下对应的软件,这里补充一下:XAMPPIns
初识神经网络----一
一、几个np的常用函数 ①np.sum:相比于简单的相加,sum可以实现矩阵相加。应用于两个list需要相加,可以用for循环逐个相加,亦可以sum ②np.dot/np.multiply:前者是真正意义上的矩阵乘法,后面的只是相应的位置相乘,从而得到一个结果 ③np.float_,将正数转换成float,很多结果需要小数形式表示二、交叉熵首先看一个图,这个图通过对四个点进行计算,得到其
改变img的原始尺寸会严重降低渲染速度!
最近在修改一个游戏框架时发现页面渲染效率骤降,CPU从原先的10%左右上升到50%(一个核已经满负载了),FPS也下降不少。经过一番调试,发现是其中的一个img元素引起的。和页面里其他img元素不同之处在于,这个图片的尺寸是通过脚本缩放的,难道图片的尺寸会影响渲染效率吗?下面来测试下。 这里选择一幅600*400的图片,让它随鼠标移动,以此可以产生频繁的渲染。IMG尺寸-效率测试html
使用 MPAndroidChat 开发图表应用
在完成了基本的业务功能之后,我开始去画相应的图表。这不是一件简单的事,尽管已经有了MPAndroidChart这样的图表工具。但是显然,它带来的问题,可能比解决的问题还多。这一天做的事情比较少,主要是在做(学习,边做边学)图表相关的内容。使用Java编写Layout在这之前,我完全不知道,怎么用Java代码去写一个自定义的布局,即如下的示例:
Linux中常用的命令都是哪些单词的缩写?
1.ls命令ls命令是列出目录内容(ListDirectoryContents)的意思。运行它就是列出文件夹里的内容,可能是文件也可能是文件夹。root@tecmint:~# lsAndroid-Games MusicPictures PublicDesktop