- 博客(15)
- 资源 (10)
- 收藏
- 关注
原创 H5学习之路之Input类型新特性
input的输入类型在H5之前已经有很多很广泛的使用了,但是H5其实加入了很多新的属性和验证,提供方便的同时给我们开发带来了更多的是安全性的提升,今天我们就简单的说一下H5中新的input属性和用法。EmailE-mail: <input type="email" name="user_email" />当我们使用email的时候,默然会检测到输入的格式是不是正确的,如果是使用的Iph...
2018-05-31 11:00:20 864
原创 H5学习之路之Web存储解决方案
我们所说的H5的存储方案指的是客户端的数据存储,这点需要明白,那么在这个之前有么有可用的存储方案呢?当然是有的,之前一直用的CooKie,如果有人看过我之前写的关于客户端存储的文章, 这里就很好理解了,我之前说过cookie的弊端和优势。那么今天我们说的是H5才提出的存储方案:localStorage和sessionStorage首先说一下为什么需要这个东西,为什么之前已经有了cookie但是H5...
2018-05-30 13:40:06 698
原创 H5学习之路之audio音频播放
为什么突然写这个呢?很简单,H5学习本身应该是一个系统的学习过程,虽然很多的东西都是会的,但是没有总结过,也不知道自己究竟对H5了解多少,爱有多深,所以在这里装作自己好像对H5很了解的样子,写一个记录性质的博文。进行一次系统的总结和学习。今天学习的是audio音频播放的属性我们都知道,其实在H5之前是没有只在网页上播放音频的标准的,之前大多数的解决办法是运用Flash,甚至是一直用来很长的一段时间...
2018-05-29 11:55:38 4579
原创 原生js实现div跳动效果---很多炫酷效果的基本原理
效果预览:这块实现起来很简单,原生的js实现更简单。为什么写这个呢?因为这个其实是很多网页动态效果的一个原型,不管是什么大型的网站,其实底层的原理都是一样的,基本思路是,画出DIV,然后载入页面的时候加载到每一个div元素,然后就是控制鼠标的事件,移入和移出的时候执行偏移函数。不BB,上代码:div{width: 100px;height: 100px; float: left;margin-le...
2018-05-29 10:02:22 4939
原创 SourceCount代码统计工具使用
一个项目做完以后一般都会将代码的行数统计一下,这样可以和时间对比可以看出程序员的效率问题, 很多的公司都会做这件事,当然我本人是排斥的,毕竟一个项目的难易程度很大程度上不是代码量决定的,而是技术决定的,那么既然有这样的需求,就会有这样的软件出现,今天就简单的介绍一下这款软件SourceCount使用起来很简单,做一个简单的教程:统计代码:您还可以根据需要添加文件的后缀和删除不需要统计的文件类型PS...
2018-05-24 11:01:50 51816 3
转载 Git常用命令
原文转自:点击打开链接收藏一下!初始化命令查看当前git配置信息12# 显示当前Git配置$ git config --list设置git用户信息123# 设置提交代码时的用户信息$ git config [--global] user.name "[name]"$ git config [--global] user.email "[email address]"初始化项目12# 在当前目录新建...
2018-05-23 17:26:35 219
原创 Echarts根据需要生成对应的图表
效果预览:这里就不赘述了,之前的文章已经写了怎么使用的,直接发代码就行了,其实就是将函数加一个参数判断一下需要生成什么类型的图表,没有技术含量。H5源码: <h2>请输入对应信息</h2> <input type="text" name="" id="head" placeholder="表头" /><br />
2018-05-23 16:30:08 1296
原创 echarts生成图表并下载为PDF文件(附带js源码地址)
效果预览:ok我们今天就做这个,这个是我在别的博文里面看到的,觉得很不错,自己改了一下,他写的是只能生成固定的文件名字和数据,我只是希望可以变的能够使用,这个是可以直接使用的,可以根据您的需求改变文件的名字和数据,不BB,看代码:H5源码: <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <h2>请输入对应信息</h2> &l...
2018-05-23 11:32:48 6175 6
原创 用echarts实现一个简单的生成图表的功能
说实话一直想做一个可以生成图表的文件,但是一直研究不明白,曾经也看过很多的类似技术的文件,D3.js,Hcharts,Echarts都看过,但是看不下去,一个是api写的很死板,一个是自己事情比较多,今天不是很忙,简单的看了一下,写一个简单的生成图表,很简单,没有什么技术含量, 只是为了抛砖引玉,谁用的比较厉害的,可以教我一下,谢谢了!效果预览:ok效果就是这样,其实代码不用写,估计很多人就已经想...
2018-05-22 16:49:55 2669 2
原创 git报错: git: not authorized :未经授权解决办法
今天拉项目的时候很顺利,但是准备pull下来最新的项目的时候却一直提示 not authorized,一直说我未经授权,刚开始不知道怎么回事,后来看了一会,解决了,将解决的办法记录下来,以便以后遇到了更快的定位解决办法。我用的是Hbuilder,当然这个是无关紧要的,一个项目开始的时候拉下来不是git项目共享的时候,HB也提供了很快的共想办法,直接这样就行了:这样就行了,当然这个不是今天的主题,今...
2018-05-22 15:19:07 30216 1
原创 动态获取新增的数据+项目实例介绍
效果演示:ok,我们一般做项目的时候会经常遇到这样的情况,就是数据是不停的新增的,但是数据我们也是需要实时获取的,这个时候我们需要的是将数据实时的拿到,或者是用户停止操作的时候我们将数据点击发布或者是一个操作的按钮将数据传递给后端。这是一个真实的例子,但是没有做美化,包括提示信息也是没有做任何的美化的,包括里面的ajax也去掉了。不过这些都不重要,重要的是我们可以看效果,拿数据。我们看h5代码:&...
2018-05-21 16:45:22 390
原创 js的常见的三种密码加密方式-MD5加密、Base64加密和解密和sha1加密详解总结
写在前面写前端的时候,很多的时候是避免不了注册这一关的,但是一般的注册是没有任何的难度的,无非就是一些简单的获取用户输入的数据,然后进行简单的校验以后调用接口,将数据发送到后端,完成一个简单的注册的流程,那么一般来说,密码是不做加密的。但是也有一些数据库里面存放的是加密后的密码,这样有一个比较安全的地方在于,即使黑客将用户输入的文本密码得到了,也不知道具体是什么,因为密码是经过加密的。今天就简单的...
2018-05-15 15:36:56 84049 11
原创 简单介绍下阿里云的H5滑动验证+H5示例源码
我承认我是很菜,不过还好我喜欢看别人的源码,看过以后我还喜欢分享出来,给你们也看看,不要觉得我很伟大, 事实上我就是那么伟大(滚犊子,还写不写了),嗯,好的,下面开始。效果预览:这是用的阿里云的组件做的,源码是这样的:<!DOCTYPE html><html><head> <meta charset="utf-8"/> <m...
2018-05-08 15:47:22 7669 3
原创 简单了解下UEditor的使用
目前网上的富文本编辑器多的可以说是数不胜数,但是百度的UEditor可以算是其中的佼佼者,今天就简单的了解一下这款富文本编辑器。下载:点击打开链接其实几乎所有的富文本编辑器都是一样的模子,下载的时候分为好几个版本的,您可以根据需要自己下载对应的版本,其中有一个源码的版本是集成了所有的版本,相对的文件比较大一些,如图所示:下载好了解压以后是这样的:想要看效果很简单,创建一个demo.html,代码是...
2018-05-07 16:21:30 382
原创 纯JS写一个win屏幕保护_奔跑的小球
效果预览:这是我在网上看到的一个效果,觉得还是很不错的,就研究了一下源码,今天给大家分享一下,其实也很简单。简单的简述一下原理:首先是用css在dom创建的div里面画一个若干个圆,圆的大小是随机数,圆的数量也是随机设置的,当然颜色也是随机的,最后是移动速度,然后拿到屏幕的宽高,下一步就是让小球运动起来,达到边界值的时候就改变方向,循环执行fn的运动的函数。源码: .ball { ...
2018-05-03 10:50:35 1188
二维码合成海报基于canvas实现
2023-03-11
前端开发-canvas-图片缩放
2022-05-30
前端实现-canvas-图片的拖动
2022-05-30
Export2Zip.js
2020-07-01
加班熬夜改bug不应该觉得是耻辱吗?
2023-01-31
js执行结果疑问,需要解答
2022-09-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人