响应式Web设计实践主题的文章列表，还有响应式Web设计实践的技术要点_第6页

javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）

在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件（一）》里，通过采用迭代器模式完成了各初始化函数的定义和调用。接下来就要完成各个切换效果的编写。先思考一下一个切换效果需要完成的操作1.准备阶段，将各个strip归位到动画效果开始的位置。2.动画效果处理。3.执行。3.完成。...

代码星球 ·2021-02-25

javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件（一）

类似于幻灯片的切换效果，有时需要在网页中完成一些图片的自动切换效果，比如广告，宣传，产品介绍之类的，那么单纯的切就没意思了，需要在切换的时候通过一些效果使得切换生动些。比较常用之一的就是窗帘切换了。先贴上完成的效果。实现原理不复杂，在动的一条一条的称之为“窗帘条”或者是“strip”...

代码星球 ·2021-02-25

在webstorm设置File watcher for Jade

用Jade模板引擎写html确实方便，元素不用闭合，很多种简写的方法。为了要知道自己写的对不对，就要用到jade-w命令监控jade文件，只要变化就编译。现在用webstorm写代码的超多，可以通过其中的Filewatcher的方式关联jade命令做到自动化编译生成html文件。步骤：1.当然是安装jade，装过的就忽...

代码星球 ·2021-02-25

javascript设计模式实践之策略模式--输入验证

策略模式中的策略就是一种算法或者业务规则，将这些策略作为函数进行封装，并向外提供统一的调用执行。先定义一个简单的输入表单：<!DOCTYPEhtml><html><head><metacharset="utf-8"><style>.form{width:400...

代码星球 ·2021-02-25

jquery的promise实践--连续加载图片

在javascript设计模式实践之代理模式--图片预加载中用代理模式实现了图片预加载功能。现在就更进一步，完成一个能够一张一张的连续图片加载的功能。功能：1.一张一张加载图片。2.加载错误，超时后显示加载失败图片。对于功能的要求，肯定会存在对加载状态事件的处理以及完成时回调函数的处理，这样不仅会造成代码上的混乱，甚至...

代码星球 ·2021-02-25

node.js下LDAP查询实践

目标：从一个LDAPServer获取uid=kxh的用户数据LDAP地址为：ldap://10.233.21.116:389 在工程根目录中，先npm一个LDAP的访问库ldpajsnpminstallldapjs在工程根目录中，创建一个app.jsvarldap=require("ldapjs");//创建...

代码星球 ·2021-02-25

web前端学习笔记---实现雪花飘落的效果

看了javascript网页特效实例大全中的图片飘下的效果实例，觉得值得动手学习下。就把图片改成雪花图，完成一个雪花飘下的效果。并且，其中有些内容比较陈旧了，那么就学者改掉吧。包括：1.对left和top的操作仅支持IE浏览器，这咋行，必须得支持chrome。2.控制图片下落的过程还要去检索element，不好吧，那就...

代码星球 ·2021-02-25

node.js下when.js(Promises/A)的实践

假设一个业务场景：通过rss地址，获取rss并保存于文件，rss地址保存于文件中。完成该场景的业务需要完成3个任务：1.从文件中读取rss地址。2.获取rss。3.保存于文件。最后将这三个任务进行整合。准备：存放rss地址的文件，address.txt。http://programmer.csdn.net/...

代码星球 ·2021-02-25

nodejs中exports与module.exports的实践

只要是在nodejs中写自己的文件模块就少不了会遇到module.exports和exports的使用，看别人的代码大多都会使用“module.exports=exports=<对象/函数等>”怪异的串联用法，一问原因，貌似都是云里雾里，如此写法更像是保守的防止性写法。这种问题除了看源代码外，只能写点代码进...

代码星球 ·2021-02-25

Webpack打包报错 TypeError: this.getOptions is not a function at Object.lessLoader

这两天重新学习了一下Webpack的使用，在学习打包css/less样式资源时，发生了这样一个报错：关键报错信息是: this.getOptionsisnotafunction，网上百度一下之后说是版本问题。然后我又查了一下npm官网，果然在22天之前less-loader发布了8.0...

代码星球 ·2021-02-25

Web前端浏览器兼容性问题及解决方案

常见的兼容性问题：1、不同浏览器的标签默认的外边距(margin)和内边距(padding)不同解决方案：css里增加通配符*{margin:0;padding:0;}2、IE6双边距问题；在IE6中设置了float,同时又设置margin,就会出现边距问题解决方案：设置display:inline;3、当标签的高度设...

代码星球 ·2021-02-25

LCD framebuffer驱动设计文档

内容提要:1.androiddisplay相关的名词2.调试LCD驱动需要注意的步骤3.关于帧缓冲区及I/O内存------------------------------------------------------------------------------------------1.名词解释GPU：Grap...

代码星球 ·2021-02-24

1.2CPU和GPU的设计区别

CPU和GPU之所以大不相同，是由于其设计目标的不同，它们分别针对了两种不同的应用场景。CPU需要很强的通用性来处理各种不同的数据类型，同时又要逻辑判断又会引入大量的分支跳转和中断的处理。这些都使得CPU的内部结构异常复杂。而GPU面对的则是类型高度统一的、相互无依赖的大规模数据和不需要被打断的纯净的计算环境。　　于是...

代码星球 ·2021-02-24

小米流式平台架构演进与实践

小米业务线众多，从信息流，电商，广告到金融等覆盖了众多领域，小米流式平台为小米集团各业务提供一体化的流式数据解决方案，主要包括数据采集，数据集成和流式计算三个模块。目前每天数据量达到1.2万亿条，实时同步任务1.5万，实时计算的数据1万亿条。伴随着小米业务的发展，流式平台也经历三次大升级改造，满足了众多业务的各种需求。...

代码星球 ·2021-02-24

基于 Flink 构建 CEP 引擎的挑战和实践

奇安信集团作为一家网络安全公司，专门为政府、企业，教育、金融等机构和组织提供企业级网络安全技术、产品和服务，奇安信的NGSOC产品的核心引擎是一个CEP引擎，用于实时检测网络攻击，其技术演进过程如下图所示。2015年开始使用基于Esper的CEP方案，但是当时遇到了很多问题，其中最显著的是性能问题，因为Esper对于规...

代码星球 ·2021-02-24