15个超强悍的CSS3圆盘时钟动画赏析

在网页上，特别是个人博客中经常会用到时钟插件，一款个性化的时钟插件不仅可以让页面显得美观，而且可以让访客看到当前的日期和时间。今天我们给大家收集了15个超强悍的圆盘时钟动画，很多都是基于CSS3，也有一部分利用jQuery和SVG，让我们一起来看看吧。1、纯CSS3/SVG实现的带秒针表盘圆盘复古时钟现在的网页上圆盘时钟越来越少见了，更多的是数字时钟和数字日历。之前我们分享过一些基于jQuery和CSS3的圆盘时钟动画，比如纯CSS33D立体圆盘时钟动画和jQuery实现一个挂在墙上的圆盘时钟动画都非常不错。这次要给大家带来一款比较复古的圆盘时钟，基于纯CSS3，盘面是SVG绘制而成，并没有使用任何图片。时钟整体外观比较怀旧，给人不一样的视觉感受。在线演示源码下载2、HTML5Canvas3种不同风格的圆盘时钟这次我们要继续为大家分享一款基于HTML5Canvas的圆盘时钟动画，和之前分享的这款HTML5Canvas圆形时钟动画类似，它也是基于HTML5的，但是这款时钟提供了3种不同的样式风格，而且时钟的大

个人 vue 项目的优化总结

主要说的是，我在项目中，自己遇到的一些小问题和解决方案图片base64问题//有一个test的组件<template><divclass='icon'></div></template><style>.icon{background:url(../assets/test.png);}</style>//然后有三个页面，引入了test组件//h1.vue,h2.vue,h3.vue分别都引入test组件<template><test></test></template><script>importtestfrom'@/components/test.vue'//...</script>第一次打包文件之后，三个页面的js文件，都会出现相同的一个base64图片后面第二次打包使用impor

现代浏览器性能优化-CSS篇

我来填坑了，CSS篇终于写出来了，如果你没看过前面的JS篇，可以在这里观看。众所周知，CSS的加载会阻塞浏览器渲染或是引起浏览器重绘，目前业界普遍推荐把CSS放到中，防止在CSS还没加载完，DOM就已经绘制出来了，造成CSS加载完成后的重绘。那在现代浏览器中我们有没有办法提高首屏渲染速度那？你是不是经常在第一次打开某个网站的时候看到这种情况，本来的页面是这样的实际上刚加载出来的是这样的字体文件没加载出来，或者加载的太慢了理解CSS解析过程以下面这段HTML为例，解释一遍CSS加载解析的过程。

Text

axios 使用post方式传递参数，后端接受不到

最近做vue项目，做图片上传的功能，使用get给后台发送数据，后台能收到，使用post给后台发送图片信息的时候，vueaxiospost请求发送图片base64编码给后台报错HTTP错误414请求一直报错，显示requestURItoolarge后台显示一直没有收到数据参数为null。网上查看了很多资料，才知道axiospost传参的问题。this.$axios({method:'post',url:url,params:{is_iso:1,goods_id:goods_id}}).then((res)=>{})一开始我是这么写的，post里面的数据放在params里面，这样是有问题的，在使用axios时，要注意到配置选项中包含params和data两者，以为他们是相同的，实则不然。因为params是添加到url的请求字符串中的，用于get请求。而data是添加到请求体（body）中的，用于post请求。然后我把param

vue vuex vue-rouert后台项目——权限路由（超详细简单版）

项目地址：vue-simple-template共三个角色：adanbarbaracarrie密码全是：123456adan拥有最高权限A他可以看到red,yellow和blue页面（共三个页面）barbara拥有权限B他可以看到red和yellow页面carrie拥有权限C他可以看到red和blue页面技术栈webpack----打包神器vue----JavaScript框架vuex----实现不同组件间的状态共享vue-router----页面路由babel-polyfill----将ES6代码转为ES5代码normalize.css----重置掉该重置的样式element-ui----UI组件库项目初始化#cd到项目文件夹cdweven-simple-template#安装依赖（本项目还安装了其他依赖详情请见package.json

为什么我们还在使用那些陈旧的技术

好久不见，技术又革新了吗？我今天来的目的就是解释一下如下几个问题：1.为什么很多企业单位还在使用Win7，甚至是WinXP，政府机构尤为突出？2.为什么很多公司前端程序员还在使用jQuery？3.为什么我们的父母坚决抵制把钱存在互联网金融？最近产生了改了一批旧代码，有一些感触，为什么我们还在使用那些陈旧的技术？最近帮朋友解决一个小问题，看了一下某国有企业的ERP系统代码，我的天哪，是.net写的，而且是WebForm写的，这如果在10年前，绝对属于新技术，从asp时代走到HTML与Server分层书写，能用这种技术写出这么庞大的系统，今天一定是年近四旬的大神了……哈哈哈。还是最近，梳理了一个用requirejs写的项目，项目写的很复杂，能看出来设计是用心了的，放在三五年前，requirejs的模块化开发的思想还算是先进技术，可是当时写的人如果不在了，后人的维护成本将急剧增加。我不禁反思，是技术进步太快还是我们转向太慢？这些年究竟发生了什么？经过长时间的琢磨与梦研，我得出了一些不确定正确的观点：1.利益方

vue-cli 使用 webpack-bundle-analyzer

浪费几多时间。才来公司，填坑。然后发现项目打包越来越大。然后就满世界找解决方法。网上看到webpack-bundle-analyzer这个神器。然后各种说配置package.json文件。然后我配置完毕各种报错。折腾一番，感觉玩不下去了。然后去看vue-cli的官方文档。然后找到vuejs-templates/webpack然后再看文档。我能说啥。看这段：#buildforproductionandviewthebundleanalyzerreportnpmrunbuild--report不用配置任何script，在build的时候添加参数就好啦。然后运行一下，浏览器访问http://127.0.0.1:8888。然后开始填坑。。。

最近对于懒加载的一些思考

记得我刚毕业那会，前端还是jQuery的天下，没有什么项目是一个jQuery搞不定的，如果有，那就再加个插件。后来慢慢出现了一些前端模块化工具，直至seajs的出现，把模块化推向了一个高潮，期间听说了gmail前端有44万行的JS代码，也是非常震惊。现在的前端为了更好的用户体验，更快地适应业务，逻辑正在变得越来越复杂，同时也带来越来越多的问题。体积臃肿的前端使用webpack的同学对下面这张图很熟悉了，一般我们用webpack打出来的包，都会包含一大堆东西，node_modules文件内容甚至能占到90%以上。冰山效应很多时候，用户打开一个页面，同时也加载了很多在这个页面上并不会运行的代码，甚至是永远都不会运行的代码，页面上的这些代码就像海洋里的冰山，运行的只是海平面上很小一部分，很大一部分在海平面下的代码，仅仅只会拖慢我们首页的打开时间。按需加载从有模块化起，貌似就有了按需加载功能，很多工具都提供了按需加载的功能，以webpack为例：constjQuery=awaitimport('jQuery')

我用vue写了一个简单的支持左右滑动的图片轮播组件，请大家指点

最近在尝试重构公司网站，需要用到轮播图，因为网站比较简单，不想因为第三方插件，就自己写了一个轮播组件，引入腾讯的手势操作库就可以滑动了main.jsimportAlloyFingerfrom'alloyfinger'importAlloyFingerVuefrom'alloyfinger/vue/alloy_finger.vue'Vue.use(AlloyFingerVue,{AlloyFinger})...Swiper.vue<template><divclass="swiper"><divclass="swiper-wrapper"><transition-grouptag="ul":name="swipeAction"class="swiper-list"v-finger:swipe="swipe"><liclass="swiper-item"v-for="(img,i

vue+element实现表格跨行或跨列

前言vue+element用于pc后台管理系统比较多,所以后台管理系统一般以处理数据为主,数据结构的复杂程度变高,相对应的前端展示成本也提高,有些产品经理或许会要求表格跨行或跨列合并,如果你正在想怎么实现,那就接着往下看效果图element的2.x(注意是2.X新加的方法)1.span-method方法可以实现合并行或列，2.参数方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。3.函数的返回数组该函数可以返回一个包含两个元素的数组，第一个元素代表rowspan，第二个元素代表colspan。也可以返回一个键名为rowspan和colspan的对象arraySpanMethod({row,column,rowIndex,columnIndex}){if(rowIndex%2===0){//判断条件可以设置成你想合并的行的起始位置if(columnIndex===0){//判断

有关C#使用Enyim.Caching.dll的问题陆陆续续碰到

memcached的程序，陆陆续续碰到一些问题用C++写过一些服务程序，也和memcached有关，用到的是网上的开源memcachedclient静态库。按照当时系统的逻辑，memcached的读写，都是用C++完成，所以基本上很顺利。最近，把一些服务接口重构，用的是C#，于是乎需要对C++服务程序存储在memecached里面的key-value进行读取。本着不重复制造轮子的想法，在网上找了个Enyim.Caching.dll。结果问题就来了……问题1：网上找过好多有关Enyim.Caching.dll使用的说明，基本上都是在webconfig里面需要增加配置节点，里面配置一些memcached的端口列表之类的……大概是因为memcached的分布式功能，本身需要在客户端实现，所以是配置IPort的一个列表，Enyim.Caching.dll内部自动实现路由功能（只是估计，不太确定）。但是，按照本人的实际系统需要，某些keyvalue是在A服务器上，另外的一些是在B服务器上，不同类型的key-value，是保存

webpack2.X、Vue学习以及将两者相结合

在家的闲暇时间来完善自己的前端知识。经过两三天的学习，按照webpack文档学习，vue文档学习，最后实现了两者结合的目标。webpack按照网站上guide的流程依次学习1、使用npm安装webpack2、设置输入文件，比如怎样引入css，images，fonts，data3、设置输出文件，比如可以根据自己的设置来决定输出脚本的名称，生成新的页面，在每次生成新页面之前先把旧的页面进行清理4、开发过程中，使用sourcemaps来显示提示信息，方便开发者定位错误的信息，使用本地服务器访问页面。5、对于输出的文件进行压缩，减小文件的大小Vue1、使用npm进行安装vue2、在webpack的入口文件中使用importVuefrom'vue';引入vue，这样会报错，错误显示引入的是vue.runtime.esm.js，当我们在webpack中使用：module.exports={//...resolve:{alias:{'vue$':'vue/dist/vue.esm.js

[逆向分析]记一次对".NET"某款奇葩的程序辅助工具的逆向之旅

[TOC]###0x00前言：在前几天，少年时期的一位童鞋问能不能帮看一款工具，是某款程序的辅助工具，需要注册码注册过后才能使用，我心中在想：”我这小菜鸡怎么搞得定呢“，最后在威逼利诱的情况下，我答应了。本文很早之前就已经写完了，并未发出来，只是当作了一个过程记录写在了云笔记上，经过一番挣扎之后才决定发出来。如果该工具作者看到该文并觉得不应该发出来，请联系我。我会对该篇文章进行删除。###0x01工具：ExeInfoPEdnSpyDe4dot###0x02正文：鉴于这辅助工具的特别情况，所以下文称主程序为“程序客户端”以及插件为“辅助工具”由于这款“辅助工具”是以插件形式加载到“程序客户端上”的，所以我们得先安装”程序客户端“上。首先由于对”辅助工具“的使用流程不是很熟悉，所以第一步就装上，然后运行了下。先熟悉一下流程，方便后续的干活。附一张我对这个辅助工具目前所得到的信息的脑图。这样子可以更加清晰的让人知道做到哪。该做些啥。我们先来看下正常情况下，我们运行”辅助工具“是提示什么。经过前期得

一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](七)

前言大家好，我依旧是你们的老朋友Rector，很高兴又在周五的时候准时和大家见面。Rector的系列文章【一步一步创建ASP.NETMVC5程序[Repository+Autofac+Automapper+SqlSugar]】从写作以来，已经出了六期了，其中受到了很多朋友的喜欢，在此非常感谢大家对Rector的支持，也希望Rector的文章可以帮助大家（特别是才接触或者是对.NET/C#高级编程比较薄弱的朋友们）在.NET/C#的开发之旅中更快地提升自己的开发技巧和经验。上一篇《一步一步创建ASP.NETMVC5程序[Repository+Autofac+Automapper+SqlSugar](六)》我们对TsBlog应用程序的仓储层进行了一次重大的重构，即：使用泛型仓储将通用的数据库操作进行了封装，让我们在创建仓储层接口和实现的时候能精简重复的代码，今天要给大家分享的是对服务层的泛型封装和重构，实现原理大致与仓储层相似。本文知识要点泛型服务层的封装与重构重构服务层提取泛型服务基类打开项目【TsBlog.Services】，

动态WebApi

动态WebApi实现了直接对Service的调用，其实没有跨过ApiController,只是我们自己创建出ApiController实现主要分以下几步一对默认WebApi服务的替换ApiGlobalConfiguration.Configuration.Services.Replace(typeof(IHttpControllerSelector),newAbpHttpControllerSelector(ApiGlobalConfiguration.Configuration));ApiGlobalConfiguration.Configuration.Services.Replace(typeof(IHttpActionSelector),newAbpApiControllerActionSelector());ApiGlobalConfiguration.Configuration.Services.Replace(typeof(HttpControllerActivator),newAbpControllerAct

Mqtt搭建代理服务器进行通信-浅析

MQTT(MessageQueuingTelemetryTransport，消息队列遥测传输)是IBM开发的一个即时通讯协议！MQTT消息的主要特点:使用(publish/subscribe)消息模式,简称p/s模式,即发布/订阅！提供一对多的发送方式！MQTT根据QoS定义的等级来传输消息：level0：最多一次的传输消息是基于TCP/IP网络传输的。没有回应，在协议中也没有定义重传的语义。消息可能到达服务器1次，也可能根本不会到达。level1：至少一次的传输服务器接收到消息会被确认，通过传输一个PUBACK信息。如果有一个可以辨认的传输失败，无论是通讯连接还是发送设备，还是过了一段时间确认信息没有收到，发送方都会将消息头的DUP位置1，然后再次发送消息。消息最少一次到达服务器。SUBSCRIBE和UNSUBSCRIBE都使用level1的QoS。如果客户端没有接收到PUBACK信息（无论是应用定义的超时，还是检测到失败然后通讯session重启），客户端都会再次发送PUBLISH信息，并且将DUP位置1。当它从客户端接收到重复

C语言/C++大神程序员老司机带你玩转C语言指针详解

很多初学编程的小伙伴都会选择C语言作为第一门学习的编程语言，因为C语言作为一门底层基础语言相对于其他的高层语言来说更加容易学习。可以来帮助正在学习编程的小伙伴更加快速的了解计算机原理。但是初学C语言的小伙伴们可能会遇到一道难题那么就是：指针对于初学的欣赏小白来说指针就像是一个噩梦，但是指针确实是C语言的精髓。运用好了指针对各位以后学习想C++之类的语言有很大的帮助。而且灵活用好指针也能帮助各位写出一行行高质量的代码。所以小辰找到某位编程大牛他手中拿到了他的指针笔记，稍作整理贡献给大家了。学编程最重要的是实践，实践，实践，就是写代码、看别人写的代码、再写代码，你看再多的书，不写代码，你还是不会编程。但是写代码也要讲究方法循序渐进，不能刚学了几天语法，就想写个操作系统什么的，树立这种不切实际的目标只会让你的自信受到严重打击迷失自我。接下来小辰也不废话了，上“干”货！！

学会了C语言/C++能做什么程序员工程师，如何自学C语言/C++

都在想！！学会了C/C++能做什么程序员，今天我就来告诉大家服务器开发工程师、人工智能、云计算工程师、信息安全（黑客反黑客）、大数据、数据平台、嵌入式工程师、流媒体服务器、数据控解、图像处理、音频视频开发工程师、游戏服务器、分布式系统、游戏辅助等虽然自学C/C++很难别灰心，我以前也是自学C语言的。现在我已经会了C、C++、java前端python等多种语言。刚入门，想很快掌握是不可能的，以我自己的学习经验来看，刚入门学习一门计算机语言，教学书你至少要看三遍以上才能掌握的，第一遍看时可以不必太钻牛角尖，不懂的就跳过去，把难点标记出来。第二遍看，阅读重点是之前的标记出来的难点，实践重点是是结合动手编写书上的例题，并参考例子做课后习题，多花时间去理解例子。第三遍时，尽量凭自己掌握的知识和对例子的理解参透来编写自己的程序1、程语语言其实是一个很初级的工具，但是又必须熟练的掌握它，学懂一门编程语言就好像学会了写字，但是会写字的人不见得会写文章，而会写文章又不见的写得好。可是如果不会写字，那就一定写不出文章来。2、在学习C语言之前，

想当程序员，自学C语言/C加加零基础入门学习难吗

C语言是面向过程的，而C＋＋是面向对象的C和C++的区别：C是一个结构化语言，它的重点在于算法和数据结构。C程序的设计首要考虑的是如何通过一个过程，对输入（或环境条件）进行运算处理得到输出（或实现过程（事务）控制）。C++，首要考虑的是如何构造一个对象模型，让这个模型能够契合与之对应的问题域，这样就可以通过获取对象的状态信息得到输出或实现过程（事务）控制。所以C与C++的最大区别在于它们的用于解决问题的思想方法不一样。之所以说C++比C更先进，是因为“设计这个概念已经被融入到C++之中”。C与C++的最大区别：在于它们的用于解决问题的思想方法不一样。之所以说C++比C更先进，是因为“设计这个概念已经被融入到C++之中”，而就语言本身而言，在C中更多的是算法的概念。那么是不是C就不重要了，错！算法是程序设计的基础，好的设计如果没有好的算法，一样不行。而且，“C加上好的设计”也能写出非常好的东西。现在零基础学习C/C++无非就两种方法，一种是自学还有一种就是报班学习，关于报班学习小辰在这里就不多说了，那么小辰今天就说怎

当程序员一定要做的事

还有不到一个月的时间就要迎接2018年了，今年初定的小目标完成了吗？作为一个程序员，有一个合理的学习规划，帮你在Java领域更进一步，为你提供技术思考的方向，是很有必要的。1.使用NoSQL数据存储创建一个应用程序使用NoSQL数据存储创建一个应用程序，并与Java相连，如果你还不了解NoSQL数据库，那么这是个好机会。关于NOSQL方面的选择很多，MongoDB和Hadoop都是很好的起跑线。我们可以使用SpringData或本地Java适配器连接到DataStore来创建app。2.在JavaPaaS云尝试创建应用程序在JavaPaaS云尝试创建应用程序，并邀请5个好友使用。目前可用的平台很多，包括JBoss和Redhat支持的Openshift，以及SpringSource和VMware支持的CouldFoundry等。云是未来应用部署和软件服务的方向。从开发人员的角度看，配置和部署的本质是不变的。3.领悟软件设计的真正含义？阅读一两本相关的设计模式方面的书籍，并搜索与你的项目对应的模式。如果有Java企业应用