找不到计算器？那就自己用javascript写一个吧
知识点:布局的巧妙的运用，js运算判断，类型转换，符号与值的判断，赋值的类型，点击判断等。源代码：
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除
一、写在前面1.Bootstrap是一个由Twitter开发和维护的前端框架，目前很受欢迎，Bootstrap中文网点击这里。2.Vue.js是一套构建用户界面的渐进式框架，点这里访问官网。二、实现效果：三、页面引入bootstrap、vue资源
Sass学习
1st介绍及安装使用：Sass（SyntacticallyAwesomeStyleSheets）Sass与Less一样，也是CSS预处理器，有着变量（variables），嵌套（Nestedrules），混合（mixins）等功能。使用如Compass的样式库有助于更好的组织管理文件，以及高效开发项目！语法格式：有两种写法：1.SCSS（sassycss），这种只是在css语法基础上进行扩展，以.scss格式结尾；2.缩进格式（indentedsass），通常称作“sass”。使用的是ruby语法，缩进代替花括号，换行代替分号。这种格式以.sass结尾。（ruby，日本人发明的，前些年与python其名，世界上很多网站是用ruby写的，如早期的Twitter。但是国内环境不是很好，原先我也没怎么接触过这么语言。）推荐SCSS写法！与css无痕过渡！使用Sass：三种方法使用Sass：作为命令行工具；作为独立的Ruby模块（module）；作为Rack-enabled框架的插件（如rubyonrails与
12 个 app 可用的「流畅设计」元素
Fluent设计系统的重点在于将光照，深度，运动，材质和尺度纳入用户界面。想让你的应用「流畅」吗？以下是在12个Windows应用程序中找到的Fluent样式和控件的范例，以及您如何在自己的UWP应用程序中实现它们。注意：流畅设计系统与Windows10秋季创意者更新一起发布，所以如果您还没有这样做，您需要更新您的电脑才能在Windows应用程序中看到FluentDesign，并构建FluentUWP程序。一.「有意识」的控件（ConsciousControls）
只有程序员才能看懂的10个段子，第一个就笑喷了！
今天给大家来10个段子，娱乐下，哈哈，看完保证不笑死你！我是一个苦b的程序员，今晚加班到快通宵了，困得快睁不开眼了，女上司很关心，问我要不要吃宵夜。我没好气地说，宵夜就算了，能让我睡一觉就行了。女上司红着脸说了句讨厌啊，然后坐在我身边不动，好像距离我很近，搞得我很紧张，难道她发现我的程序出了bug？这里还是要推荐下我自己建的前端学习群：618522268，如果你正在学习前端，小编欢迎你加入，大家都是前端党，不定期分享干货（只有web前端相关的），包括我自己整理的一份2017最新的前端资料和零基础入门教程，欢迎初学和进阶中的小伙伴。第一个段子：
为什么我的子线程更新了 UI 没报错？借此，纠正一些Android 程序员的一个知识误区
开门见山:这个误区是：子线程不能更新UI，其应该分类讨论，而不是绝对的。半小时前，我的XRecyclerView群里面，一位群友私聊我，问题是：为什么我的子线程更新了UI没报错？我叫他发下代码我看，如下，十分简单的代码。@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);title=(TextView)findViewById(R.id.title_tips);doGet("http;//www.baidu.com",newCallback(){@OverridepublicvoidonFailure(Requestrequest,IOExceptione){}@OverridepublicvoidonResponse(Responseresponse)throwsIOExc
嫁人只嫁程序员，月入五万的程序员教你如何活得像月薪五千
丈母娘这关都过了，程序员的春天还远吗？中国的丈母娘的眼光可毒了，50年代女儿要嫁英雄，60年代要嫁贫农，70年代要嫁军人，80年代要嫁文化人，90年代要嫁富翁，2000年要嫁公务员，如今要嫁程序员！程序员除了盛产富翁之外，在丈母娘眼里，程序员工资高、发展前景好、性格沉稳、脾气好、不抽烟不喝酒，生活简单，还特别顾家，越看越满意，是完美得不能再完美的女婿。更重要的是：赚得多，花得少说到程序员，你的第一印象是什么?呃......公司里面最晚走的；放假还在加班的；比较宅的；闷骚；没有女朋友的......(最后一个谁说的，我保证不打死你)程序员是这样的一个群体，他们编写的代码让人类生活变得快捷，可是在享受这份快捷的同时却忽略了原本制造者的情绪和心理状态。大部分时间都在面对电脑，平均每日工作时长超过10个小时。
架构必会的性能指标及分析策略
不管是java还是.net基础设施必不可少。MQ：如果发现MQ是瓶颈。不管用的是rabbitmq还是kafka，其他的也好。作为生产者要确认超时时间、重试机制、异步线程池。消费方要做两件事：发现和解决。发现的主要是通过积压阈值最快发现问题。解决的方法主要有：短期方案：增大线程数，增加服务器。长期需要优化逻辑。积压阈值的设置主要取决于对积压的容忍程度，比如我们的服务对延时很敏感，那么设置积压阈值为50或者100。这样有问题可以快速发现。缓存：缓存的话，不管是tair还是redis或者memcached。我们对缓存的写入成功和数据存在性都不能强依赖。所以基本要做到缓存读取不成功就需要再次查DB。而且不管出什么问题，对程序来说，就是抛异常了。所以一定要异常捕获。数据要用异步线程池异步写入。监控要做好。我们有个服务要做一层缓存。我们组的兄弟比较担心，问我了解不了解冷热启动的概念。这个其实需要去咨询维护服务的人怎么定义这个概念。一般来讲：冷启动数据是从磁盘加载的，热启动是从内存加载的。超时和重试：为了防止别的服务出问题，一定优
MySQL主从延时复制
MySQL的主从复制是实现MySQL大规模集群的基础，其在日常生产环境中被广泛的被应用，而在MySQL5.6开始对MySQL的底层代码不断的重构完善后在MySQL的主从复制取得极大的进步，且在5.7版本引入主从多线程复制（http://www.linuxidc.com/Linux/2017-09/146663.htm），而在5.6版本开始MySQL的主从复制就支持slave上延时复制master而不需要借助第三方工具实现,主从复制延时可以在master误删除数据后在slave中延时一定时间后快速找回误删除数据,至于设置也很简单就是在从库设置连接主库时添加一个参数即可：CHANGEMASTERTOMASTER_DELAY=3600;#这里的单位是秒3600秒即一个小时此时在开启slave，此时再看下slave的状态，会有2个参数：SQL_Delay:显示已设置的主备延迟的时间，单位秒;SQL_Remaining_Delay:显示剩余的主备延迟时间，单位秒;本文永久更新链接地址：http://www
【GitLab】CI集成之mysql service的使用
背景利用GitLab的持续集成功能，在CI的Pipeline中集成API测试，希望测试环境每次都能基于仅有空表的MySQL数据库进行测试，于是在CI过程中引入MySQLservice。问题目前GitLabservice启动的容器无法做路径映射，于是就无法利用MySQLimage的启动项的//docker-entrypoint-initdb.d/目录映射来自动加载数据库初始化脚本。查阅官方文档，也没有这方面的支持。解决方案一1.将数据库初始化过程直接重新打包成一个新的镜像，在GitLabservice中加载新的镜像，Dockerfile如下FROMmysql:5.6ENVMYSQL_DATABASEdatabase_nameENVMYSQL_ROOT_PASSWORDrootENVMYSQL_USERuserENVMYSQL_PASSWORDpassword#./initdb/table-scheme.sql包含了数据库初始化的脚本COPY./initd
使用python连接MySQL数据库
本篇文章使用python中的pymysql库连接MySQL数据库，并完成建表，数据写入和查询的过程。为了保证内容的完整性，我们将内容分为两个阶段，第一阶段简单介绍数据的爬取过程。看过之前爬虫文章的同学请直接忽略。第二阶段介绍将爬去的数据写入MySQL数据库的过程。1，使用python抓取并提取数据第一阶段介绍数据爬取过程，首先导入所需的库文件，主要包括requests，re和pandas三个库。具体作用在注释中进行了说明，这里不再赘述。#导入requests库(请求和页面抓取)importrequests#导入正则库(从页面代码中提取信息)importre#导入科学计算库(拼表及各种分析汇总)importpandasaspd设置爬取请求中的头文件信息。
VS Code 折腾记 - (10) 你想发布自己捣鼓的snippets到VSCode插件市场!
Options:-V,--versionoutputtheversionnumber-h,--helpoutputusageinformationCommands:ls[options]列出实际会发布的文件列表package[options]打包成一个插件publish[options][
基礎資料結構 6 --- 樹狀結構的遍歷 Traversal ( Iteration )
在筆者的『基礎資料結構3---樹狀結構與二元樹』的這篇文章中，我們介紹了樹的基本概念，也學習了如何遍歷樹的方法，在之前的文章中，我們有說到，如果要遍歷樹大至上有以下三種方法:中序追蹤(in-order):先走訪左子樹，然後在根，最後在右子樹。(DBEAFCG)前序追蹤(pre-order):先走訪根，然後在左子樹，最後在右子樹。(ABDECFG)後序追蹤(post-order):先走訪左子樹，然後在右子樹，最後是根。(DEBFGCA)那為什麼我們這裡要在拿來說一次呢?因為我們之前實作的方法是用『Recursion』來實作。有寫過程式的人大概會知道，在使用recursion實作程式碼，常常有可能會發生memoryleak事件，所以我們這篇將要來說明，如何不使用它，來實作以上三種traversal。中序追蹤(in-order)左=>根=>右iteration直接先深入最深的左子樹，並將行經的節點，存放到stack中。然後深入到最後時，發現是null，開始從stack
Koadic的安装和使用
(koadic:sta/js/mshta)#----------------------------------------Exceptionhappenedduringprocessingofrequestfrom('192.168.1.110',49159)Traceback(mostrecentcalllast):File"/usr/lib/python2.7/SocketServer.py",line596,inprocess_request_threadself.finish_request(request,client_address)File"/usr/lib/python2.7/SocketServer.py",line331,infinish_requestself.RequestHandlerClass(request,client_address,self)File"/usr/lib/python2.7/SocketServer.py",line652,in__
Spring 5 WebFlux
从上面的结构图中可以看出，WebFlux模块从上到下依次是RouterFunctions，WebFlux，ReactiveStreams三个新组件，WebFlux模块需要运行在实现了Servlet3.1+规范的容器之上，Servlet3.1规范中新增了对异步处理的支持，在新的Servlet规范中，Servlet线程不需要一直阻塞等待直到业务处理完成，也就是说，Servlet线程将不需要等待业务处理完成再进行结果输出，然后再结束Servlet线程，而是在接到新的请求之后，Servlet线程可以将这个请求委托给另外一个线程（业务线程）来完成，Servlet线程将委托完成之后变返回到容器中去接收新的请求，Servlet3.1规范特别适用于那种业务处理非常耗时的场景之下，可以减少服务器资源的占用，并且提高并发处理速度，而对于那些能快速响应的场景收益并不大。下面介绍上图中webFlux各个模块：RouterFunctions:对标@Controller，@RequestMapping等标准的SpringMVC注解，提供一套函数式风格的
2017 年开发者生产力报告： Kotlin 很受 Java 开发人员的欢迎
RebelLabs通过深入调查得到2017年开发者生产力报告，Kotlin很受Java开发人员的欢迎，Spring继续主宰企业市场。RebelLabs通过深入调查得到2017年开发者生产力报告，该报告重点介绍为什么开发人员使用这些工具以及他们对开发工具，体系结构还有其他方面的满意程度。该报告是基于全球Java开发人员超过2000多人的报告。该报告研究了开发人员最喜欢使用的工具，技术和库。开发人员将Kotlin列为2017年最受欢迎的开发技术，其次是Docker，Java9，Spring，Angular，JavaEE8，Spring5，Java8，Kubernetes和React。调查还询问了开发者的主要项目使用了哪种编程语言，答案绝大多数是Java8或更高，达到72％，其次是Java7,达到21％，而Groovy，Scala，JavaScript和Kotlin都低于5％。选择Java7和8是因为其功能，生态系统，团队技巧，公司政策和实验能力都比较好。在使用较少的语言中，开发人员评
纯属搞笑：程序员的桌面
今天要带大家通过电脑桌面来了解程序员这个神奇物种他们每天到底都在在在想些什么有一种桌面叫程序员的电脑桌面真爱程序员远离IE:point_down:一个80后程序员:point_down:程序员为啥单身？你自己心里没有点X数么！:point_down:明天需要上线一个新功能:point_down:第二天都快下班了，需求还没上线！:point_down:上线ing……:point_down:新产品上线，需要一个程序员祭天:point_down:工作能使我暴富我爱我的工作
【JavaScript从入门到精通】第十五课
第十五课JS运动基础这节课开始我们来讲解JS的运动。在前面关于定时器的内容里，我们已经对JS运动有了一定的了解，接下来几节课我们将慢慢深入，逐渐解析JS运动的知识和原理。运动基础我们列举一个我们已经写过的最简单的例子：functionstartMove(){
varoDiv=document.getElementById('div1');
setInterval(function(){
oDiv.style.left=oDiv.offsetLeft+10+'px';
},30);
}现在我们希望这个运动可以停下来，因此我们加入以下判断：当div1的offsetLeft等于300时，我们将定时器关掉。functionstartMove(){
varoDiv=document.getElementById('div1');
timer=setInterval(function(){
Node.JS 8.x和9.x新特性:N-API,NPM5,ERROR CODE
Node.JS刚刚发送了9.0，8.0升级为正式版，并将长期支持。下面是Node.JS8和9的一些新特性Node.js8新特性Node.JS8主要升级了安全性和稳定性，并将维护1年半的时间。采用Googlev86.1JavaScript引擎TheNPM5.0.0在典型Web应用中，性能比6.x提升20%的性能两个试验特性：N-APIHTTP/2N-API是专门为Node.JS的c/c++扩展而开发的，相当一个连接node.js和googlev8的适配器，开发者的插件将不再依赖Googlev8的接口，因为这些接口可能会变，进而导致版本升级时插件编绎失败。n-api提供了一系列与版本和GoogleV8无关的扩展接口。Node.js9新特性主要引入了新的报错处理，每个错误将会抛出统一的错误编码(Error_Code)访问：error.code可能的值：ERR_ARG_NOT_ITERABLEERR_ASSERTIONERR_ASYNC_CALLBACKE
分享10个优美的程序员把玩儿的实用科技设计酷站（3）
这是一篇由AddyOsmani所撰写的关于网页图片优化和处理的文章，内容极为详尽，涵盖了主要的技术和背后所涵盖的科学知识，此外还推荐几款颇为实用的工具。好啦，今天的分享就是这些啦，这里是igeekbar，希望可以给各位geek小伙伴们带来帮助呦~~~听说只有优美的程序猿才会尝试把玩儿这些网站呐啊哈哈哈哈~~~~看到此文的你惊不惊喜^_^如果你有什么好玩儿的酷站，也欢迎留言分享给我呦~~~