今天分享的这款就是基于jQuery的瀑布流图片筛选插件，我们可以点击图片分类名称，即可将对应分类下的图片以瀑布流的方式展示出来，这款插件在筛选图片上使用还是比较方便的。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://louluan.blog.csdn.net/article/details/38490589
本文主要基于 Websocket、Canvas、Webman、HTML5 CSS 等技术实现一个共享白板原型，支持在多个桌面浏览器之间共享一个无限大小、任意缩放的多人实时协作白板，并实时同步绘画、涂鸦。通过 Canvas 渲染画板、产生涂鸦数据，然后通过Websocket实现客户端与服务器的双向通信，并在多个设备之间实时同步涂鸦数据。
今天学习了canvas，利用它做了一个简易版的画板，校验自己所学的知识，分享出来以供大家学习指教。先上效果图。
原理和环境 如上面提到的HTML5的离线存储是基于一个新建的.appcache文件的，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。 就像cookie一样，html5的离线存储也需要服务器环境。 这里提供一个小工具——简易iis服务器，把它放在项目更目录下，双击运行即可模拟服务器环境。 链接: http://pan.baidu.com/s/1jG86UV0 密码: ja9h 解析清单 在开始之
PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台。官方说有低成本，低开发周期，轻量化等优点，这些咱暂时也没法证明，略过不表。但是有一条跨平台，却是很明显的优势。因为它采用HTML5+JavaScript的模式来开发应用。PhoneGap用JavaScript统一封装了几大平台的本地api（Andriod，IOS，WP8/7，WINRT）等等。。这样的话从一个平台移植到另外一个平台只需要把HTML代码跟JS原封不动的拿过去，打包一下就可以了。PhoneGap后来被Adobe收购，然后又贡献给了开源社区，现在由Apache管理，改名cordova。
前几天在 Joe（https://ae.js.cn/）网站上留言的时候发现了一个叫“画图模式”的东西，点进去后自动切换文本框到画板了（类似QQ涂鸦，你画我猜那种画板），然后可以在画板上画画，还可以选择画笔粗细、颜色等等，画错了还能撤销各种功能，欸感觉挺有意思的，当时也猜到了应该是用 canvas 做的，不过自己也不太了解这块，但就是感觉挺有意思的，加上我又喜欢魔改 valine 评论，所以立下计划决定给评论系统加上这么一个好玩的功能。
设计网站时，关于我们页面和联系页面（contact us page）往往是必要页面之一。虽然只是一个简单的页面，但要真的能让用户有联系你的冲动还是很有挑战性。如果说，用户点击了联系页面，用户其实已经在尝试联系你了，这个时候，你需要提供的，不是花哨的设计，而是直观的联系方式，不阻碍用户尝试联系你的行为。但话又说回来，如果你有信心设计得美观，新颖，自然是最好，而且简洁也不意味着简单。今天我和大家分享12个联系我们表单和页面设计模板和例子，如果你喜欢，可以用在你的网页设计里哦。
上一节我们简单的使用opencv的图形绘制方法，用鼠标绘制了一些内容。上一节所响应的是简单的双击事件EVENT_LBUTTONDBLCLK，在OpenCV的鼠标事件中还有很多。以下将列举出来：
Canvas是HTML5的标签，是HTML5的一种新特性，又称画板。顾名思义，我们可以将其理解为一块画布，支持在上面绘制矩形、圆形等图形或logo等。 需要注意的是，与其他标签不同，Canvas只是一块空画布，其本身是不能绘制图形的，必须通过JavaScript 脚本进行绘制。
WSL是一款拥有 音乐播放，新闻，壁纸，画板，简易地图，计时器等等功能的小项目，是我自己早期学习时做着玩的，并没上架；UI是自己设计，所以挺吃藕的，粗糙的，没做适配，是在6尺寸下开发的 ,还希望不要嫌弃了O(∩_∩)O哈哈~，接口是抓取安卓壁纸、天天动听、IPadDown新闻的接口！此小项目仅作为学习参考用！下面稍微介绍下此APP的功能模块，有需要的可以去去 我的github ,欢迎star！ （gif有点大，有的压缩的失真了，，，，） 0 、启动界面 第一次安装运行会有APP的介绍页面，对于启动的动画
如何使用AI绘制荧光共聚焦显微镜的简易光路图呢？我们可以使用ai绘制这幅图，该怎么绘制呢？下面我们就来看看详细的教程。
smart-doc是一款同时支持JAVA REST API和Apache Dubbo RPC接口文档生成的工具，smart-doc在业内率先提出基于JAVA泛型定义推导的理念， 完全基于接口源码来分析生成接口文档，不采用任何注解侵入到业务代码中。你只需要按照java-doc标准编写注释， smart-doc就能帮你生成一个简易明了的Markdown、HTML5文档，甚至可以直接生成Postman Collection导入到Postman做API接口调试。
这次来看一下怎么把上次的HTML5画图板使用PhoneGap移植到Andriod上去。经过上一篇的PhoneGap环境的搭建，很轻松的就把一个HTML5的web应用移植到了Andriod上去，可以看出PhoneGap的强大。
smart-doc是一款同时支持JAVA REST API和Apache Dubbo RPC接口文档生成的工具，smart-doc在业内率先提出基于JAVA泛型定义推导的理念， 完全基于接口源码来分析生成接口文档，不采用任何注解侵入到业务代码中。
本文主要介绍了在腾讯云中设计器导出SVG的注意事项和优化点，包括导出设置、命名规范、分层、分组、使用画板、导出图片、内联样式、保留小数点、缩小和响应式设置以及字体和图像的优化。此外，还提供了关于Sketch和AI导出的SVG的代码示例和注意事项。
smart-doc是一款同时支持JAVA REST API和Apache Dubbo RPC接口文档生成的工具，smart-doc在业内率先提出基于JAVA泛型定义推导的理念，完全基于接口源码来分析生成接口文档，不采用任何注解侵入到业务代码中。
如视频所示，在这个示例中，我们用到了画布 canvas 相关的知识，比如创建画布、画圆形、画直线的基础知识，有了这些基础后，我们就能轻松完成本示例，示例效果如下视频所示。
来源：GuZhenYin cnblogs.com/GuZhenYin/p/5226491.html 前言 废话不多说,我们直接来实现Web视频聊天. 采用的技术如下: HTML5 WebRTC SignalR2.2.0 localResizeIMG3(前端图像压缩技术,开源) 效果如图(马赛克你懂的,Demo效果比较简陋): 正文 首先我们来看看前端的实现,主要是通过HTML5的WebRTC技术获取视频流 转换成图片 然后采用压缩后定时发送的技术给到SignalR服务端. 我们先来看看获取视频流的JS,文字
本文介绍了一种基于HTML5和SignalR技术的视频聊天室程序，该程序利用了HTML5的WebRTC技术实现视频的实时传输，利用SignalR技术实现服务端与客户端的通信。同时，文章还列举了一些优化点，如使用压缩算法来减小数据传输量，以及使用分块传输编码来提高传输效率等。
点击上方蓝色“程序猿DD”，选择“设为星标” 回复“资源”获取独家整理的学习资料！ 作者 | 肥朝 来源 | https://mp.weixin.qq.com/s/JW0yPtaIeyYZCs2PuucICQ Introduce smart-doc是一款同时支持JAVA REST API和Apache Dubbo RPC接口文档生成的工具，smart-doc在业内率先提出基于JAVA泛型定义推导的理念， 完全基于接口源码来分析生成接口文档，不采用任何注解侵入到业务代码中。你只需要按照java-doc标准
HTML5汽车赛道飙车游戏代码免费下载： https://download.csdn.net/download/qq_44273429/14017244
原型设计是将想法转变为设计过程中至关重要的一环。经常有设计师小伙伴可能会问到，“哪个原型设计工具是最好的呢”？实际上这是一种错误的提问方式，尤其是在当下原型工具种类繁多，针对不同需求各有优势的大环境中更加如此。就设计师而言，更在意的应该是“哪个原型设计工具对我现阶段的目标是最好的”？在这里，笔者列出了在3种常见场景下最合适的原型图设计工具的推荐清单，希望对你有所帮助。
现在的网页应用越来越丰富，我们在网页中填写日期和时间已经再也不用手动输入了，而是使用各种各样的日期时间选择控件，大部分样式华丽的日期选择和日历控件都是基于jQuery和HTML5的，比如今天要分享的这9款日期选择控件，漂亮的UI外观加上人性化的操作设计，大大提高了用户体验，让我们一起来欣赏一下吧。
smart-doc从2.0.0后几乎实现了swagger ui的功能，并且比swagger ui更简洁大方，也更符合国内开发者的诉求。当然smart-doc的功能也已经 超过了Swagger为Java开发者提供的功能。
smart-doc 完全基于接口源码分析来生成接口文档，完全做到零注解侵入，你只需要按照 java 标准注释编写，smart-doc 就能帮你生成一个简易明了的 markdown 或是一个像 GitBook 样式的静态 html 文档。如果你已经厌倦了 swagger 等文档工具的无数注解和强侵入污染，那请拥抱 smart-doc 吧！
简单说一下就是这个样子：对于路径中的任意给定区域，从该区域内部画一条足够长的线段，使此线段的终点完全露在路径范围之外。然后将计数器初始化为0，每当这条线段与路径上的直线或曲线相交时，就改变计数器的值。如果与路径顺时针部分相交的时候，则加1；如果与路径的逆时针部分相交的时候，则减1。如果最终值不是0，那么说明区域在路径的里面。
最近在看html5,书名是《html5&API网页程序设计》，看着书做的demo，这里使用的是video元素，非常简单，只要你把影片的地址放在文本框中点击播放按钮就可以实现影片的播放，当点击暂停时影片会重新加载。代码如下：
构建 Web 内容的技术 构建 Web 内容的技术.png HTML HTML5 标准不仅解决了浏览器之间的兼容性问题,并且可把文本作为数据对待,更容易复用,动画等效果也 变得更生动。 CSS(Cascading Style Sheets,层叠样式表)可以指定如何展现 HTML 内的各种元素,属于样式表标准之一 所谓动态 HTML(Dynamic HTML),是指使用客户端脚本语言将静态的 HTML 内容变成动态的技术的总 称。 DOM 是用以操作 HTML 文档和 XML 文档的 API( Web 应用
从Html5问世的那天起，Html5的神奇功能就被无限放大，曾有分析师认为：Html5将开启移动互联网的无界之争，可是FaceBook抛弃Html5时，人们才幡然醒悟，Html5并非移动互联网端的万能钥匙，特别是企业级移动市场，选择Html5绝非明智的选择，那么Html5能否取代手机应用程序，也许在下面的内容中你会找到答案。 一直以来，我们一直在谈论应用程序的多种用途。而手机应用程序仍然是在移动设备环境上用以提供新服务及内容的首选。 整个应用程序的构思现在已经起了革命性的变化，而那一天可能很快的就会到来。我
现代前端开发中最流行的页面模型，莫过于SPA单页应用架构。单页面应用指的是应用只有一个主页面，通过动态替换DOM内容并同步修改url地址，来模拟多页应用的效果，切换页面的功能直接由前台脚本来完成，而不是由后端渲染完毕后前端只负责显示。前端三驾马车Angular,Vue,React均基于此模型来运行的。SPA能够以模拟多页面应用的效果，归功于其前端路由机制。
本文介绍fabric.js框架使用，以及使用fabricjs打造一个高级画板程序. 高级画板功能介绍 全局绘制颜色选择 护眼模式、网格模式切换 自由绘制 画箭头 画直线 画虚线 画圆/椭圆/矩形/直角
① HTML，英文全称 Hyper Text Markup Language，翻译过来就是①超文本②标记语言，这是一种用于创建网页的标准标记语言。
http://mpvideo.qpic.cn/0b2esuabeaaakmag6bliabrvbfodckkqaeqa.f10002.mp4?dis_k=0168ae8cae63904a361d391
2015年，HTML5游戏异常火爆，从最初的单机小游戏，到后来的中重度网络游戏如雨后春笋般涌现。随着市场需求的增多，越来越多的开发者投入到HTML5游戏开发行业中来。
快速增长的APP应用软件市场，以及智能手机的普及，手机应用：Native（原生）APP快速占领了APP市场，成为了APP开发的主流，但其平台的不通用性，开发成本高，多版本开发等问题，一直困扰着专业APP开发企业，和APP服务提供商。 安卓和IOS的操作方式，开发模式，界面UI显示方面的差别，也使得原生APP的不同版本体验有很大的区别，光是做兼容性调测，都要花费开发企业不少的时间。
编辑导语 酷传&友盟合作版客户端上线，小白也可轻松集成SDK;听云应用性能管理（APM）助爱卡汽车玩转日均PV1.5亿社区用户体验;智齿客服：成功搭建PP租车在线客服体系，全面支撑业务增量; 云适配荣
笔者在探索新版本时，首先注意的便是首选项的变化，可以发现这次更新之后首选项侧边栏多了不少东西，点进去之后才发现原来是进行了重新分类，那么有哪些好玩的功能呢？介绍以下三项：
第一种:getContext.drawImage(图片,画板left位置,画板top位置);
看视频学技术的缺点是学习效率比较低，优点是对初学者更友好。前端入门后，不推荐看视频。
Swagger号称是最好的Rest Api 文件生成工具，但是作为一个一直从事java相关开发工作的开发者。在2018年6月以前一直坚持用Markdown来手写接口文档，即便是那时候有同事给我推荐过，但作为一个骨子里追求极简的程序员，我一直没有想明白一个需要写一大堆注解强侵入到后端代码工具，它为什么会在中国如此风靡，被很多的java后端应用开发者集成到自己的中。在国内的百度上搜索Swagger相关的博客数量惊人。
信息化时代，产品层出不穷，视频直播行业的火爆，催生了很多直播源码的开发，乘着这股火爆的尽头，一对一直播系统源码也是一路繁华，浪潮席卷。一对一直播系统源码是以一种全新的体验方式，响应了“直播+”和“+直播”的概念，它是较传统的直播平台源码搭建出来的直播平台，有其独特的功能，它不同与一般的直播社交模式。
H5新增了很多标签，也更加语义化了，但是除了header、footer、nav等，其他的还真的没有去了解过，今天整理一下H5新增的语义化标签。
原理： 图片的加载是由src引起的，当对src赋值时浏览器会请求图片资源，基于这个，可以利用html5的属性data-xxx来保存图片的路径，当我们需要加载图片的时候才将data-xxx的值赋予src。就能实现图片的按需加载了，也就是懒加载了 方法： 1.使用lazyload插件，引用jquery.js和jquery.lazyload.js 2.将img标签中的src属性赋值为加载图片，即一张临时的loading.gif图，将真正的图片路径放在data-original属性中 3.当JS监听到该图片元
最近一直缺乏原创文章，只因被各种琐事所累，难以静下心来写文章。这篇文章也非原创，分享下我知道的一些低多边形（Low-Poly）的素材。低多边形（Low-Poly）最近火得一塌糊涂——如果你关注国外的设计圈子的话。 低多边形（Low-Poly）简介 Low Poly 原是 3D 建模中的术语，指使用相对较少的点线面来制作的低精度模型，一般网游中的模型都属于低模。而现在，Low Poly 进入了平面设计领域，继扁平化（Flat Design）、长阴影（Long Shadow）之后，低多边形（Low Poly）火
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
