分享10个优美的程序员把玩儿的实用科技设计酷站（7）
今天为优美的程序员们带来了科技设计酷站第7期！哈哈哈～～～绝对实用！快来看看吧～～～O(∩_∩)O~Vidlery这是一组非常使用用在网站背景当中的动画视频，所有的这些视频都是免费的。VectorEmoji这是一组矢量的emoji表情合集，包含Photoshop和Sketch两种格式。PHPBotPHPBot更像是一个PHP语言小助手，当你输入诸如array_mergeversion_compare这样的函数的时候，它会显示一段基于这些函数的代码片段实例来给予回应。InclusiveDesignPrinciple如果你想让你所设计的网站和应用能够为尽可能多的用户所实用，你可以参考这个包容性设计原则列表来完善自己的产品。其中包括了英文、西班牙文、法文和日文的版本，另外还包含了一个相应的海报，你可以打印贴出来。MerlinWPMerlinWP是一个PHP类，旨在帮助开发Wordpress主题的开发人员更好地设计新用户引导流程。SketchPacks这款APP能帮你同步
推荐|如何利用碎片化时间学习？
正文开始工作、生活节奏超快的今天，想要不断提升自我，碎片化阅读学习是你最佳选择，如果你有一颗学习的心，那这些学习型的公众号，绝对会让你受益匪浅。小编为你精选了技术领域几个精品微信订阅号，涵盖了时下最热门的技术领域，还有行业内的热点新闻和干货教程推送。同时，你还能加入这些公众号的学习社群，和各个领域的大咖面对面交流，不断学习，提升自我！！想要学到更多，什么时候开始都不晚！赶紧加入吧！互联网学术专注于互联网领悟的经典技术书和资源整理收集和热点话题，涵盖34个领悟，143家公司的面试真题，以及常见互联网技术领悟经典书和面试书和知名互联网公司校招薪资汇总表，领取方式：关注此号，回复：干货程序员共读最有影响力的程序员自媒体，关注程序员相关话题：程序人生、IT技术、IT职场、学习资源等。码个蛋关注「码个蛋」，每天早上7：00准时推送，Android技术、程序员成长之路、在这都有，替您从海量同类文章中筛选出高质量文章，为您提供最快捷的精进之路非著名程序员非著名程序员，移动开发者的聚集地，这里分享的不仅有移动
干货！程序员进好公司的面试技巧
经过一个多月的面试求职，终于获得了一个非常满意的工作机会。作为一个有着两年多iOS开发经验的程序员，第一次裸辞跳槽，对面试求职可谓有一番全新的体会。技能好不一定就保证你能进入好公司，有时候也需要很多技巧和方法的！最后我能够顺利进入广东地区比较出名的互联网公司，并获得相当可观的待遇，其实是花了很多心思去准备的。下面是我对这段时间以来求职经验的总结，也包括我此前整理的技巧攻略，希望能帮在寻觅好岗位的程序员同胞们，早日找到最满意的公司。一、写好简历是拿高薪offer的敲门砖一个优秀程序员的思维是缜密细致的，而是否具备这个特质，首先由你的简历去传递。一份好的简历，一定是简洁明了，逻辑结构清晰，排版顺畅的，最好用PDF格式，兼容性强且不易乱序。而简历里最重要的内容是你的工作经历和项目经历，这几点需要包括：·效力过哪些公司·做过什么行业领域，和目前面试行业是否匹配·擅长的技术语言，应用了哪些技术栈（Java,Scala，Ruby,React,Vue,Microservice…）·经历的项目复杂度
体育场馆商业模式革命，互联网时代平台战略有什么意义？
纪胖说：封闭走向衰落，开放通往繁荣，这是亘古不变的真理，这一真理同样适用于体育产业。作为体育产业重要一环，体育场建造和运营同样需要跟上互联网时代的步伐，德勤提出的体育场平台战略颇具现实意义。早在公元前15世纪左右，古希腊就有了体育场的原始建筑。狭长的马蹄形建筑可能是世界上最古老的体育场，在底比斯、埃皮扎夫罗斯和奥林匹亚都曾出现过。1896年雅典第1届近代奥运会会场是在一个古代体育场的基础上改建的。英国为1908年第4届奥运会建造的体育场是第1个现代风格的体育场。1959年，美国建成了世界上第1个分层看台的无柱体育场，即洛杉矶道哲体育场。尽管时代在变，但大多数体育场在基本设计、功能和体验方面并没有发生太多变化，比赛仍是唯一焦点。体育场新模式崛起：技术和商业的平台随着消费技术的变革，一个新的体育场模式正在出现，“体育场区”的概念正在重塑体育场周边商业业态。在新模式中，体育场不再只是一个场馆这么简单，而是变成了技术和商业平台。这种转变颠覆了关于体育场体验的传统观念，需要体育场运营方、球队也随之转变思维方式，不仅要考虑座
Swagger UI 3.6.0 发布，API 在线文档生成利器
SwaggerUI3.6.0已发布，这是一款API在线文档生成和调试工具。该版本包含了一个显着的性能改进，这要归功于Swagger-Client的改变。$ref-dense定义现在应该能够更快速地初始化渲染！此外，还包括：接口更改：OAuth2requestsarenowsubjecttorequestandresponseinterception.特性：addedsupportforOAS3pathandoperation-levelserverdefinitions(via#3972)改进：removedTry-It-OutdownloadlinkrequirementthattheresponsehaveaContent-Length(via#3895)改进：connectedOAuth2requeststorequestInterceptorandresponseInt
迷你书： 架构师（2017年12月）
卷首语：当我们在架构设计的时候，我们到底在做什么？作者：得到张明庆我们为什么要进行架构设计？如果我向架构师征集这个问题的答案，我想可以收到成百上千条。这些答案绝大多数都是对的，但是可能都是一些理性的回答，例如架构可以让代码更稳定、更高效或者更富有弹性。如果抛弃这些理性的分析，从感性上来讲，是什么驱动着我们克服重重困难去做架构设计这个苦差事呢？我想这就要归因到我们成为程序员的初衷，我们投身到互联网这个行业，就是因为这个行业总是在追求对世界的改变，并且是向好的方向改变。不论是让人们的生活更便捷，还是让这个世界更透明更安全，这些改变都深深地吸引着我们，因为作为程序员的我们就希望生活在一个便捷透明的世界里面，或者说我们都希望拥有一个更简单更从容的人生。再回来看我们上面列出的答案，架构设计不论是力求简洁高效，还是追求稳定和弹性，这不就是一个程序员世界观和人生观的映射吗？或者说我们在进行架构设计的时候，我们其实在按照自己的内心设计一个小的世界，一个一定程度上由自己说了算的世界。让我们来看看，在这个说了算的世界里面都有什么？这个世界里
Percona Server for MySQL 5.5.58-38.10 发布
PerconaServerforMySQL5.5.58-38.10已发布，该版本基于MySQL5.5.58，并包括其中的所有错误修复。PerconaServerforMySQL5.5.58-38.10是PerconaServerforMySQL5.5系列中最新的GA版本。新特性PerconaServer包现已支持Ubuntu17.10(Artful)bug修复IfanI/OsyscallreturnedanerrorduringtheservershutdownwithThreadPoolenabled,amutexcouldbeleftlocked.Bugfixed#1702330(DanielBlack)。DynamicrowformatfeaturetosupportBLOB/VARCHARinMEMORYtablesrequiresallthekeycolumnstocome
Mysql实现企业级日志管理、备份与恢复实战
背景随着业务的发展，公司业务和规模不断扩大，网站积累了大量的用户信息和数据，对于一家互联网公司来说，用户和业务数据是根基。一旦公司的数据错乱或者丢失，对于互联网公司而言就等于说是灭顶之灾，为防止系统出现操作失误或系统故障导致数据丢失，公司要求加强用户数据的可靠性，要求全面加强数据层面备份，并能在故障发生时第一时间恢复。数据备份形式文件备份：通过Linux的备份命令把文件统一打个包存起来，可存在本地和远程服务器，等到要恢复时，再用这些文件恢复到指定位置。数据库数据备份：在一些对数据可靠性要求很高的行业如银行、证券、电信等，如果发生意外停机或数据丢失其损失会十分惨重。为此数据库管理员应针对具体的业务要求制定详细的数据库备份与灾难恢复策略，并通过模拟故障对每种可能的情况进行严格测试，只有这样才能保证数据的高可用性。数据库的备份是一个长期的过程，而恢复只在发生事故后进行，恢复可以看作是备份的逆过程，恢复的程度的好坏很大程度上依赖于备份的情况。此外，数据库管理员在恢复时采取的步骤正确与否也直接影响最终的恢复结果。数据备份类型按业
一个原创的简单实用的MySQL安全小技巧
今天在V2EX上面看到一个哥们小站的数据库被人暴力破解，并且把数据全删了。在表示同情的同时，跟大家分享一下自己一个简单的小trick。注意：把数据库暴露到公网一定是非常危险的，这个小trick只是将危险系数下降了一些而已！TL;DR使用SSH转发，将一个不知名的端口在内网转发到3306之上。具体命令：ssh-C-f-N-gubuntu@127.0.0.1-L30221:127.0.0.1:3306解释：使用ssh端口映射的方式，将本机的30221端口映射到3306端口。这样，在公网就可以直接使用30221端口访问3306的数据库了，而且可以直接使用root账号。详细解释MySQL默认安装完，开通的是3306端口，并且默认的root账号只能在本地访问。但是如果使用SSH端口映射转发的方式，外部的访问是访问30221，在本机将数据转发到了3306端口。在MySQL看来，这就是从本机来的访问。相比直接修改MySQL的配置，我觉得这种方式简单了很多。并且，最重要的，没有将3306端口暴露出
2017 前端大事件和趋势回顾，2018 何去何从？
2017年，前端开发继续飞速发展。以下是在过去的一年中非常值得关注的一些事件和趋势整理，主要参考了国内外的一些报道和文章，希望能对大家在思考2018年的趋势和走向上有所帮助。欢迎指正、评论和补充。1、React16和MIT许可证2017年，React继续在前端领域占据主导地位，备受期待的React16也正式发布。该版本包含可实现异步UI渲染的fiber架构，以及更便捷的错误管理。不过，React更引人关注的不是其新特性，而是开源许可证的更改。Facebook放弃了导致很多企业拒绝使用其开源项目的BSD+专利许可模式，并采用了对用户友好的MIT许可证。同时，Jest、Flow、Immutable.js和GraphQL等项目也更改为了MIT许可证。>>相关阅读：React16.0.0发布，去除专利条款，改用MIT许可证Facebook被集体“声讨”，要求更改ReactJS许可2、下一代Web应用模型—PWAPWA（ProgressiveWebApp）是
vue项目中对axios的二次封装
//引入axiosimportaxiosfrom'axios'letcancel,promiseArr={}constCancelToken=axios.CancelToken;//请求拦截器axios.interceptors.request.use(config=>{//发起请求时，取消掉当前正在进行的相同请求if(promiseArr[config.url]){promiseArr[config.url]('操作取消')promiseArr[config.url]=cancel}else{promiseArr[config.url]=cancel}returnconfig},error=>{returnPromise.reject(error)})//响应拦截器axios.interceptors.response.use(response=>{returnresponse},error=>{returnPromise.resolve(error.response)})axio
浅究Vue响应式原理
摄于2017年11月24日09:02:42ByOnePlusA5000inHangZhouVue最明显的特性之一便是它的响应式系统，数据模型即是普通的JavaScript对象。而当你修改它们时，视图便会进行更新。这也给开发者提供了极大的方便来绑定和渲染数据，文章简要阐述下其实现原理，如有错误，还请不吝指正。响应式data
node.js连接mongodb
看此篇文章前如若你不了解也不会简单运用mongodb请戳这里1.安装mongodb依赖，这里我们安装v2.2.33版本，如果之前有遇到过db.collectionisnotfunction其实只是mongodb库版本的问题(桌面建立fml文件)我的项目文件名为fmlC:\Users\admin\Desktop\fml>npminstallmongodb@2.2.332.插入数据在fml中新建node-mongodb.js,并复制黏贴下面代码varMongoClient=require('mongodb').MongoClient;//连接数据库字符串形式varDB_CONNECT_STR='mongodb://localhost:27017/fengml';varinsertData=function(db,callback){//连接到表fmlsitevarcollect=db.collection('fmenglsite');//插入数据vardata=[{"author":"风慕
把所有的东西都对齐吧！
"44年前我们就把人类送上了月球了，但现在我们仍然无法在css中实现垂直居中-JamesAnderson"难题在CSS中对元素进行水平居中是非常简单的；如果是一个行内元素，就对父元素设置text-align:center；如果是一个它是一个块级元素，就对自身应用margin:auto.然而考虑到代码的DRY和较强的可维护性，如果要对一个元素进行垂直居中，可能是令人头皮发麻的一件事情了.就这样在前端开发圈内看似及其常见的需求，从理论上似乎极其简单，在实践中，它往往难如登天，当涉及尺寸不固定的元素时尤为如此.为了解决这一"绝世难题"，于是前端开发者们殚精竭虑，脑洞大开，琢磨出了各种解决方案，大多数并不实用.一路走来走了不少弯路，希望初入前端的小伙伴们可以走的更加通畅，总结分享给大家：下面就让我们来探索现代css的强大威力：基于表格布局法的解决方案利用表格的显示模式，需要用到一些冗余的HTML元素思路来源： 模块热替换是什么意思？以前我们使用的webpack--watch或webpack-dev-server的功能是监听文件改变，就自动刷新浏览器，而这个模块热替换不用刷新浏览器，它是只让修改到的模块，才会在浏览器上发生相应的变化，就是生效，而不是重新刷新浏览器。为什么要这么做呢？有时候模块越多，改得频繁，刷新起来还是很慢的，效率低呀。所以有了模块热替换的功能，我们来试一下，让我们一改CSS然后浏览器不用刷新就会让页面生效改变。1.启用HMRwebpack.config.jsdevServer:{port:9000,open:true,}改成下面这样：devServer:{port:9000,open:true,hot:true}webpack.config.js...constwebpack=require('webpack');...module.exports={entry:{"app.bundle":'./src/app.js',"contact":'./src 1.前言做过电商的朋友应该比较熟悉，当我们在介绍一个实体产品的时候必不可少的会有这个产品的图片，这是用户对这个产品的最直观了解，从以前的包括现在的电商网站来看，产品详情页里面产品的图片一般都是占一大部分，而且一般的排版方式都是图片从上往下排来展示产品的各个角度的图片或者使用轮播图（参照淘宝京东等），因为这个是最简单的能使用户仔细了解产品的外观的方法，所以目前几乎所有的电商都会加入这个环节。当然我们在这里并不是为了替换掉这种展示方式，而是我们增加一个能让用户更方便去了解产品实际全貌的方式，而且在排版上做到只占一张图片的位置。我们先来看看360度旋转产品是怎么样的效果2.前期工作好了，大家可能会问，像这种图片是怎么拍的呢？这个是摄影师从产品的各个角度拍摄的，需要搭建一定的拍摄环境，而且每个角度的度数的一样的，应该是使用了旋转托盘。我们在这里就不仔细解释拍摄过程了，有兴趣的朋友可以自己去查查资料，我们在这里讲的是前端的效果实现3.HTML代码结构一般使用插件来讲，第一，我们希望HTML代码越少越好，第二，可以增加一些配置项，第三，很 图像已经成为网络不可或缺的一部分，相比文字来说图像更直观。那么各种图形图像的处理软件、控件就必不可少了。今天为大家推荐慧都2017年5款最受欢迎的图形图像/CAD工具，附带各个软件、控件的基本介绍以及最新版本的下载地址，有兴趣的朋友可以免费下载进行试用。在使用过程中出现了任何问题，请联系我们的在线客服。DynamicWebTWAIN——应用于Web应用程序的TWAIN扫描识别工具支持所有主流浏览器DynamicWebTWAIN是一个专为Web应用程序设计的TWAIN扫描识别控件。你只需在TWAIN接口写几行代码，就可以用兼容TWAIN的扫描仪扫描文档或从数码相机/采集卡中获取图像。然后用户可以编辑图像并将图像保存为多种格式，用户可保存图像到远程数据库或者SharePoint。这个TWAIN控件还支持上传和处理本地图像。DynamicWebTWAIN已加入慧都“百厂约惠”促销活动中，历史最低6.7折等你来抢>>>【DynamicWebTWAIN最新版下载】VectorDrawDeveloper 前言如果大家刚使用EntityFrameworkCore作为ORM框架的话，想必都会遇到数据库迁移的一些问题。起初我是在ASP.NETCore的Web项目中进行的，但后来发现放在此处并不是很合理，一些关于数据库的迁移，比如新增表，字段，修改字段类型等等，不应该和最上层的Web项目所关联，数据的迁移文件放到这里也感觉有点多余，有点乱乱的感觉，所以才想着单独出来由专门的项目进行管理会比较好，也比较清晰！注意目标框架选择的是.NETCore2.0而不是.NETStandard2.0。0、前期准备a）、表实体定义，这个是在.NETStandard2.0的类库中存放的。/// 尽管EFCore正努力提供视图和存储过程等基本数据库特性，但是开发人员也在寻求能满足他们数据访问需求的ORM工具。下面列出一些相对广为使用的ORM。LLBLGenProRuntimeFrameworkLLBLGenProRuntimeFramework是一种“可选”的ORM，它是与LLBLGen实体建模工具一并使用的。这里称其为“可选的”，是因为它也能和EntityFramework等其它ORM一起工作。类似于EntityFramework，LLBLGenProRuntimeFramework也是一种OOP风格的完备ORM（FullORM）。但是它在几个方面上有所差异，首先是它更侧重于性能。尽管EFCore的性能显著高于经典的EntityFramework，但是两者依然明显地低于其它的ORM。LLBLGenPro的作者FransBouma发起了一个性能比赛，意在比较各种.NET数据访问和ORM实现的速度。LLBLGenProRuntimeFramework也不同于EF/EFCore 最近忙于项目和驾照，许久没有关注技术和博客了，想来作为基层程序员也是泪累颣。在以前和现在我都遇到了下面的错误，这是启动mysql时遇到的错误提示，也就是执行/etc/init.d/mysqldstart或servicemysqldstart时抛出的错误提示，相信大家也不陌生。StartingMySQL..TheserverquitwithoutupdatingPIDfile([失败]data/3306/xxxxxxx.pid).对于以上这个错误信息，网上通常看到解决办法有7种，这里我就不一一列举的，有兴趣的可以参考文末的链接。正常来说，遇到错误最好的办法就是查看错误日志，综合来讲，无非就是权限不足、硬盘不足、内存不足等原因。mysql错误日志的配置方法就是log-error="/var/log/mysqld.log"，最近遇到的mysql启动问题就是内存不足，错误如下：然后我就修改innodb_buffer_pool_size=64MB以为能解决，结果是还是同样的错误，接着我修改innodb_buffer_poolwebpack 3 零基础入门教程 #12 - 如何使用模块热替换 HMR 来处理 CSS
写一个可拓展的360度产品旋转插件
【百厂约惠】盘点2017年5款最好用的图形图像/CAD工具
在.NET Core类库中使用EF Core迁移数据库到SQL Server
用于.NET Core的ORM
MYSQL启动失败小结