<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[dkz10838的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/dkz10838</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; dkz10838]]></copyright><item><title><![CDATA[使用 html2canvas 实现浏览器截图]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840062</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840062</guid><author>dkz10838</author><pubDate>Wed, 11 Jul 2018 10:08:00 +0800</pubDate><description><![CDATA[基于上一篇《h5 本地上传图片预览 源码下载》，今天分享一个图片上传后， 根据所上传的图片颜值随机生成一个答案， 并且可以生成一张专属于自己的名片。
首先上传预览我们已经实现了， 所以接下来我们只需要实现浏览器截图功能就可以了。 目前最流行的应该是 html2canvas.js 了， 很多微信里面测试小游戏都是用的这个插件写的。 因为非常的简单易于操作。所以今天哦我们也一起分享一下如何...]]></description><category></category></item><item><title><![CDATA[中国省市区地址三级联动jQuery插件 案例下载]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840063</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840063</guid><author>dkz10838</author><pubDate>Mon, 26 Jun 2017 10:54:00 +0800</pubDate><description><![CDATA[中国省市区地址三级联动jQuery插件 案例下载
distpicker是一款可以实现中国省市区地址三级联动jQuery插件。它使用简单，简单设置即可完成中国省市区地址联动效果。
安装
可以通过npm或bower来安装该三级联动插件。


npm install distpicker
bower install distpicker



使用方法
HTML结...]]></description><category></category></item><item><title><![CDATA[swiper 、css3制作移动端网站，折叠导航]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840061</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840061</guid><author>dkz10838</author><pubDate>Mon, 26 Jun 2017 10:43:00 +0800</pubDate><description><![CDATA[swiper 、css3制作移动端网站，折叠导航
前几天公司要更新改版移动端的官网，由于网站本身没有多少内容，所以设计师就做成了整屏滑动的样子，起初我并没有看设计稿就一口答应了，拿到手后发现了几个问题让我不知道选用fullpage还是选择swiper来写这个项目。下图就是这个项目完成的效果。



问题1：整屏滑动两个插件都可以用，但是移动端用swiper偏多的
问题2：网...]]></description><category></category></item><item><title><![CDATA[h5、jq 移动端评论点攒功能]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840060</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840060</guid><author>dkz10838</author><pubDate>Mon, 26 Jun 2017 10:34:00 +0800</pubDate><description><![CDATA[h5、jq 移动端评论点攒功能
平时做的项目中大部分都会涉及到评论的功能，之前用angular写的项目，功能写起来很方便，但是对于一个单页来说，angular有点大材小用了，所有今天分享一个关于jq制作评论点赞的移动端展示功能。
效果如下图：


关于效果就是上图所示，现在分析一下代码的部分吧！
html部分

&lt;ul id="comments_list"&gt;...]]></description><category></category></item><item><title><![CDATA[js 数字递增特效 仿支付宝我的财富 HTML5]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840058</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840058</guid><author>dkz10838</author><pubDate>Tue, 02 May 2017 14:46:00 +0800</pubDate><description><![CDATA[上周五应着公司临时需求，一天的时间解决掉官网（ps：比较简单哈哈），需求里面有一个特效就是数字递增到指定的数值，其实JS写也不复杂的，但是我发现一个js小插件，这个插件轻巧简单，用起来也非常简单实用。在这里分享给小盆友们吧，喜欢的直接拿走。


上面就是这个插件的效果，我们来看一下怎么使用的吧
第一： HTML部分这里简单列举一个

 &lt;div class="cou...]]></description><category></category></item><item><title><![CDATA[jquery使用CSS3实现文字动画效果插件Textillate.js]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840059</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840059</guid><author>dkz10838</author><pubDate>Mon, 24 Apr 2017 15:32:00 +0800</pubDate><description><![CDATA[Textillate是一款基于jquery的使用CSS3实现文字动画的小巧插件。Textillate.js集成了一些很棒的使用CSS3动画效果的JavaScript库，您可非常轻轻松地把这些动画效果应该于网页中的任何文字。

Textillate下载  案例演示

使用方法
引入核心文件

&lt;link href="assets/animate...]]></description><category></category></item><item><title><![CDATA[aos.js超赞页面滚动元素动画jQuery动画库]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840056</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840056</guid><author>dkz10838</author><pubDate>Fri, 21 Apr 2017 11:24:00 +0800</pubDate><description><![CDATA[插件描述：aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时，元素会恢复到原来的状态。

简要教程
aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时...]]></description><category></category></item><item><title><![CDATA[简洁AngularJS框架后台管理系统bootstrap后台模板]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840057</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840057</guid><author>dkz10838</author><pubDate>Thu, 12 Jan 2017 10:38:00 +0800</pubDate><description><![CDATA[最近在做一个后台管理的项目，但是没有设计图完全，所以就发现一款非常不错的模版。 这个模版是基于AngularJS和bootstrap的后台管理系统模版。
Minovate是AngularJS高级管理系统模板。它建造在流行的Twitter Bootstrapv3框架上。Minovate完全基于HTML5 + CSS3标准。是充分响应的支持每一个设备和浏览器。
Minovat...]]></description><category></category></item><item><title><![CDATA[Ionic 的 ng-class 在聊天功能上面的巧妙运用]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840054</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840054</guid><author>dkz10838</author><pubDate>Tue, 27 Sep 2016 16:57:00 +0800</pubDate><description><![CDATA[很多人在问我是ionic好呢？还是react好呢？ 其实我只想告诉你去看文档啊，不用用怎么知道哪个合适呢？ 嘿嘿但是真的这么问的时候我也不会这么回答的，那岂不是太张狂了哈哈哈
react我确实没有用过，所以今天不多做什么评价。但是ionic我在项目中一直用着，想说的是确实很好用。
上一篇文章我们介绍了css3实现聊天界面的布局。那么今天我们就来学习一下，如何在页面进行数据交互。
...]]></description><category></category></item><item><title><![CDATA[CSS3 仿微信聊天小气泡]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840052</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840052</guid><author>dkz10838</author><pubDate>Thu, 22 Sep 2016 14:22:00 +0800</pubDate><description><![CDATA[今天给大家分享一个我刚做的项目中的一个小案例， 因为我们在做一个聊天的功能，之前的聊天页面UI很丑，我就不在这里展示给大家了。
现在就教大家怎么用css3制作一个和微信聊天界面一样的页面。
首先给大家看看页面的样子吧，如下图所示：

小月博客仿微信聊天界面

页面大致就是这个样子，接下来我们来一起学习制作步骤吧。
第一部分： HTML

&lt;div class="l...]]></description><category></category></item><item><title><![CDATA[PHP实现微信公众平台开发 全套视频资源下载]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840055</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840055</guid><author>dkz10838</author><pubDate>Mon, 19 Sep 2016 17:53:00 +0800</pubDate><description><![CDATA[好久没有在博客园更新东西了,今天给大家分享一份比较不错的视频学习资源吧. 主要是关于PHP实现微信公众平台开发,
不知道大家对于微信平台的开发有多少了解,那么今天就从基础开始吧,资源目录如下(PS :适各自的能力去看吧!)

第一部分:
PHP实现微信公众平台开发—基础篇(下载请点击)
注: 本课程作为学习微信开发的基础课程，详细介绍了微信开发的准备条件，以及如何申请一个...]]></description><category></category></item><item><title><![CDATA[ionic单页面应用中微信分享的问题总结]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101839992</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101839992</guid><author>dkz10838</author><pubDate>Mon, 15 Aug 2016 17:44:00 +0800</pubDate><description><![CDATA[首先说一下ionic是单页面应用,也就是说整个项目就有一个index.html, 那么问题就就来了, 如果我们不同的页面要分享给大家的是不同的链接和图片,应该怎么去做呢? 这就是我们今天要总结的东西. 今天这个问题真是闹得我心烦,有必要总结下来了.
学习重点：

微信分享方法巧妙封装
监听路由事件$rootScope.$on
举一反三


微信分享
关于微信分享，大...]]></description><category></category></item><item><title><![CDATA[css实现强制不换行/自动换行/强制换行]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840050</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840050</guid><author>dkz10838</author><pubDate>Mon, 25 Jul 2016 15:00:00 +0800</pubDate><description><![CDATA[在我们日常的编码中经常会遇到这段文字不可以换行，或者自动换行的需求。虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧（至少小月是很懒惰的从来是用什么查什么♦嘻嘻。。。）。今天我们来学习一下如何熟练的掌握用css实现文字的强制不换行/自动换行/强制换行的方法。需要的伙伴们可以来一起学习哦！

1. 强制不换行

div{
    white-space:...]]></description><category></category></item><item><title><![CDATA[就让我们，晚点在一起。然后一辈子。]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840051</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840051</guid><author>dkz10838</author><pubDate>Tue, 12 Jul 2016 10:00:00 +0800</pubDate><description><![CDATA[真的好久没有写文章了，又是一个懒散的午后，或许是天气的缘故心情很是低沉。以至于我闲着去翻我男朋友的QQ空间。突然看到曾经分享的一片文章。在这里感谢亲爱的你教我学会包容和珍惜！
很感动有一句话写的也非常好： 假如我们一直有默契，假如我们一路有默契，那时光再长又有什么关系。我喜欢有感觉的文字。写的现实而温暖。带上你的耳机闭上眼睛来静静聆听这篇《就让我们，晚点在一起。然后一辈子。》
...]]></description><category></category></item><item><title><![CDATA[当你的才华还撑不起你的野心时，就应该静下心来学习]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840053</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840053</guid><author>dkz10838</author><pubDate>Fri, 24 Jun 2016 06:57:00 +0800</pubDate><description><![CDATA[大早上起来打开网站，看到很多昨天分享关于面试题文章的评论，顿时心情不爽。本想依依反驳，却感觉打字无力。因为我有什么理由去反驳那些评论呢？所以我选择沉默！
只想告诉自己：
当你的才华还撑不起你的野心时，就应该静下心来学习！
当你的才华还撑不起你的野心时，就应该静下心来学习！
当你的才华还撑不起你的野心时，就应该静下心来学习！
当你的才华还撑不起你的野心时，就应该静下心来学习！
...]]></description><category></category></item><item><title><![CDATA[前端面试题 之 JavaScript]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101839999</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101839999</guid><author>dkz10838</author><pubDate>Thu, 23 Jun 2016 14:57:00 +0800</pubDate><description><![CDATA[昨天我们一起分享了关于html和css的面试题《前端面试题之Html和CSS》，今天我们来分享关于javascript有关的面试题。我面试的时候最害怕面试官问我js了，因为我真心不擅长这个。不过我在努力的学习中。

本宝宝第一次面试的时候比这个还紧张呢！！！
1.介绍js的基本数据类型
Undefined、Null、Boolean、Number、String
2.js有哪些内置...]]></description><category></category></item><item><title><![CDATA[前端面试题之Html和CSS]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101839995</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101839995</guid><author>dkz10838</author><pubDate>Wed, 22 Jun 2016 17:20:00 +0800</pubDate><description><![CDATA[又到了毕业季，很多小伙伴们都到了找工作的时候了，好多小伙伴问我有前端的面试题么？答：没有。 呃呃… …
小伙伴本宝宝真的没有骗你们，我从毕业到现在一直在一家公司没有换过，所以手里压根没有面试题。我们公司招聘也压根不需要什么面试题。因为那些都是可以百度的哈哈。 但是大部分公司还是有面试题的，所以征求大家意见后总结一下关于前端的面试题。今天我们分享关于Html和CSS部分的。

1. ...]]></description><category></category></item><item><title><![CDATA[【小月博客】用HTML5的File API做上传图片预览功能]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101839994</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101839994</guid><author>dkz10838</author><pubDate>Mon, 13 Jun 2016 13:24:00 +0800</pubDate><description><![CDATA[前段时间做了一个项目，涉及到上传本地图片以及预览的功能，正好之前了解过html5（点击查看更多关于web前端的有关资源）可以上传本地图片，然后再网上看了一些demo结合自己的需求，终于搞定了。（PS ： 不得不承认我这个人有多懒，没有需求的时候我向来不主动去学习）。移动端完全支持哦！已测试。
下面给大家看看代码吧怎么实现的

第一：HTLM部分（这里不去做漂亮的样式了我们注...]]></description><category></category></item><item><title><![CDATA[【小月博客】 Html5 上传图片 移动端、PC端通用]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101839993</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101839993</guid><author>dkz10838</author><pubDate>Wed, 08 Jun 2016 09:51:00 +0800</pubDate><description><![CDATA[在博客园注册账号有些天了，感觉有些许欣慰，自己写的东西有人在看，有人在评论很是开心。（ps： 满足一下虚荣心吧！）
废话不多说了，说一下今天给大家分享的是 html5上传图片。我们是在移动端使用的，但是这个在pc上也通用兼容性我只在谷歌测试过。之前一直用的angular写的《用HTML5的File API做上传图片预览能》。今天摒弃angular的东西分享一个html5 + js 图片...]]></description><category></category></item><item><title><![CDATA[JS 百度地图导航]]></title><link>https://blog.youkuaiyun.com/dkz10838/article/details/101840048</link><guid>https://blog.youkuaiyun.com/dkz10838/article/details/101840048</guid><author>dkz10838</author><pubDate>Tue, 07 Jun 2016 11:51:00 +0800</pubDate><description><![CDATA[上一篇文章中我们就简单的学习了HTML5 地理定位，那么今天告诉大家我在项目中遇到的一个问题吧，就是怎么实现点击一个按钮就可以调到百度地图，并且获取到你当前的位置，并且导航到指定的地方去。
不想看步骤的可以直接下载DEMO 下载
一、获取目的地坐标
打开百度地图API 鼠标点击拾取坐标网页，http://api.map.baidu.com/lbsapi/getpoint/index...]]></description><category></category></item></channel></rss>