-
html+css实现自定义图片上传按钮功能
所属栏目：[编程] 日期：2020-05-11 热度：194
普通的input[type=file]的效果很朴素 可以自定义一个file选择文件的按钮： 思路为： 用定位将自定义的按钮遮住原来的选择文件按钮， 再让点击自定义按钮时触发原来的选择文件按钮的事件即可 （对此，label可实现） eg: html: css样式： 结果图： 点击选择[详细]
-
分享一个页面平滑滚动小技巧(推荐)
所属栏目：[编程] 日期：2020-05-11 热度：54
今天写需求的时候发现一个小的优化点：用户选择了一些数据之后, 对应列表中的数据需要高亮， 有时候列表很长， 为了提升用户体验，需要加个滚动， 自动滚动到目标位置。 简单的处理了一下， 问题顺利解决， 就把这个小技巧分享一下给大家。 正文 有几种不[详细]
-
分享一个H5原生form表单的checkbox特效代码
所属栏目：[编程] 日期：2020-05-11 热度：161
!DOCTYPE htmlhtmlhead meta charset=UTF-8 title/title style.md-checkbox {margin: 50px;position: relative;height: auto;font-size: 14px;}.md-checkbox labelspan.inc {-webkit-animation: growCircle 0.2s ease;-moz-animation: growCircle 0.2s eas[详细]
-
canvas基础之图形验证码的示例
所属栏目：[编程] 日期：2020-05-11 热度：52
在通常的登录界面我们都可以看到验证码，验证码的作用是检测是不是人在操作，防止机器等非人操作，防止数据库被轻而易举的攻破。 验证码一般用PHP和java等后端语言编写； 但是在前端，用canva或者SVG也可以绘制验证码； 直接上干货： !DOCTYPE htmlhtmlhea[详细]
-
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
所属栏目：[编程] 日期：2020-05-11 热度：121
最新因项目需要，就利用HTML5+css3+jquery+weui做了一个仿微信聊天界面功能，可以发微信表情，查看图片、视频... 由于代码较长，小编打包了。需要的朋友点击下载。 具体代码如下所示： 总结 以上所述是小编给大家介绍的利用HTML5+css3+jquery+weui实现仿微[详细]
-
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
所属栏目：[编程] 日期：2020-05-11 热度：60
button onclick=http://www.jb51.net/html5/call()通用分享/buttonbutton onclick=http://www.jb51.net/html5/call('wechatFriend')微信好友/buttonbutton onclick=http://www.jb51.net/html5/call('wechatTimeline')朋友圈/buttonbutton onclick=http://w[详细]
-
html5 canvas绘制放射性渐变色效果
所属栏目：[编程] 日期：2020-05-11 热度：75
canvas有些地方还是有点坑的，比如fillRect是方法不是属性，如果写成fillRect=这样是没效果的，而且还不报错.... 这里用到了createRadialGradient这个API 这个API接收6个参数，前三个表示底下的圆，后三个表示上面的圆，返回的实例依然可以用addColorStop[详细]
-
html5中如何将图片的绝对路径转换成文件对象
所属栏目：[编程] 日期：2020-05-11 热度：77
副标题#e# 将图片的绝对路径转换成base64编码，请看这篇文章 我们先来理解基本知识点： 1. 理解HTML5中的FileList对象与file对象。 在HTML5中，FileList对象表示用户选择的文件列表。通过添加multipe属性，file控件内允许一次选择多个文件。控件内的每一个[详细]
-
详解Html5原生拖拽操作
所属栏目：[编程] 日期：2020-05-11 热度：126
最近的一次项目开发中用到了H5的拖拽功能，由于现有项目使用的是VUE全家桶，使用了vuedragable这个插件，但是整个过程是比较痛苦的。遂决定从H5拖拽的原理开始研究，然后再将其应用到数据驱动的框架中。在H5中要想实现拖放操作，至少需要经过两个步骤：1)[详细]
-
使用Html5、CSS实现文字阴影效果
所属栏目：[编程] 日期：2020-05-11 热度：69
前两天有一个学html5前端小美女问我一个有关文字阴影的效果怎么去实现。她和我说文字阴影嘛,她也知道text-shadow,.但是却做不出想要的样子,其实css3的新功能是很强大的,不要把你的思想太过于局限化,好了,闲话也不多说,咱们就先来看看这个文本阴影. 一.文字[详细]
-
浅析html webpack plugin插件的使用教程
所属栏目：[编程] 日期：2020-05-10 热度：130
使用html-webpack-plugin插件来启动页面 可将html页面放入内存 以提升页面的加载速度 并且还能自动设置index.html页面中JS文件引入的路径 使用前提：项目中安装了Webpack使用步骤： 步骤一、在项目的根目录下输入cnpm i html-webpack-plugin -D 将html-web[详细]
-
HTML转PDF的纯客户端和纯服务端实现方案
所属栏目：[编程] 日期：2020-05-10 热度：147
用户填写表单，点击保存之后，可以直接下载pdf文档。 解决思路 服务端生成 思路 谷歌浏览器在17年自行开发了Chrome Headless特性，并与之同时推出了 puppeteer，它可以被理解为是无界面但是可以完成服务器功能特性的浏览器。 所以我们可以在服务端启动pupp[详细]
-
html网页添加音乐视频的实现示例
所属栏目：[编程] 日期：2020-05-10 热度：132
支持firefox自动播放 谷歌、ie不支持自动播放 video controls=controls autoplay=autoplay name=mediasource src=http://www.jb51.net/web/./img/music.mp3 type=audio/mpeg/video 谷歌可以通过添加 muted 通过静音来实现自动播放 video controls=controls[详细]
-
@所有人 这波联想拯救者游戏本新品有看头
所属栏目：[编程] 日期：2020-05-10 热度：185
作为一名游戏爱好者，电脑的高性能是他们不懈的追求，因为笔记本的性能会直接影响到玩游戏的体验。以我个人为例，我的非工作时间基本都花在游戏上，可对于我的i5+GTX950M游戏本而言，根本无法兼顾高画质和流畅度，玩游戏经常被卡住不动，为此我感到十分苦[详细]
-
墙内开花墙外也香 一加8已连接T-Mobile SA 5G网
所属栏目：[编程] 日期：2020-05-10 热度：134
中关村在线消息：众所周知，一加作为国产手机开拓海外市场最成功的品牌之一，一直深受全球用户青睐，在美国、印度等国家和地区市场更是如此。根据一加科技CEO刘作虎在微博上的介绍，目前一加8已在美国成功完成了T-Mobile SA 5G网络连接，一加也成为了首个[详细]
-
4月20日拼多多iPhone报价 iPhone 11跌破4500价位段
所属栏目：[编程] 日期：2020-05-10 热度：120
Hello，今天为大家继续带来苹果报价！我们聚焦拥有百亿补贴和优惠的拼多多平台，苹果新老机都有着不小的补贴优惠。那么今日iPhone的拼多多报价如何呢？一起来看。 首先来看iPhone 11的拼多多报价，根据平台显示，iPhone 11 64GB售价4799元，但还有机会限量[详细]
-
4月25日苹果报价：拼多多iPhone SE 3159元
所属栏目：[编程] 日期：2020-05-10 热度：80
哈喽各位好，这里是手机星球。今天让我们看一下拼多多平台的苹果手机报价。话不多说，从最新的iPhone SE看起。iPhone SE最近刚刚发布，强大的A13处理器和小尺寸的屏幕受到了很多朋友的喜爱。限时抢卷最低可3159元入手，即使没有优惠券整体的价格也是十分划[详细]
-
4月23日天猫iPhone报价：最高可享受24期分期免息
所属栏目：[编程] 日期：2020-05-10 热度：125
哈喽大家好，这里是手机星球，持续为大家产出优质内容~ iPhone SE最近刚刚发布，强大的A13处理器和小尺寸的屏幕受到了很多朋友的喜爱。如果有入手的打算，不妨来看看今天天猫iPhone的报价~ iPhone SE 我们先来看看最新的iPhone SE系列—— iPhone SE目前在[详细]
-
小牛电动总裁带货超350万人观看 MQi2首销预订3.3万单
所属栏目：[编程] 日期：2020-05-10 热度：89
后疫情时代，电动车已经成为个人出行的最佳交通方式。当新国标下老用户“超标换国标”的换车刚需与疫后新用户的出行购车刚需叠加，为两轮电动车市场带来巨大市场机遇。自春节以来，各电动车厂商为满足疫情期间购车需求，积极探索新零售模式，线上销售、直[详细]
-
4月11日天猫iPhone报价：最高可享受12期分期免息
所属栏目：[编程] 日期：2020-05-10 热度：114
哈喽大家好，这里是手机星球，持续为大家产出优质内容~ 忙了一周，终于又到周六啦，是不是有买部手机犒劳自己的想法呢？如果想买iPhone，那么不妨过来看看报价。今日天猫iPhone的报价如何呢？一起来看看吧~ 我们先来看看最新的iPhone 11系列—— 可以看到[详细]
-
如何通过PHP实现Des加密算法代码实例
所属栏目：[编程] 日期：2020-05-10 热度：101
副标题#e# 如何通过PHP实现Des加密算法代码实例 注：php7以上不支持了，因为php7去掉了某些函数， 另外变量的{}要改为[] phpclass Des{ /** * 加密方法 * * @param string $str 需要加密的内容 * @param string $key 密钥 * @param bool $toBase64 是否base[详细]
-
禁止直接访问php文件代码分享
所属栏目：[编程] 日期：2020-05-10 热度：154
如何禁止别人直接访问php文件 可以通过判断某一个常量是否被定义或定义的值是否相同，如果未被定义或值不相同则停止脚本运行。 defined('IS_ALLOW') or die('禁止访问！'); 访问结果：禁止访问！ 如果需要在其它php文件中进行引用，可以先将常量定义后在进[详细]
-
PHP数组与字符串互相转换实例
所属栏目：[编程] 日期：2020-05-10 热度：50
PHP 数组转字符串，与字符串转数组 php$array = array('lastname', 'email', 'phone');$comma_separated = implode(",", $array);echo $comma_separated; // lastname,email,phone// Empty string when using an empty array:var_dump(implode('hello', ar[详细]
-
php变量与字符串的增删改查操作示例
所属栏目：[编程] 日期：2020-05-10 热度：118
php//告诉浏览器以什么编码方式解析什么类型的文档，防止中文乱码header("Content-type: text/html; charset=utf-8");// 整型的例子// 声明整型$var=123;// 输出一个或者多个字符串echo $var;//但因变量的详细信息，可以一次打印一个或者多个变量的详细信[详细]
-
php将字符串转换为数组实例讲解
所属栏目：[编程] 日期：2020-05-10 热度：85
php将字符串转换为数组 在php中通过使用“explode函数”，将字符串转换为数组，该函数的用法为“explode(delimiter,string)”，其参数delimiter表示为边界上的分隔字符，参数string表示为输入的字符串。 explode说明 explode ( string $delimiter , string[详细]
