<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>HTML5 on 领风沐雨</title><link>https://blog.zdltech.com/categories/html5/</link><description>Recent content in HTML5 on 领风沐雨</description><generator>Hugo</generator><language>zh-cn</language><lastBuildDate>Tue, 14 Jan 2020 02:21:07 +0000</lastBuildDate><atom:link href="https://blog.zdltech.com/categories/html5/index.xml" rel="self" type="application/rss+xml"/><item><title>表格标签css固定列的方案</title><link>https://blog.zdltech.com/posts/%E8%A1%A8%E6%A0%BC%E6%A0%87%E7%AD%BEcss%E5%9B%BA%E5%AE%9A%E5%88%97%E7%9A%84%E6%96%B9%E6%A1%88/</link><pubDate>Tue, 14 Jan 2020 02:21:07 +0000</pubDate><guid>https://blog.zdltech.com/posts/%E8%A1%A8%E6%A0%BC%E6%A0%87%E7%AD%BEcss%E5%9B%BA%E5%AE%9A%E5%88%97%E7%9A%84%E6%96%B9%E6%A1%88/</guid><description>html中表格标签css固定列方案，table固定最后一列，table固定第一列 ![](https://img-blog.csdnimg.cn/2018111312575770.gif) #### **CSS样式**： {.wp-block-heading} ``` &amp;amp;lt;style&amp;gt; tabl...</description></item><item><title>LayUI实战之layui-layer.open使用</title><link>https://blog.zdltech.com/posts/layui-shi-zhan-zhilayuilayeropen-shi-yong/</link><pubDate>Fri, 03 Jan 2020 06:49:24 +0000</pubDate><guid>https://blog.zdltech.com/posts/layui-shi-zhan-zhilayuilayeropen-shi-yong/</guid><description>### LayUI实战之layui.layer.open使用 {#toc_0} &amp;gt; 有时候我们有这么一种需求，在开发表单界面的时候，有一行指定用户需求时，需要查询用户，由于用户是独立的表和模块，数据量大的时候， &amp;gt; &amp;gt; 我们不能一次查找所有数据，放到Select中供用户进行选择，这时候基本上都会需要...</description></item><item><title>webpack 简单使用</title><link>https://blog.zdltech.com/posts/webpack-jian-dan-shi-yong/</link><pubDate>Fri, 13 Dec 2019 09:41:44 +0000</pubDate><guid>https://blog.zdltech.com/posts/webpack-jian-dan-shi-yong/</guid><description>### webpack 简单使用 {#toc_0} &amp;gt; webpack是目前前端开发最流行的打包工具之一，今天就一步一步构建 #### 初始化npm工程 {#toc_1} &amp;gt; npm init 创建npm 工程 根据自己的需求进行配置项目 #### 添加webpack 依赖 {#toc_2} &amp;gt; n...</description></item><item><title>后管模版整理</title><link>https://blog.zdltech.com/posts/%E5%90%8E%E7%AE%A1%E6%A8%A1%E7%89%88%E6%95%B4%E7%90%86/</link><pubDate>Sun, 12 Aug 2018 02:13:01 +0000</pubDate><guid>https://blog.zdltech.com/posts/%E5%90%8E%E7%AE%A1%E6%A8%A1%E7%89%88%E6%95%B4%E7%90%86/</guid><description># Bootstrap **Adminlte** 项目：[https://github.com/almasaeed2&amp;amp;#8230;](https://github.com/almasaeed2010/AdminLTE) 演示：[https://adminlte.io/themes/Ad&amp;amp;#8230;...</description></item><item><title>React Native入门学习</title><link>https://blog.zdltech.com/posts/react-native-ru-men-xue-xi/</link><pubDate>Fri, 23 Sep 2016 14:42:58 +0000</pubDate><guid>https://blog.zdltech.com/posts/react-native-ru-men-xue-xi/</guid><description>## 学习网站 {#toc_0} * * ## 环境搭建 {#toc_1} * 安装HomeBrew（brew -v查看brew） * 安装NodeJS （brew install NVM,nvm install node &amp;amp;&amp;amp; nvm alias default node） * 安装 watchm...</description></item><item><title>10大H5前端框架</title><link>https://blog.zdltech.com/posts/10%E5%A4%A7h5%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/</link><pubDate>Thu, 04 Aug 2016 02:08:01 +0000</pubDate><guid>https://blog.zdltech.com/posts/10%E5%A4%A7h5%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/</guid><description>作为一名做为在前端死缠烂打6年并且懒到不行的攻城士，这几年我还是阅过很多同门从知名到很知名的各种前端框架，本来想拿15-20个框架来分享一下，但在跟几个前辈讨教写文章的技巧时果断被无情的打击了，所以这里我还是低调的只拿出10个框架来个大锅乱炖来简单介绍，凑够字数也就全剧终了。 原本写这篇文章想围绕着...</description></item><item><title>WebSocket心跳实现</title><link>https://blog.zdltech.com/posts/websocket%E5%BF%83%E8%B7%B3%E5%AE%9E%E7%8E%B0/</link><pubDate>Mon, 04 Jul 2016 09:43:19 +0000</pubDate><guid>https://blog.zdltech.com/posts/websocket%E5%BF%83%E8%B7%B3%E5%AE%9E%E7%8E%B0/</guid><description>//间隔发送心跳包数据给服务器，服务器在一定时间内发回心跳包响应，对比超时限定，如果超过设定的超时时间，则认为当前与服务器的websocket连接已经断开，关闭当前web socket连接，善后处理，例如重新连接，或者弹出提示…… function keepalive(ws) { var time ...</description></item><item><title>移动端前端UI库—Frozen UI、WeUI、SUI Mobile</title><link>https://blog.zdltech.com/posts/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%89%8D%E7%AB%AFui%E5%BA%93-frozen-uiweuisui-mobile/</link><pubDate>Tue, 16 Feb 2016 03:10:54 +0000</pubDate><guid>https://blog.zdltech.com/posts/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%89%8D%E7%AB%AFui%E5%BA%93-frozen-uiweuisui-mobile/</guid><description>#### Frozen UI &amp;gt; 自述：简单易用，轻量快捷，为移动端服务的前端框架。 &amp;gt; &amp;gt; 主页：http://frozenui.github.io/ &amp;gt; &amp;gt; 开发团队：QQVIP FD Team &amp;gt; &amp;gt; Github：https://github.com/frozenui/frozenui &amp;gt; ...</description></item><item><title>UEditor插入的图片自适应编辑框大小 点击图片不出现拉伸缩放边框</title><link>https://blog.zdltech.com/posts/ueditor%E6%8F%92%E5%85%A5%E7%9A%84%E5%9B%BE%E7%89%87%E8%87%AA%E9%80%82%E5%BA%94%E7%BC%96%E8%BE%91%E6%A1%86%E5%A4%A7%E5%B0%8F-%E7%82%B9%E5%87%BB%E5%9B%BE%E7%89%87%E4%B8%8D%E5%87%BA%E7%8E%B0%E6%8B%89/</link><pubDate>Sat, 14 Feb 2015 14:03:36 +0000</pubDate><guid>https://blog.zdltech.com/posts/ueditor%E6%8F%92%E5%85%A5%E7%9A%84%E5%9B%BE%E7%89%87%E8%87%AA%E9%80%82%E5%BA%94%E7%BC%96%E8%BE%91%E6%A1%86%E5%A4%A7%E5%B0%8F-%E7%82%B9%E5%87%BB%E5%9B%BE%E7%89%87%E4%B8%8D%E5%87%BA%E7%8E%B0%E6%8B%89/</guid><description>从ueditor.config.js可以看到这些，但是这些修改了，还是不行。 ``` ,compressSide:1 //等比压缩的基准，确定maxImageSideLength参数的参照对象。0为按照最长边，1为按照宽度，2为按照高度 //scaleEnabled //是否可以拉伸长高,默认tru...</description></item><item><title>jQuery Mobile实现搜索框（图） </title><link>https://blog.zdltech.com/posts/jquery-mobile%E5%AE%9E%E7%8E%B0%E6%90%9C%E7%B4%A2%E6%A1%86%E5%9B%BE/</link><pubDate>Tue, 10 Feb 2015 06:56:15 +0000</pubDate><guid>https://blog.zdltech.com/posts/jquery-mobile%E5%AE%9E%E7%8E%B0%E6%90%9C%E7%B4%A2%E6%A1%86%E5%9B%BE/</guid><description>Part1: ![jQuery Mobile实现搜索框（图） - 东辰 - 我的博客](http://img1.ph.126.net/HQno7VSqxkMxHqHi__R9Ug==/6608266093561976161.png) # jQuery Mobile ### Search Input ...</description></item><item><title>jquery mobile + iscroll + iscrollview 开发滚动翻页功能</title><link>https://blog.zdltech.com/posts/jquery-mobile-iscroll-iscrollview-%E5%BC%80%E5%8F%91%E6%BB%9A%E5%8A%A8%E7%BF%BB%E9%A1%B5%E5%8A%9F%E8%83%BD/</link><pubDate>Tue, 10 Feb 2015 06:44:35 +0000</pubDate><guid>https://blog.zdltech.com/posts/jquery-mobile-iscroll-iscrollview-%E5%BC%80%E5%8F%91%E6%BB%9A%E5%8A%A8%E7%BF%BB%E9%A1%B5%E5%8A%9F%E8%83%BD/</guid><description>刚开始项目只是选择了iscroll框架实现滚动翻页，后来和jquery mobile（jqm）框架整合后，界面没法使用 在网上搜索了很多资料，各种尝试后还是问题很多。最后在老外的网站上发现了jquery-mobile-iscrollview框架，用于整合jquery mobile和iscroll的一...</description></item><item><title>js实现倒计时</title><link>https://blog.zdltech.com/posts/js%E5%AE%9E%E7%8E%B0%E5%80%92%E8%AE%A1%E6%97%B6/</link><pubDate>Mon, 01 Dec 2014 02:36:08 +0000</pubDate><guid>https://blog.zdltech.com/posts/js%E5%AE%9E%E7%8E%B0%E5%80%92%E8%AE%A1%E6%97%B6/</guid><description>- html&amp;gt; - head&amp;gt; - title&amp;gt;倒计时title&amp;gt; - - style type= &amp;amp;#8220;text/css&amp;amp;#8221;&amp;gt; - .daojishi h2 - { - font-family:Helvetica, Microsoft YaHei, Arial, sans-ser...</description></item><item><title>折腾：2颗星星+纯CSS实现星星评分交互效果</title><link>https://blog.zdltech.com/posts/%E6%8A%98%E8%85%BE2%E9%A2%97%E6%98%9F%E6%98%9F%E7%BA%AFcss%E5%AE%9E%E7%8E%B0%E6%98%9F%E6%98%9F%E8%AF%84%E5%88%86%E4%BA%A4%E4%BA%92%E6%95%88%E6%9E%9C/</link><pubDate>Mon, 01 Dec 2014 01:46:01 +0000</pubDate><guid>https://blog.zdltech.com/posts/%E6%8A%98%E8%85%BE2%E9%A2%97%E6%98%9F%E6%98%9F%E7%BA%AFcss%E5%AE%9E%E7%8E%B0%E6%98%9F%E6%98%9F%E8%AF%84%E5%88%86%E4%BA%A4%E4%BA%92%E6%95%88%E6%9E%9C/</guid><description>转自：[http://www.zhangxinxu.com/wordpress/?p=3568](http://www.zhangxinxu.com/wordpress/?p=3568) ### 一、星星点灯，照亮我的家门 大家都喜欢听故事。 每篇文章也都是有故事的。 今天的故事是与星星相关的。 没...</description></item><item><title>Jquery mobile 新手问题总汇</title><link>https://blog.zdltech.com/posts/jquery-mobile-%E6%96%B0%E6%89%8B%E9%97%AE%E9%A2%98%E6%80%BB%E6%B1%87/</link><pubDate>Sat, 29 Nov 2014 14:16:29 +0000</pubDate><guid>https://blog.zdltech.com/posts/jquery-mobile-%E6%96%B0%E6%89%8B%E9%97%AE%E9%A2%98%E6%80%BB%E6%B1%87/</guid><description>``` Jquery Mobile中的自定义对话框 http://dev.jtsage.com/jQM-SimpleDialog/demos2/button.html 设置按钮的点击和划过的效果 &amp;amp;lt;!DOCTYPE html PUBLIC &amp;#34;-//W3C//DTD XHTML 1.0 Tran...</description></item></channel></rss>