-
把富文本的回车转为br标签
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
例如：我家孩子在SayABC小班课跟小伙伴们一起互帮互助，合作竞争，学习更加有动力！从简单的单词到句型和场景对话，孩子越来越敢于开口说英语啦！[耶]扫码立即领取外教课[爱心]让孩子从小与世界接轨~ 需要转为才能被html识别，并且换行。可以这样做。 是回[详细]
-
HTML5 WebGL 实现民航客机飞行监控系统
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
副标题#e# 前些日子出差，在飞机上看到头顶的监控面板，除了播放电视剧和广告之外，还会时不时的切换到一个飞机航行的监控系统，不过整个监控系统让人感到有一点点的简陋，所以我就突发奇想制作了一个采用 HT for Web 的升级版监控系统，demo 的效果还行，[详细]
-
基于Canvas+Vue的弹幕组件的实现
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
副标题#e# 最近由于项目需要定制化一个弹幕功能，所以尝试使用canvas来开发组件。经过测试在一些低端机的效果也没有明显的卡顿，和大家交流一下 弹幕效果 功能介绍 支持循环弹幕 弹幕不重叠 支持选择轨道数 支持弹幕发送 使用 npm i vue-barrage 参数配置 n[详细]
-
浅谈cookie和localStorage那些事
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
一、localStorage、cookie、sessionStorage的区别与练习 1、cookie 小甜饼。它的大小限制为4KB左右，是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到记住密码，这通常就是通过在Cookie中[详细]
-
HTML5实时语音通话聊天MP3压缩传输3KB每秒
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
自从Recorder H5 GitHub开源库优化后，对边录边转码成小语音片段文件实时上传服务器这种操作支持非常良好，因此以前不太好支持的H5语音通话已经有了更好的突破空间。因此花了两晚时间打造了一个H5语音通话聊天的demo。 欢迎在线把玩： https://xiangyuecn.[详细]
-
详解通过变换矩阵实现canvas的缩放功能
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
这篇文章主要介绍一种通过设置canvas的变换矩阵来实现canvas的缩放。 第一步就是监听鼠标的滚轮事件，在滚轮事件中根据鼠标的滚动以及基于前一次的变换，重新设置context的缩放和平移，核心代码如下： let delta = this.deltaInst; delta.bind('zoom', (da[详细]
-
HTML5移动端开发遇见的东西
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
副标题#e# !-- 有# *符号输入 --input type=tel!-- 纯数字 --input pattern=d* 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了。 2. 调用系统的某些功能 !-- 拨号 --a href=http://www.jb51.net/html5[详细]
-
基于 HTML5 WebGL 实现的垃圾分类系统
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
副标题#e# 垃圾分类，一般是指按一定规定或标准将垃圾分类储存、分类投放和分类搬运，从而转变成公共资源的一系列活动的总称。分类的目的是提高垃圾的资源价值和经济价值，力争物尽其用。垃圾在分类储存阶段属于公众的私有品，垃圾经公众分类投放后成为公众[详细]
-
HTML5实现的震撼3D焦点图动画的示例代码
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
这是一款基于HTML5和jQuery的3D焦点图动画，焦点图中的图片利用了CSS3的相关特性实现图片倾斜效果，从而让图片出现3D的视觉效果。这款HTML5焦点图不仅可以手动点击按钮切换图片，而且还支持自动切换图片，使用起来也相当方便。如果你需要在网站中展示产品[详细]
-
HTML5 Canvas 破碎重组的视频特效的示例代码
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
也许你见过HTML5图片破碎动画特效，实现的原理也挺简单的。但是你应该没有见过视频也可以破碎重组，这个HTML5动画就是利用Canvas的相关特性，实现了点击鼠标让视频破碎重组的效果。在视频区域点击鼠标，即可让该区域的视频破碎，让后经过一段时间后，破碎[详细]
-
前端canvas水印快速制作（附完整代码)
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
原理解析： 图一斜纹类：创建一个和页面一样大的画布，根据页面大小以及倾斜角度大致铺满水印文字，最后转化为一张图片设为背景 图二倾斜类：将文字倾斜后转化为图片，然后设置背景图片repeat填充整个页面 代码分析： 这里我只简略分析图一斜纹类，事实上[详细]
-
canvas实现圆绘制的示例代码
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
语法：arc(x, y, radius, startAngle, endAngle, anticlockwise) 前面两个参数是x坐标，y坐标，第三个参数是半径，第四个参数是开始的弧度，第五个参数是结束的弧度，第六个参数是顺时针还是逆时针，默认是顺时针。 看下面代码，这样就能绘制一个圆了。 ct[详细]
-
Html5 Canvas 实现一个“刮刮乐”游戏
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
副标题#e# 话不多说，先上Demo 和 项目源码 . 2. 实现 我们创建一个 ScrapAward 类，通过传入 option 和调用其 restart() 方法实现重新开始。 （1）定义 option 参数及 ScrapAward 结构 class ScrapAward {constructor(userOption) {this.option = {canvasI[详细]
-
详解基于 Canvas 手撸一个六边形能力图
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
副标题#e# 六边形能力图如下，由 6 个 六边形组成，每一个顶点代表其在某一方面的能力。这篇文章我们就来看看如何基于 canvas 去绘制这么一个六边形能力图。当然，你也可以基于其他开源的 js 方案来实现，如 EChars.js 等。 二、六边形绘制基础 六边形能力[详细]
-
旅行摄影小技巧：远近动静都不怕
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
1.风景和动植物生活环境摄影(1米到无限远) (1)从广角远摄的系列镜头。较好的组合方式是一个24毫米(或28毫米、或35毫米)的广角镜头，一个50毫米的标准镜头和一个80-200毫米的变焦镜头或者在这个范围内各种组合方式的镜头。一个较长的镜头，例如300毫米的，[详细]
-
ASP.NET通过更改Url进行页面传值的实现代码
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
这里，通过假数据，手动创建的一个类，然后创建的一个集合，放入下拉框，选好值以后，点确定 会在另一个页面产生对应的id 创建一个类： using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace WebApplication1{ pu[详细]
-
使用VSCode开发和调试.NET Core程序的方法
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
副标题#e# 电脑不想装几十个G的 VS2017，那就用 VS Code 吧 目标： 创建一个类库项目 Skany.Core，并用 Nuget 引用第三方组件 Hash 实现加密算法 创建一个单元测试项目 Skany.Tests，引用类库 Skany.Core，并测试其中的方法 创建一个控制台应用程序项目 Ska[详细]
-
ASP.NET Core MVC获取请求的参数方法示例
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
副标题#e# 一次HTTP请求，就是一次标准IO操作。请求是I，是输入；响应式O，是输出。任何web开发框架，其实都是在干这两件事： 接受请求并进行解析获取参数 根据参数进行渲染并输出响应内容 所以我们学习一个框架，我认为最首要的是知道如何从请求中获取参数[详细]
-
ASP.NET中AJAX的异步加载（Demo演示）
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
此次的Demo是一个页面，页面上有两行字，然后后面用AJAX，使用一个下拉框去替换第一行文字[/code] 第一个是被替换的网页 !DOCTYPE htmlhtmlhead meta charset="utf-8" / title/title script type="text/javascript"var xmlHttpRequest;function createXmlH[详细]
-
HTML 几种特别分割线特效
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
二、特效（效果并不是孤立的，可相互组合） 1、两头渐变透明： HR style=FILTER: alpha(opacity=100,finishopacity=0,style=3) width=80% color=#987cb9 SIZE=3 2、纺锤形： HR style=FILTER: alpha(opacity=100,finishopacity=0,style=2) width=80% color[详细]
-
iframe标签用法详解(属性、透明、自适应高度)
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
副标题#e# 1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。 提示和注释： 提示：您可以把需要的文本放置在 iframe[详细]
-
canvas绘制文本内容自动换行的实现代码
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
要求制作一个邀请卡页面，其中标题字数是动态的，最多可显示2行，如果超出2行则第2行内容结尾添加省略号。根据产品妹子的性格，四行这个设置到时很大机会改，所以这里一定不能写死，结果前几天真的要求改成了最多可显示4行 ，其他照旧。产品妹子too young[详细]
-
浅谈pc和移动端的响应式的使用
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
身为一个前端攻城狮，是不是经常遇到各种各样的响应式问题？下面我们来说一下： 1.响应式跟自适应有什么区别? 有些人可能还不知道响应式跟自适应的区别,甚至认为他们是同一个东西,其实不是的. 自适应是最早出现的，后面才有了响应式。响应式布局等于流动网[详细]
-
html Table 表头固定的实现
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
div class=wrapboxdiv class=table-headtabletheadth width=10%合同号/thth width=30%签约客户/thth width=20%发布客户/thth width=10%合同状态/thth width=30%选定条件的发布周期额度/th/thead/table/divdiv class=table-bodytabletbody id=tbody/tbody/t[详细]
-
Html5如何唤起百度地图App的方法
所属栏目：[编程] 日期：2020-05-11 来源：DaWei
最近接手了一个需求，要求混合式开发，前端做好 h5 后将页面嵌入到 ios 和 android 中，需要用到百度地图的地图导航。具体功能点如下： 如果手机端（ios, android）安装了百度地图，点击导航按钮，唤起百度地图 app 否则，打开 web 端百度地图导航 需要用[详细]
