随着前端技术的发展，越来越多的业务场景中需要前端来处理文件下载。在众多的方法中，通过 a 标签的 download 属性实现下载是其中常见也是比较简单的一种方法。 download 属性介绍 常...

缘起 由于项目需要，我们要在web端实现录音功能。一开始，找到的方案有两个，一个是通过iframe，一个是html5的getUserMedia api。由于我们的录音功能不需要兼容IE浏览器，所以毫不犹豫的...

最近遇到一个需求，需要在从APP分享出去的H5页面中，带有一个立即打开的按钮，如果本地安装了app，那么就直接唤起本地的app，如果没有安装，则跳转到下载。这是一个很正常的推广...

iphonex的刘海屏且不说好看不好看，但是确实给开发造成一定困扰，有些PM希望产品能够全屏展示，于是客户端就把刘海以上的空间让出来让前端处理，造成一个问题就是当页面头部固定...

免责声明 不是打算教 canvas，只是觉得好玩就简单看了一下。 意思就是做得略粗糙，别喷我。。 效果 帧数略低，实际当然流畅得多。 实现 HTML !DOCTYPE htmlhead meta name=viewport content=width=...

小程序中经常会遇到要生成图片的需求，图片一般会加上用户的头像和昵称之类的，头像只需要把腾讯域名添加到request和download列表中，使用 wx.getImageInfo() 就可以缓存到本地，成功的回...

背景 最近开发公司的公众号H5，做了一个点击icon滚动到顶部的功能。实现功能比较简单，直接调用window.scrollTo(0, 0)，一行代码完成。但是作为一个攻城狮，怎么可能对自己要求这么低，...

前言 最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机...

最近实现的下图的效果,跟大家分享一下 假如我们要画下图曲线的动画 如果每次都画一条短线连接起来,如下图被分成五段 再看十段 要是被分的段数足够多时每次画一段就很像曲线轨迹...

一、废弃的标签 以下的 HTML 4.01 元素在HTML5中已经被删除，虽然浏览器为了兼容性考虑都还支持这些标签，但建议使用新的替代标签，矛盾的是老浏览器对新标签的支持度又不够，视项...

前言 今天用 canvas 做 H5 的时候遇到了闪屏问题。闪烁效果如下图： 问题简介 功能简介 H5 该部分的功能为：通过点击二级菜单，切换图片的遮罩或者更换背景。 因为功能简单，所以用...

由于一些移动端的兼容性原因，我们某个项目需要前端将pdf转换成在移动端页面可直接观看的界面。为了方便解决，我们采用了pdf.js这个插件，该插件可以将pdf转换成canvas绘制在页面上...

包含3个文件：html、slider-H5.js、jquery.js。在html中可配置滑动参数。具体代码如下： HTML代码： !DOCTYPE HTMLhtml head meta charset=utf-8 / meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 / meta name=view...

细心的朋友可能会观察到谷歌搜索右侧有个语音搜索功能，能够实现语音识别功能，可能功能还不够完善，不过也算是一种趋势，下面就介绍一下如何实现此功能，代码如下: input type...

使用html5实现表格实现标题合并的实例代码 这样的需求不在少数，比如表格中相邻的列具有相同的内容，那么标题就完全可以使用一个，那么合并标题就是十分重要的，让用户感觉也会...

最近研究了HTML5一些新的元素属性，发现确实好用，特别是里面的Canvas这个新的标签元素。官方介绍：Canvas API（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图...

问题背景： 网站需要在移动端完成适配,针对移动端H5以及web端采用的都是bluma这种flex布局解决方案 在H5中使用的列表采用的是 react-virtualized 来绘制表格 为了展示表格中单行数据的具体...

第一个知识点：表单的属性及总结 第二个知识点：H5新增的表单控件和属性以及总结 第一个知识点： 我们常见的表单验证有哪些呢 text 文本框标签 password 密码框 checkbox 多选框 radio 单...

作为一个前端，给元素添加事件是一件司空见惯的事情。可是在Canvas中，其所画的任何东西都是无法获取的，更别说添加事件，那么我们对其就束手无策了吗？当然不是的！我们在平时...

上个文章中我们分享了如何利用canvas来进行图形绘制，但是绘制的都是静态图形，本周我们就来学习如何利用canvas进行动态图形绘制。 什么是动画？ 我们在绘制动画之前必须要弄清楚...

高清屏出现以前，屏幕的一个物理像素就是css所定义的一个逻辑像素（估计那个时候还没有物理像素和逻辑像素的概念）。因此使【本文来源：http://www.1234xp.coml转载请保留出处】用下面...

最近笔者有个需求，需求内容为：一组文字显示在圆环的周围，用户可添加文字，文字围绕着圆环，每个词对应圆环周围的的蓝色小圆点，当用户鼠标放在圆环上方小蓝点时时，实现放...

本文详细介绍了如何在H5中实现长按保存图片的功能。 长按保存图片是现在一些宣传页H5中很常见的需求，但是js没有这样的能力，所以要么借助android或ios的原生能力,要么用canvas自己画...

流行的动态背景连线特效。下面的代码是作者在扒下来的代码上进行整理和注释，很适应参考学习。 效果截图： 效果演示：https://jc1144096387.github.io/canvas_nest/ 作者地址：https://blog.csdn...

原文地址 https://github.com/MY729/front-common-funtion/blob/master/picture-code-demo/README.md 预览地址 https://my729.github.io/front-common-funtion/picture-code-demo/picture-code.html 准备工作 demo 基于 vue + elelment-ui 首先...

开始实现之前先上个效果图 tips 1.网络图片需先配置download域名，可通过 wx.getImageInfo 转为临时路径； 2.个人习惯问题，我习惯使用async-await语法，所以需要引入regenerator这个库，使用方式...

先来看下iPhone X机型的样子 上图中，Iphonex机型在头部和底部新增了这两个区域，所以我们需要针对这类机型做些适配，方便我们的webapp的展示 h5做成的移动端页面，常见布局为头部+躯...

像刻度这种东西都是重复性的，说到 重复 我就想到了 repeating-linear-gradient ，看名字【源文URL、http://www.yidunidc.com/hk.html 转载请保留出处】就能知道是 重复线性渐变 ，它能更方便的实现...

简单实现移动端输入价格键盘 HTML： div class=main div id=show-price /div div class=keyboard div1/div div2/div div3/div div4/div div5/div div6/div div7/div div8/div div9/div div./div div0/div div删除/div /div/div CSS： .keybo...

最近挺忙的，这次抽空写写文 陶冶下情操 ， 浏览器滚动 真的天天见日日见啦，比如你现在看的这篇文章，往下看就必须得滚动，这篇文章主要聊聊 滚动相关 的一些 方法 跟 属性 ，还...

本文介绍了Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码，分享给大家，具体如下: PC端 移动端 代码 !DOCTYPE htmlhtmlhead title左侧导航/title meta charset=utf-8 script src=https://cdn.staticfile...

哈哈哈俺又来啦，这次带来的是canvas实现一些画布功能的文章，希望大家喜欢！ 前言 因为也是大三了，最近俺也在找实习，之前有一个自己的小项目: https://github.com/zhcxk1998/School-Partn...

在前端页面布局中，经常会碰到要让容器充满整个屏幕高度或者剩余屏幕高度的需求。一般这时候都会想当然的使用 height:100% 这样的 CSS【文章由美国大带宽服务器http://www.558idc.com/mg....

写在前面 本篇主要总结Blob对象属性及作用，通过DEMO介绍Blob对象的应用场景。 Blob对象 一直以来，JS都没有比较好的可以直接处理二进制的方法。而Blob的存在，允许我们可以通过JS直接...

这些天在尝试使用RTSP协议(Real Time Streaming Protocol，实时流传输协议)来完成实时传输和显示摄像头画面的功能，毕竟海康威视的web控件对高版本Chrome不予支持，如果使用这一套技术的话，...

一、通常我们在存储数据的方式有三种 cookie sessionstorage localstorage ，那么这三种数据的存储又有什么关系呢？让我们一起来看看吧 cookie:保存cookie值： var dataCookie='110'; document.cookie = 't...

1,需要在项目种引入钉钉官方的js script type=text/javascript src=http://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js /script 或者npm 也可以的 2，钉钉自带的api，有写是需要鉴权的，所以在使用之...

本文实例讲述了asp.net实现利用反射，泛型，静态方法快速获取表单值到Model的方法。分享给大家供大家参考，具体如下： 这是初级的，很简单，牛人可以不看了。不过还算实用。 在项...

本文实例分析了ASP.NET2.0使用Enter Key作为默认提交的方法。分享给大家供大家参考，具体如下： 网页开发中最烦人的事情之一就是为表单处理"Enter key" ,"Enter key"已经成为用户提交表单的...

本文实例讲述了ASP.NET基于Ajax的Enter键提交。分享给大家供大家参考，具体如下： 近日遇到一个Enter键的问题，总结下： 1. 首先复习下html form对Enter的响应，不同的浏览器对Enter的处理略...

本文实例讲述了asp.net实现取消页面表单内文本输入框Enter响应的方法。分享给大家供大家参考，具体如下： 很早以前开发asp.net项目的时候遇到的:在一个服务器TextBox控件上按下 Enter键，...

本文实例讲述了asp.net实现非常实用的自定义页面基类。分享给大家供大家参考，具体如下： 看到前面几篇文章（如：《asp.net实现利用反射，泛型，静态方法快速获取表单值到Model的方...

本文实例总结了asp.net开发中常见公共捕获异常方式。分享给大家供大家参考，具体如下： 前言：在实际开发过程中，对于一个应用系统来说，应该有自己的一套成熟的异常处理框架，...

本文实例讲述了ASP.NET实现上传图片并生成缩略图的方法。分享给大家供大家参考，具体如下： protected void bt_upload_Click(object sender, EventArgs e){ //检查上传文件的格式是否有效 if (this.Uplo...

数据库表中有一个单位表，里面包括ID、Name、Order等字段，现在有个后台管理功能，可以设置这些单位在某些统计表格中的先后显示顺序，于是想到用拖拽方式实现，这样操作起来更简...

公众平台用户提交信息后，微信服务器将发送GET请求到填写的URL上，并且带上四个参数： 开发者通过检验signature对请【文章来源：http://www.yidunidc.com/mg.html 原文提供 欢迎转载】求进行校...

说起微信公众帐号，大家都不会陌生，使用这个平台能给网站或系统增加一个新亮点，直接进入正题吧，在使用之前一定要仔细阅读官方API文档。 使用.net实现的方法： //微信接口地址...

【本文转自：韩国站群服务器 欢迎转载】 本篇介绍通用权限验证的实现代码思路，总共分为导入参数、解析XML、根据XML配置进行处理、返回结果。 代码架构图 一、类介绍 1.SFWebPermis...

本文实例讲述了asp.net实现获取客户端详细信息代码。分享给大家供大家参考。具体如下： 运行效果截图如下： 具体代码如下： 其中aspx页面的控件代码: 复制代码 代码如下:asp:ListBox...