示例

在这里插入图片描述

超硬核!!!一篇文章搞定TCP、UDP、Socket(详细网络编程内容+现实解释三次握手四次挥手+代码示例)【网络编程 1】

TCP、UDP、Socket一天面试的经验:什么是网络编程网络编程中两个主要的问题计算机网络体系结构1 TCP / UDP1.1 什么是TCP/IP和UDP1.2 TCP与UDP区别:1.3 TCP和UDP的应用场景:1.4 TCP例子:1.5 UDP例子:1.6 TCP的三次握手1.6.1 什么是TCP的三次握手1.6.2 三次握手的具体细节1.6.3 用现实理解三次握手的具体细节1.7 TCP... »

Unity 游戏框架搭建 2019 (十五) 第九个示例(二)

在上一篇文章中,我们完成了 Pad 设备分辨率的判断。 Screen.width / Screen.height : Screen.height / Screen.width;}/// /// 是否是 Pad 分辨率 4 : 3 /// /// public static bool IsPadResolution()}}到此呢,我们可以进行一次导出了。今天内容就这些。 »

html5 制作地图当前定位箭头的方法示例

功能点 获取当前定位 时时显示当前设备方向重点h5每次打开时,只是单纯获取的设备方向是无法正确朝向的。所以需要再获取罗盘方向进行校正。以小程序获取设备、罗盘方向,h5渲染定位箭头为例,相关公式:// 跟新箭头的方向应该根据设备与罗盘方向的差值const newAngle = 360 - »

HTML5 Canvas 实现K线图的示例代码

因为公司的项目需求,需要做一个K线图,可以让交易者清楚的看到某一交易品种在各个时间段内的报价,以及当前的实时报价。 我所考虑的有两个方向,一是类似于Highcharts等插件的实现方式 — svg,一是HTML5的canvas。 SVG 是一种使用 XML 描述 2D 图形的语言。 Canvas 通过 JavaScript 来绘制 2D 图形。 Canvas 是逐像素进行渲染的。 &n... »

HTML5 图片悬停放大的实现代码示例

图片悬停放大效果: HTML5 代码如下: <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS3图片悬停放大动画</title> <lin... »

HTML5 3D旋转相册的实现示例

前一段时间,突然看到一个炫酷的3D旋转相册,这里记录一下,先看效果图: HTML5 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5 3D旋转图片相册 可鼠标悬停</title&g... »

HTML5 Blob 实现文件下载功能的示例代码

原理其实很简单,就是将文本或者JS字符串信息(即后台返回来的在服务器上没有具体路径的动态文件,如导出数据功能)借助Blob转换成二进制,然后,作为 a 标签的 href 属性,配合download属性,实现下载功能,缺点是如果文件太大会下载失败。 下面是导出数据的一个实例: $("#exportAll").on("click",function(){ //点... »

CSS 实现蜂巢/六边形图集的示例代码

不知道为什么,UI 很喜欢设计蜂巢效果(摊手)  一、实现六边形 首先用传统的方式来分析一下六边形 可以拆分成三个矩形,每个矩形 旋转正负 60° 得到其它两个矩形 由此可以设计出基本的 HTML 结构 矩形的宽高先随便设置,后面组件化的时候再计算其关系,通过 props 设置 然后设置 CSS 样式 .w-comb { background-color: #e4e4e4; di... »

CSS3中的常用选择器使用示例整理

1. 根选择器 :root:root{}就等同于html{}, 一般来说, 推荐使用:root{}. CSS Code复制内容到剪贴板 <style>    :root {      background:green;    }    </style>  ... »

006tNc79gy1fzdhzd3cdyj30u00uhths.jpg

Unity 游戏框架搭建 2019 (十四) 第九个示例(一)

在上一篇文章中,经过大量的思考我们得出了一个学习方向,那就是在项目中比较实用的小知识点。 我们大部分 Unity 做的项目呢都是移动端的项目,这里包括 iPhone、iPad 以及各种 Android 端的设备。而经过笔者统计大部分的设备屏幕宽高比都是 16:9(iPhone 5s 至 iPhone 8) 和 4:3 (iPad)。而少部分的则是接近 2:1(iPhone X) 和 3:2(iPh... »

HTML5 Canvas实现放大镜效果示例

HTML5 Canvas实现放大镜效果示例

图片放大镜效果 在线源码预览 源码 原理 首先选择图片的一块区域,然后将这块区域放大,然后再绘制到原先的图片上,保证两块区域的中心点一致, 如下图所示: 初始化 <canvas id="canvas" width="500" height="500"> </canvas> <img src="ima... »

HTML5 图片预加载的示例代码

在HTML5中,我们可以使用drawImage方法在canvas上进行画图操作,其基本代码如下: var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var image = new Image(); image.src = "i... »

html5视频常用API接口的实战示例

一、虽然有的属性是boolean类型,但仍旧建议按照XHTML书写(属性名=”属性值”)格式,避免出现错误 (下面加粗的属性为常用属性) 属性 值 功能描述 controls »

Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码

本文介绍了Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码,分享给大家,具体如下: PC端 移动端 代码 <!DOCTYPE html> <html> <head> <title>左侧导航</title> <meta charset="utf-8"> <script src=&quo... »

HTML实现代码雨源码及效果示例

最近学习了HTML,今天写个HTML代码雨,然后下面用HTML和js也写了一个,给自己留点笔记 先看看效果 1、绿色: 2、彩色: 3、背景色: 4、绿色逐渐变浅: 源代码: <!DOCTYPE html> <html>     <head>   <meta http-equiv="Content-Type"... »

使用canvas压缩图片上传的方法示例

因为原型图跟插件ui有出入,所以自己写了一个方法。。 首先得有一个上传按钮。 <input type="file" id="fileys" class="fileys" @change="uploadFile($event)" accept="image/*"/> <!--uplo... »

canvas实现烟花的示例代码

index.tsx就是组件了,绘制了canvas,并执行了动画。1 : 2); } } drawDot }Firework生成随机的hsl颜色,hsl;Firework每次上升的距离是一个递减的过程,我们初始设置一个上升的距离,之后每次绘制的时候,这个距离减gravity,当距离小于零的时候,说明该出现烟花绽放的动画了。 »

使用iframe+postMessage实现页面跨域通信的示例代码

通常情况下,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机时,这两个脚本才能相互通信。而在实际项目开发过程中,经常会利用iframe在一个父页面中嵌入另外一个子页面,或者在一个父页面中弹出另一个页面,由于同源策略的限制,父子页面之间的脚本无法实现通信,而使用postMessage方法就实现了父子页面之间的跨域信息传... »

基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码

前言 摘要:2D 的俄罗斯方块已经被人玩烂了,突发奇想就做了个 3D 的游戏机,用来玩俄罗斯方块。。。实现的基本想法是先在 2D 上实现俄罗斯方块小游戏,然后使用 3D 建模功能创建一个 3D 街机模型,最后将 2D 小游戏贴到 3D 模型上。 (ps:最后拓展部分实现将视频与3D模型的结合) http://www.hightopo.com/demo/tetris/ 代码实现 首先,先完成 2D ... »

Html5移动端获奖无缝滚动动画实现示例

本文介绍了Html5移动端获奖无缝滚动动画实现示例,分享给大家,具体如下: 需求分析 哈哈,上动态图真的是一下就明了了。 就是滚动么滚动,那么制作这个有什么方法呢?我们来总结一下: html骨架 其实很简单,最外面的<div>是做固定的窗口,里面的<ul>控制运动,<li>里面是展示动画 <div class="roll" id=&qu... »

HTMl中标签中li横向排列的实现示例

HTMl中标签中li横向排列的实现示例

  大多数的导航栏都是横向排列如下图所示,那么这究竟是怎么实现的呢?其实它主要运用<ul>标签中li的横向排列,下面以一个例子向大家详细讲解具体是如何实现的。 1编写横向菜单的HTML代码架构 <ul id="menu"> <li><a href="http://www.baidu.com">Baid... »

使用 CSS3 中@media 实现网页自适应的示例代码

如今,电脑显示器的屏幕分辨率向越来越大发展,而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站,开始让自己的页面自适合各种分辨率,在小分辨率下显示基本的内容,在大分辨率下显示全部功能,甚至是分多等级的多版本。 一、CSS2 中的@media css2里面虽然支持@media属性,但是能实现的功能比较少,一般只用做打印的时候做特殊定义的CSS。  @media sMedia {... »

css 层叠与z-index的示例代码

层叠与层叠等级 HTML 元素是一个三维的概念,除了水平和垂直方向外,还会在“z 轴”上层层叠加。 既然是叠加,就会涉及到先后顺序的问题,规范中称之为“层叠等级”。 默认情况下,图文是网页的核心,因此内联元素的等级理应最高;然后是布局,其中浮动元素(脱离文档流)的等级高于块级元素;最低等级是设置背景、边框等装饰属性的元素。 例子: <style... »

css实现3d立体魔方的示例代码

今天来做一个简单的3d魔方先看效果图吧!二、添加css样式*div.top.bottom.left.right.after.before好了到了这一步就相当与把地基打好了,我们开始盖楼了你看到的必须是这个效果注意我这里是缩小了,你应该也是和我一样方块都是挨着的,像柱子一样堆着的。 »

CSS3实现类似翻书效果的过渡动画的示例代码

在VUE实战项目的中有一个加载推荐书籍的过渡动画,在项目中是使用JS实现。 当时看视频大概一个小时作用,拆分动画逻辑,写代码更是耗时。后来自己想着能不能用CSS动画直接写出来,折腾了半天,终于算是实现了。 可以查看加载动画地址 /*首先是DOM结构,不能像js一样分左右两边,正面翻为反面还要改变z-index,按照同样的布局也尝试过,没有用CSS动画写出来,逻辑太复杂。 这是一个类似翻书一样的动画... »

Page 1 of 355123»