聚合文章列表
12 浏览

AJAX技术之网易滚动新闻的简单实现(附源码)--AJAX

1、AJAX简介:AJAX=AsynchronousJavaScriptandXML（异步的JavaScript和XML）。AJAX不是新的编程语言，而是一种使用现有标准的新方法。AJAX最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。2、本实例效果图：3、实例代码:123456789*{margin:0;10padding:0;}11html{12font-size

Ajax 2017-10-12 发布
15 浏览

Web自适应布局你需要知道的所有事儿

1.浮动布局float:left|right最常用的布局方式之一，设置了float的元素脱离了文档流。需要注意在使用过浮动后，需要清除浮动，从而避免影响后面的非浮动元素。HTMLHeader

Left
TopContent
BottomContent
Right
Footer
普通的html布局，一个header，一个footer，中间是三栏式布局。关键css.rwd-content-

CSS 2017-12-05 发布
22 浏览

为什么CSS Grid比Bootstrap更适合布局

CSSGrid是一种全新的创建布局方式，这是有史以来第一个合适的布局系统，并且是浏览器原生的，给我们带来了很多好处。当你和当今最流行的Bootstrap框架相比，grid的好处变的尤为清晰，您不仅可以创建在以前在不引入JavaScript的情况下无法实现的布局，而且您的代码将更易于维护和理解。本文中我会解释一下为什么。标签会更加简洁相比Bootstrap，使用grid会使你的HTML更加干净，虽然这不是最重要的好处，但它可能会是你第一个注意到的。为了举例说明，我创建了一个布局，以便我们可以比较两个版本所需要的代码。注意：我在给出的例子中稍微设计了一下，但是他和我们比较Bootstrap没有任何关系，所以我只保留布局部分的CSSBootstrap先看一下Bootstrap需要创建的标签。这里有两件事需要注意一下：每个row都需要一个

标签使用了classname来指定布局(col-xs-2)随着这种布局的复杂性增长，HTML也是如此。如果这是个响应式网站，它会看

CSS 2017-12-05 发布
AD 友情赞助
13 浏览

CSS float相关详解

float属性是CSS常用的一个属性，应用场景广泛，同时也是一个难点，涉及到一些相关细节及注意点。因此，就特别整理总结一下。一、float介绍float元素也称为浮动元素，设置了float属性的元素会根据属性值向左或向右浮动。浮动元素会从普通文档流中脱离，但浮动元素影响的不仅是自己，它会影响周围的元素对齐进行环绕。简单来说，就是让block元素无视float元素，让inline元素让流水一样围绕着float元素来实现浮动布局。文字环绕图片是float典型的应用场景，如下所示：

CSS 2017-12-19 发布
13 浏览

用jquery插件写一个小米官网左侧二级菜单

1.gif知识点：静态布局思路，jquery动态布局，代码格式规范，jquery插件调用，鼠标滑动二级菜单构建。前两天写了一个美丽说的左侧二级菜单，有的小伙伴就说能不能写一个带图片的二级菜单呢？所以今天就写一个小米官网的左侧二级菜单分享给大家。源码：小米导航/CSS层叠样式列表美化工厂/{margin:0px;padding:0px;font-family:"微软雅黑";}/通配符1.统一所有元素的默认样式2.不同浏览器之间的兼容性问题/li{list-style:none;/去列表圆点/}body{background:#434343;}a{text-decoration:none;/去下划线/}#Tz_banner{wi

jQuery 2017-12-19 发布
17 浏览

使用Join与GroupJoin将两个集合进行关联与分组

本文为原创文章、源代码为原创代码，如转载/复制，请在网页/代码处明显位置标明原文名称、作者及网址，谢谢！本文使用的开发环境是VS2017及dotNet4.0，写此随笔的目的是给自己及新开发人员作为参考，对于Join的用法说明如下：语法：publicstaticIEnumerableJoin(thisIEnumerableouter,IEnumerableinner,FuncouterKeySelector,FuncinnerKeySelector,FuncresultSelector)参数说明：outerType:System.Collections.Generic.IEnumerable要联接的第一个序列。innerType:System.Collections.Ge

.Net 2017-12-05 发布
AD 友情赞助
18 浏览

KafkaExactlyOnce语义与事务

写在前面的话本文所有Kafka原理性的描述除特殊说明外均基于Kafka1.0.0版本。为什么要提供事务机制Kafka事务机制的实现主要是为了支持1.ExactlyOnce即正好一次语义2.操作的原子性3.有状态操作的可恢复性ExactlyOnce《Kafka背景及架构介绍》一文中有说明Kafka在0.11.0.0之前的版本中只支持AtLeastOnce和AtMostOnce语义，尚不支持ExactlyOnce语义。但是在很多要求严格的场景下，如使用Kafka处理交易数据，ExactlyOnce语义是必须的。我们可以通过让下游系统具有幂等性来配合Kafka的AtLeastOnce语义来间接实现ExactlyOnce。但是：1.该方案要求下游系统支持幂等操作，限制了Kafka的适用场景2.实现门槛相对较高，需要用户对Kafka的工作机制非常了解3.对于KafkaStream而言，Kafka本身即是自己的下游系统，但Kafka在0.11.0.0版本之前不具有幂等发送能力

消息系统 2017-12-05 发布
12 浏览

分布式消息队列 RocketMQ 源码分析 —— 定时消息与消息重试

������关注微信公众号：【芋道源码】有福利：RocketMQ/MyCAT/Sharding-JDBC所有源码分析文章列表RocketMQ/MyCAT/Sharding-JDBC中文注释源码GitHub地址您对于源码的疑问每条留言都将得到认真回复。甚至不知道如何读源码也可以请教噢。新的源码解析文章实时收到通知。每周更新一篇左右。认真的源码交流微信群。1.概述建议前置阅读内容：《RocketMQ源码分析——Message发送与接收》《RocketMQ源码分析——Message拉取与消费（下）》:smiling_imp:为什么把定时消息与消息重试放在一起？你猜。:ghost:你猜我猜不猜。2.定时消息定时消息是指消息发到Broker后，不能立刻被Consumer消费，要到特定的时间点或者等待特定的时间后才能被消费。下图是定时消息的处理逻辑图：

消息系统 2017-12-05 发布
16 浏览

Android Handler机制详解

Handler是Android的消息机制，他能够很轻松的在线程间传递数据。由于Android开发规范的限制，我们不能在主线程执行耗时操作（如网络，IO操作等），不能在子线程更新UI，所以Handler大部分用来在耗时操作与更新UI之间切换。这让很多人误以为Handler就是用来更新UI的，其实这只是它的一小部分应用。开始我相信大多数人对Handler的用法已经烂熟于心了，这篇文章不会去探讨Handler的使用，而是着重从源码上分析Handler的运行机制。想要了解Handler的运行机制，我们需要了解MessageQueue，Message，Looper这几个类。MessageQueue的意思就是消息队列，它存储了我们需要用来处理的消息Message。Message是消息类，内部存在一个Bundle对象和几个public字段存储数据，MessageQueue作为一个消息队列不能自己处理消息，所以需要用到

消息系统 2017-12-05 发布
AD 友情赞助
12 浏览

视频演讲： 从大厂到创业公司，架构师经历的三次转身

个人简介曹祖鹏，千米网首席架构师，千米网首席架构师、布道师、鼓励师，属70后“老”程序员，专注在软件研发16年，涉猎过企业级、电信应用开发和互联网开发等多个领域。非计算机专业出身但热爱技术，擅长的技术包括：Java、Python、DDD等等，目前关注点是对领域驱动设计和微服务架构、响应式架构之间的整合。全球架构师峰会（International-Architect--Summit，下简称ArchSummit）是由InfoQ中文站主办的一次全球性架构师峰会。ArchSummit专门针对架构师人群，讲述与架构和架构师相关的各方面趋势、技术和案例。这也是继QCon之后，InfoQ中文站主办的又一次高端技术盛会。

软件架构 2017-12-05 发布
17 浏览

聚焦最新技术热点，沉淀最优技术实践，QCon北京2018全新开启！

QCon旧金山2017在刚刚圆满结束，主题演讲除了AI、大数据等热门技术以外，还邀请到SpaceShipOne的首席架构师DanKreigh，分享“如何建造一艘宇宙飞船”。如果心怀冲上云霄的梦想，那么总有一天会研究出翱翔宇宙的飞船，其他的技术也是这样，心怀创造更好更便捷生活的开发者会不断迭代更新他们的技术产品，从而重新定义关于未来的无限可能。此前的十年里，无数的新技术涌现，从新奇到广泛应用或逐渐消亡，不可否认每一项新技术都为更便捷的开发及应用场景做出了极大的贡献。QCon全球软件开发大会作为全球性的技术会议，也在这十年的时间里共同见证技术圈的风云变幻，贯彻“帮助技术团队了解、采用更新的技术和趋势”，邀请一线的工程师而非布道者，重视实践经验而非理论知识，结合技术采用生命周期，在三天的时间里与100+讲师一起探索接下来一段时间可能会颠覆大家认知的新技术，或是最新的发展趋势，从而帮助技术团队提升开发思维和认知。技术采用生命周期每一个新技术被采用的过程可以分成五个阶段，分别包括创新者、早期采用者、早期大众、晚

软件架构 2017-12-05 发布
14 浏览

码云周刊 | Java 微服务从源码实战开始

码云项目推荐在软件开发的不同时期、阶段，对技术架构的理解、选择和应用都有着不一样的诉求。微服务架构是当前互联网业界的一个技术热点，它的思想也更符合我们的目标：根据业务模块划分服务种类。每个服务可以独立部署并且互相隔离。通过轻量的API调用服务。服务需要保证良好的高可用性。微服务能够使我们的开发效率更高，沟通成本更低，响应速度更快，迭代周期更短。当然，每一种技术都不可能完美无缺，微服务也有自身的短板。但是，我们依然可以从微服务的理念和技术中学到很多东西，希望大家能够喜欢这一期的Java微服务项目。如果大家有好的微服务开源项目，也可以托管到码云上，我们会及时给予推荐。最后，如果你很喜欢以下提到的项目，别忘了分享给其他人哦！1、项目名称：基于微服务的社群平台项目简介：本项目是基于springboot微服务的开源出行社群平台(LBSNS)，其主要的技术特点是：通过nginx实现项目集群、负载均衡、动静分离、文件压缩；使用shiro和redis实现项目权限控制，和session共享；使用spring-dat

软件架构 2017-12-05 发布
AD 友情赞助
14 浏览

从安全角度深入MySQL编码转换机制

在php的逻辑漏洞中，有很大一部分trick跟编码转换机制有关（典型的如宽字节注入），其中除了受到php本身的编码函数如iconv、mb_convert_encoding等影响之外，很多payload源于mysql内部的编码转换机制。这篇文章主要从实例角度出发，以图说话，深入mysql编码转换机制。0×01准备知识常见编码ascii编码范围：00-7F超过7F的属于其他字符集，所以你看到所有的字符trick的首字节，必定在80-FFlatin编码范围：00-FFmysql默认字符集，可以把其他所有字符集的序列都看成latin1gbk编码范围：8140-FEFE第一字节81-FE第二字节40-FEUTF-8编码范围：每种编码也可能存在自身的限制，比如GBK在某些情况下第二字节不能为7FUTF-8，某些首字节编码不允许出现等等，这些特例就不在这介绍了，如果在实际操作中如果遇到特别奇怪的现象，一般就是有一些特殊限制或者编码实现的bug准备代码仅针对windows环境，linux环境会有部分差异

MySQL 2017-12-05 发布
12 浏览

常见的 InnoDB 锁介绍

近期在处理一个批量表单上传的优化需求时，遇到一个innoDB的加锁问题，导致多线程在批量处理表单并插入数据库数据的时候出现LockTimeOutException等待锁超时异常。错误异常如下org.springframework.dao.CannotAcquireLockException:couldnotexecutestatement;SQL[n/a];nestedexceptionisorg.hibernate.exception.LockTimeoutException:couldnotexecutestatement...网上找了很多资料也比较零碎，通过自己对Mysql以及innodb的理解，结合Mysql官方文档对Mysql的锁以及加锁机制做一次简单的介绍。2、事务的隔离级别先来回顾一下事务的隔离级别：Read-Uncommitted:未提交读，可以读取到其他未提交的事务修改的数据。Read-Committed:提交读，只允许读取已提交事务的数据，可能导致不可重复读、幻读问题。RePeat

MySQL 2017-12-05 发布
15 浏览

web app 无限加载终极解决方案

该项目是一个演示了webapp各大【scrollview】主流插件的用法，主要面向vue项目开发者，使用vux作为项目骨架，scrollview采用图文的方式进行布局，可以无限加载数据，用于测试各大插件在滑动的过程中是否卡顿，滑动效果是否自然，比较了8种较为主流的scrollview插件（具体见插件比较），并对mescroll进行了源代码上的封装，对better-scroll进行了使用上的封装。1.扫码快速体验（使用手机浏览器打开）2.安装与运行npminstall
npmrundev
3.项目打包npmrunbuild
4.演示部分界面截图（4种，其他插件效果安装体验）5.插件比较scrollview8款插件比较

Vue.js 2017-12-05 发布
11 浏览

渐进式 Express 学习课程

渐进式Express源码学习|小白也能懂源码这个系列教程的目的是用一种渐进式的方式，帮助Node/Javascript工程师更快更容易得理解Express工作机制。所谓的渐进式，就是从最简单的web服务器，一步一步添枝加叶，最后形成一个完整Express的过程。缘起接触Express已有两年多时间，也面试了很多Node工程师。我发现很多工程师会用Express，但是不知道Express如何工作，稍微深入一点的面试问题就答不上来，例如：严格路由和不严格路由有什么区别如何设置路由不敏感或严格路由什么是lazyrouter以及为什么要lazyroutertrustproxy什么用Etagweak和strong有什么区别app.all和app.use的区别及性能差异如何捕捉next(err)传递的错误路由function内部的错误是在哪个环节捕捉的说到底，是知其然，不知其所以然。而读源码，是解决这个问题的最好方法。但是大家普遍面临一个源码阅读时间成本高的问题。而我想做的，是通过一种创新的方式，讲解Exp

JavaScript 2017-12-05 发布
18 浏览

JavaScript设计模式之面向对象编程

在JavaScript中创建一个对象很容易，首先声明一个函数保存在一个变量里。按编程习惯一般将这个变量名的首字母大写。然后内部通过this变量来添加属性或者方法来实现对类添加属性和行为。varBook=function(id,bookname,price){this.id=id;this.bookename=bookname;this.price=price;}当然，我们也可以通过在类的原型上添加属性和方法。有两种方式：Book.prototype.display=function(){//展示展示这本书}//或者Book.prototype={display:function(){//展示这本书}}这样，我们就将我们所需要的方法和属性都封装到我们封装的Book类里面了，当使用这些功能和方法的时候，我们不能直接使用这些类，而是需要使用关键字new来实例化新的对象。varbook=newBook(10,'JavaScript设计模式',20);console.log(book.bookname);

JavaScript 2017-12-05 发布
14 浏览

不求甚解 - VUE实践

之前就是laravel自带的blade加上jquery，配上boostrap。看前端都上Vue了，新页面尝试下，总结下体验好处：表单操作变得方便了，简化了动态渲染页面的逻辑。缺点：以前使用的js库，在Vue的框架下，会有初始化的问题。目前都是在updated回调了重新初始化，不知道是不是正路。未知：前端自动化工具及单文件组件，一直没用。主要还是随便写写~让Vue工作看到前端各种工具，头就很大。最简单使用Vue的方式就是直接引入vue.min.js，像引入其他js库一样。然后就可以按照官方的例子来个helloworld页面。到此，准备工作ok了。然后就要开始改变观念，之前一直laravel的，所以前端页面也比较依赖laravel的相关。用Vue的话，只好硬搞前后端分离，所有数据都暂有js来获取QA符号冲突laravel默认使用的也是{{}}来表示变量，所以想想还是改Vue的吧，变成<%vue_variable%>varhotelController=newVue({el:'#hotelEl'

JavaScript 2017-12-05 发布
10 浏览

常见的JavaScript内存泄露

这是关于JavaScript内存泄露相关的序列文章中一篇。由于时间有限更新进度会有点慢，但会持续更新的。自己也在学习中，难免对某些知识点的理解不是很正确，所以才将文章放置github上，一是想与大家分享，二是方便持续更新，三是便于实时修正错误点。也希望看本文的各位同学能多提issues，我会根据提的意见不断完善文章。最后希望各位能从文章中有所收获----->:tada:enjoyreading,enjoylife:whale::pencil2:最新内容请以github上的为准:exclamation:️序列文章链接JavaScript内存那点事常见的JavaScript内存泄露IE<8循环引用导致的内存泄露内存泄露之jQuery.cache内存泄露之ListenersrequestAnimationFrame什么是内存泄露内存泄漏指由于疏忽或错误造成程序未能释放已经不再使用的内存。内存泄漏并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费。

JavaScript 2017-12-05 发布
17 浏览

如何使用 CSS Grid 快速而又灵活的布局

CSSGrid(网格)模块是创建网站布局一个非常棒的工具。它能使你快速地进行布局尝试，比你尝试过的任何其他布局系统都快。在这篇文章中，我会教你如何使用CSSGrid进行快速布局。我的要创建的网格我们将模仿一个经典网站布局，从非常基本的Grid(网格)开始：首先，我将解释我们需要的HTML和CSS，我已经将其分解为四个部分。一旦你了解了这些，我们将继续进行布局试验。如果您对CSSGrid比较陌生，则可能需要浏览一下这篇文章：5分钟学会CSSGrid布局。当然，如果你想完全掌握CSSGrid布局，那么请看：CSSGrid布局完全指南(图解Grid详细教程)，特别文章中对网格术语的解释，可以帮助加快理解这篇文章。这篇文章讨论更多的是Grid(网格)布局的实际应用以及灵活性。1、HTML结构我们需要的第一件事是一点HTML。一个网格容器（将变成一个网格元素）和网格项（header,menu,content,footer）。

CSS 2017-12-05 发布
AD 友情赞助