dkz10838-优快云博客

转载使用 html2canvas 实现浏览器截图

基于上一篇《h5 本地上传图片预览源码下载》，今天分享一个图片上传后，根据所上传的图片颜值随机生成一个答案，并且可以生成一张专属于自己的名片。首先上传预览我们已经实现了，所以接下来我们只需要实现浏览器截图功能就可以了。目前最流行的应该是 html2canvas.js 了，很多微信里面测试小游戏都是用的这个插件写的。因为非常的简单易于操作。所以今天哦我们也一起分享一下如何...

2018-07-11 10:08:00 208

转载中国省市区地址三级联动jQuery插件案例下载

中国省市区地址三级联动jQuery插件案例下载distpicker是一款可以实现中国省市区地址三级联动jQuery插件。它使用简单，简单设置即可完成中国省市区地址联动效果。安装可以通过npm或bower来安装该三级联动插件。npm install distpickerbower install distpicker使用方法HTML结...

2017-06-26 10:54:00 318

转载 swiper 、css3制作移动端网站，折叠导航

swiper 、css3制作移动端网站，折叠导航前几天公司要更新改版移动端的官网，由于网站本身没有多少内容，所以设计师就做成了整屏滑动的样子，起初我并没有看设计稿就一口答应了，拿到手后发现了几个问题让我不知道选用fullpage还是选择swiper来写这个项目。下图就是这个项目完成的效果。问题1：整屏滑动两个插件都可以用，但是移动端用swiper偏多的问题2：网...

2017-06-26 10:43:00 458

转载 h5、jq 移动端评论点攒功能

h5、jq 移动端评论点攒功能平时做的项目中大部分都会涉及到评论的功能，之前用angular写的项目，功能写起来很方便，但是对于一个单页来说，angular有点大材小用了，所有今天分享一个关于jq制作评论点赞的移动端展示功能。效果如下图：关于效果就是上图所示，现在分析一下代码的部分吧！html部分<ul id="comments_list">...

2017-06-26 10:34:00 377

转载 js 数字递增特效仿支付宝我的财富 HTML5

上周五应着公司临时需求，一天的时间解决掉官网（ps：比较简单哈哈），需求里面有一个特效就是数字递增到指定的数值，其实JS写也不复杂的，但是我发现一个js小插件，这个插件轻巧简单，用起来也非常简单实用。在这里分享给小盆友们吧，喜欢的直接拿走。上面就是这个插件的效果，我们来看一下怎么使用的吧第一： HTML部分这里简单列举一个 <div class="cou...

2017-05-02 14:46:00 430

转载 jquery使用CSS3实现文字动画效果插件Textillate.js

Textillate是一款基于jquery的使用CSS3实现文字动画的小巧插件。Textillate.js集成了一些很棒的使用CSS3动画效果的JavaScript库，您可非常轻轻松地把这些动画效果应该于网页中的任何文字。Textillate下载案例演示使用方法引入核心文件<link href="assets/animate...

2017-04-24 15:32:00 323

转载 aos.js超赞页面滚动元素动画jQuery动画库

插件描述：aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时，元素会恢复到原来的状态。简要教程aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时...

2017-04-21 11:24:00 149

转载简洁AngularJS框架后台管理系统bootstrap后台模板

最近在做一个后台管理的项目，但是没有设计图完全，所以就发现一款非常不错的模版。这个模版是基于AngularJS和bootstrap的后台管理系统模版。Minovate是AngularJS高级管理系统模板。它建造在流行的Twitter Bootstrapv3框架上。Minovate完全基于HTML5 + CSS3标准。是充分响应的支持每一个设备和浏览器。Minovat...

2017-01-12 10:38:00 636

转载 Ionic 的 ng-class 在聊天功能上面的巧妙运用

很多人在问我是ionic好呢？还是react好呢？其实我只想告诉你去看文档啊，不用用怎么知道哪个合适呢？嘿嘿但是真的这么问的时候我也不会这么回答的，那岂不是太张狂了哈哈哈react我确实没有用过，所以今天不多做什么评价。但是ionic我在项目中一直用着，想说的是确实很好用。上一篇文章我们介绍了css3实现聊天界面的布局。那么今天我们就来学习一下，如何在页面进行数据交互。...

2016-09-27 16:57:00 186

转载 CSS3 仿微信聊天小气泡

今天给大家分享一个我刚做的项目中的一个小案例，因为我们在做一个聊天的功能，之前的聊天页面UI很丑，我就不在这里展示给大家了。现在就教大家怎么用css3制作一个和微信聊天界面一样的页面。首先给大家看看页面的样子吧，如下图所示：小月博客仿微信聊天界面页面大致就是这个样子，接下来我们来一起学习制作步骤吧。第一部分： HTML<div class="l...

2016-09-22 14:22:00 207

转载 PHP实现微信公众平台开发全套视频资源下载

好久没有在博客园更新东西了,今天给大家分享一份比较不错的视频学习资源吧. 主要是关于PHP实现微信公众平台开发,不知道大家对于微信平台的开发有多少了解,那么今天就从基础开始吧,资源目录如下(PS :适各自的能力去看吧!)第一部分:PHP实现微信公众平台开发—基础篇(下载请点击)注: 本课程作为学习微信开发的基础课程，详细介绍了微信开发的准备条件，以及如何申请一个...

2016-09-19 17:53:00 197

转载 ionic单页面应用中微信分享的问题总结

首先说一下ionic是单页面应用,也就是说整个项目就有一个index.html, 那么问题就就来了, 如果我们不同的页面要分享给大家的是不同的链接和图片,应该怎么去做呢? 这就是我们今天要总结的东西. 今天这个问题真是闹得我心烦,有必要总结下来了.学习重点：微信分享方法巧妙封装监听路由事件$rootScope.$on举一反三微信分享关于微信分享，大...

2016-08-15 17:44:00 155

转载 css实现强制不换行/自动换行/强制换行

在我们日常的编码中经常会遇到这段文字不可以换行，或者自动换行的需求。虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧（至少小月是很懒惰的从来是用什么查什么♦嘻嘻。。。）。今天我们来学习一下如何熟练的掌握用css实现文字的强制不换行/自动换行/强制换行的方法。需要的伙伴们可以来一起学习哦！1. 强制不换行div{ white-space:...

2016-07-25 15:00:00 407

转载就让我们，晚点在一起。然后一辈子。

真的好久没有写文章了，又是一个懒散的午后，或许是天气的缘故心情很是低沉。以至于我闲着去翻我男朋友的QQ空间。突然看到曾经分享的一片文章。在这里感谢亲爱的你教我学会包容和珍惜！很感动有一句话写的也非常好：假如我们一直有默契，假如我们一路有默契，那时光再长又有什么关系。我喜欢有感觉的文字。写的现实而温暖。带上你的耳机闭上眼睛来静静聆听这篇《就让我们，晚点在一起。然后一辈子。》...

2016-07-12 10:00:00 147

转载当你的才华还撑不起你的野心时，就应该静下心来学习

大早上起来打开网站，看到很多昨天分享关于面试题文章的评论，顿时心情不爽。本想依依反驳，却感觉打字无力。因为我有什么理由去反驳那些评论呢？所以我选择沉默！只想告诉自己：当你的才华还撑不起你的野心时，就应该静下心来学习！当你的才华还撑不起你的野心时，就应该静下心来学习！当你的才华还撑不起你的野心时，就应该静下心来学习！当你的才华还撑不起你的野心时，就应该静下心来学习！...

2016-06-24 06:57:00 167

转载前端面试题之 JavaScript

昨天我们一起分享了关于html和css的面试题《前端面试题之Html和CSS》，今天我们来分享关于javascript有关的面试题。我面试的时候最害怕面试官问我js了，因为我真心不擅长这个。不过我在努力的学习中。本宝宝第一次面试的时候比这个还紧张呢！！！1.介绍js的基本数据类型Undefined、Null、Boolean、Number、String2.js有哪些内置...

2016-06-23 14:57:00 99

转载前端面试题之Html和CSS

又到了毕业季，很多小伙伴们都到了找工作的时候了，好多小伙伴问我有前端的面试题么？答：没有。呃呃… …小伙伴本宝宝真的没有骗你们，我从毕业到现在一直在一家公司没有换过，所以手里压根没有面试题。我们公司招聘也压根不需要什么面试题。因为那些都是可以百度的哈哈。但是大部分公司还是有面试题的，所以征求大家意见后总结一下关于前端的面试题。今天我们分享关于Html和CSS部分的。1. ...

2016-06-22 17:20:00 218

转载【小月博客】用HTML5的File API做上传图片预览功能

前段时间做了一个项目，涉及到上传本地图片以及预览的功能，正好之前了解过html5（点击查看更多关于web前端的有关资源）可以上传本地图片，然后再网上看了一些demo结合自己的需求，终于搞定了。（PS ：不得不承认我这个人有多懒，没有需求的时候我向来不主动去学习）。移动端完全支持哦！已测试。下面给大家看看代码吧怎么实现的第一：HTLM部分（这里不去做漂亮的样式了我们注...

2016-06-13 13:24:00 220

转载【小月博客】 Html5 上传图片移动端、PC端通用

在博客园注册账号有些天了，感觉有些许欣慰，自己写的东西有人在看，有人在评论很是开心。（ps：满足一下虚荣心吧！）废话不多说了，说一下今天给大家分享的是 html5上传图片。我们是在移动端使用的，但是这个在pc上也通用兼容性我只在谷歌测试过。之前一直用的angular写的《用HTML5的File API做上传图片预览能》。今天摒弃angular的东西分享一个html5 + js 图片...

2016-06-08 09:51:00 137

转载 JS 百度地图导航

上一篇文章中我们就简单的学习了HTML5 地理定位，那么今天告诉大家我在项目中遇到的一个问题吧，就是怎么实现点击一个按钮就可以调到百度地图，并且获取到你当前的位置，并且导航到指定的地方去。不想看步骤的可以直接下载DEMO 下载一、获取目的地坐标打开百度地图API 鼠标点击拾取坐标网页，http://api.map.baidu.com/lbsapi/getpoint/index...

2016-06-07 11:51:00 164

转载什么是Angular? 我们为什么要学习它？

在我更新Ionic的时候有人问我什么是 Angular，我们为什么要学习它啊？这个是我的疏忽了，在没有告诉你们什么是 Angular 的时候就让大家着手去学习 Ionic 。那么今天就让我们认识一下什么是Angular ，我们又为什么要去学习它。AngularJS最初由Misko Hevery 和Adam Abrons于2009年开发，后来成为了Google公司的项目。Angu...

2016-06-06 13:04:00 144

转载 Html5实现移动端、PC端刮刮卡效果

刚从南方回来就分了一个刮刮卡效果的页面，特么的我在烦恼怎么用H5去实现这个效果呢，好不容易写出来了，产品居然说：“既然你可以写出来这个效果那当然好了，开始我只是打算让你实现点击就出现呢！”… … 尼玛干嘛不早说呢？？？？？真是自找麻烦。既然写了就分享给大家吧，这个效果其实很早就有了，只是我们不常用到罢了。H5的Canvas我很坦然的说我不会。但是既然工作上需要就需要学习一下了。虽然有de...

2016-06-06 12:02:00 366

转载 CSS 高级技巧汇总

在我们平时写代码的时候没有没有掌握一些CSS技巧呢？今天给大家分享一个《CSS 高级技巧汇总让你的代码简洁高效》。大家务必掌握这些小技巧，会让你非常高效率的写出网页的。◆使用:not()在菜单上应用/取消应用边框先给每一个菜单项添加边框/* add border */.nav li { border-right: 1px solid #666;...

2016-06-06 10:59:00 109

转载 CSS3轻松实现清新 Loading 效果

至今HTML5中国已经为大家分享过几百种基于CSS3的Loading加载动画，效果酷炫代码简洁，非常值得学习借鉴;今天就先给大家分享两个常用的CSS3的Loading的案例。第一种效果：HTML部分1 <div class="loading">2 <span></span>3 <span>...

2016-06-06 10:39:00 101

转载 CSS3制作漂亮的照片墙

CSS3可以做动画大家肯定都是耳熟能详的了，但是大家有木有巧妙的利用这一个功能来制作一款漂亮的照片墙呢？那么今天我们就利用CSS3动画这一特性来一起制作漂亮的照片墙吧！第一部分：HTML这里我们首先放十张图片在页面上面。（有什么靓照尽管上来哦！）<div class="content"> <img class="pic1" src="i...

2016-06-03 15:07:00 222

转载【转载】 ionic 的下拉刷新与上拉加载

这篇文章是讲解 Ioinc中怎么实现下拉刷新和上拉加载的。也是我们日常做项目是必不可少的功能。有兴趣的小伙伴可以来学习一下。更多关于 IONIC 的资源：http://www.aliyue.net/?s=ionicHTML部分 1 <ion-view view-title="消息通知"> 2 <ion-content class="paddi...

2016-06-03 14:42:00 113

转载移动 Web 开发技巧之（后续）

昨天的《移动 Web 开发技巧》的这篇文章，大家反响不错，因为这些问题在大家日常写移动端的页面时经常遇到的。所以那个文章还是超级实用的，那么我们今天继续来分享一下移动端的web开发技巧吧，希望对大家有所帮助。PS：不要让小伙伴第一次写移动端像下面这位一脸的蒙逼哈哈… …第一、启用 WebApp 全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器...

2016-06-03 13:18:00 111

转载移动 Web 开发技巧

最近一直有人问，移动端的页面怎么写啊？要注意什么啊？和PC页面有什么区别？…… 就会有很多的疑问。其实要我回答这些问题可能也不知道怎么回答小伙伴。我也没有专门学习过移动端的制作，大部分都是工作后慢慢捉摸的。今天给大家分享一些移动端 web 开发的小技巧吧！一、移动端手机号码的识别在 iOS Safari （其他浏览器和Android均不会）上会对那些看起来像是电话号码的...

2016-06-03 10:32:00 57

转载老男孩linux高级架构百度云盘下载

关于Linux的资源我了解还是比较少的，因为我最讨厌用命令行了（那是我大学时代的阴影啊！）。这个资源收集很久了一直没有分享出来，因为我对Linux的了解真的很少，不知道怎么去描述，但是今天分享出来我想让跟我一样不太懂的和想学习一下Linux的小伙伴一起学习。直接点击小就可以下载哦！├─lesson01-Svn版本管理与代码上线架构方案├─les...

2016-06-03 10:26:00 574

dkz10838的博客