随笔分类 -  前端 / HTML&CSS

1 2 下一页
tailwindcss 选型，以及vue配置使用
摘要：一、为什么选择tailwindcss？ Tailwind CSS 是一个受欢迎的、功能丰富的CSS框架，它与传统的CSS框架（如Bootstrap）有些不同。以下是一些人们通常对于Tailwind CSS 的评价： 优点： 工具驱动的开发： Tailwind CSS 提供了一系列实用工具类，这些类可 阅读全文
posted @ 2023-08-14 15:11 优前程 阅读(1408) 评论(0) 推荐(1)
前端交互
摘要：之前写的关于交互的思考，原文链接 https://mp.weixin.qq.com/s/xQyjWxcARMgZfEkuAXpCGw 以下是一些延伸链接： 规范参考：https://www.zcool.com.cn/work/ZNDQyMzc3NTY=.html https://www.zcool. 阅读全文
posted @ 2023-08-04 15:56 优前程 阅读(29) 评论(0) 推荐(0)
各种flex布局，拿来即用用过的都说好
摘要：开发过程中，很多布局，用antd的栅格还是不灵活，flex弹性布局会更好用 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 容器属性 flex 阅读全文
posted @ 2019-10-28 15:37 优前程 阅读(603) 评论(0) 推荐(0)
常用css相关笔记
摘要：最后一个css不加样式 垂直居中 超出部分省略号 第一种方法，crome不兼容 第二种方法 a标签 无decoration 手势 图片transform 阅读全文
posted @ 2019-05-06 12:23 优前程 阅读(235) 评论(0) 推荐(0)
bootstrap fileinput批量上传图片和压缩包
只有注册用户登录后才能阅读该文。
posted @ 2018-12-11 15:45 优前程
网页上 滚动代码 最简单的
摘要：恭喜王**（电话136****5528）预约上海****医院就诊成功,稍后我们客服会联系您,请您保持电话畅通! 恭喜陈**（电话133****7521）预约武汉**医院就诊成功,稍后我们客服会联系您,请您保持电话畅通! 恭喜张**（电话177****8233）预约上海***医院就诊成功,稍后我们客服会联系您,请您保持电话畅通! 恭喜欧阳**（电话138****8546）预约广州**医院就... 阅读全文
posted @ 2017-12-08 11:42 优前程 阅读(431) 评论(0) 推荐(0)
eazyui 或bootstrap table表格里插入图片，点击查看大图
摘要：主要是formatter，之前bootstrap写过，今天写eazyui的，发现formatter也可以用 阅读全文
posted @ 2017-11-30 15:24 优前程 阅读(8731) 评论(2) 推荐(0)
前端CSS的基本素养
摘要：前端开发的三驾马车——html、css、js，先谈谈CSS CSS 前期：解决布局、特效、兼容问题 中级：网站风格的制定、色调、模块、布局方式、交互方式、逻辑设计等 高级：模块命名、类的命名、文件的组织、共用模块的提取、代码的复用、可读性、扩展性、维护性 CSS模块 1、Base（基础） 基础的样式 阅读全文
posted @ 2017-10-11 10:52 优前程 阅读(356) 评论(0) 推荐(0)
css3中的display：-webkit-box的用法
摘要：一、 css 二、显示效果 三、关键部分： 四、扩展:display：-webkit-box的用法 1.之前要实现横列的web布局，通常就是float或者display：inline-block; 但是都不能做到真正的流体布局。至少width要自己去算百分比。2.flexible box 就可以实现 阅读全文
posted @ 2017-08-01 16:33 优前程 阅读(1583) 评论(0) 推荐(0)
PC站与H5移动站最佳适配方案
摘要：HTML5是目前HTML的最屌版本，同时也是建设移动站的最佳技术。百度适时推出PC站与H5移动站的最佳适配方案，对站长而言实在是久旱逢甘霖。详情如下： PC站与H5移动站最佳适配方案 pc端： 在pc版网页上，添加指向对应移动版网址的特殊链接rel="alternate"标记，这有助于百度发现网站的 阅读全文
posted @ 2017-07-17 11:14 优前程 阅读(2737) 评论(0) 推荐(0)
支持手机，滑动拖动验证
摘要：效果： HTML源码： CSS slide-unlock.css #slider { margin: 100px auto; width: 300px; height: 40px; position: relative; border-radius: 2px; background-color: # 阅读全文
posted @ 2017-07-11 16:10 优前程 阅读(743) 评论(0) 推荐(0)
加减购物车数量源码
摘要：效果： 代码： 阅读全文
posted @ 2017-07-11 15:48 优前程 阅读(333) 评论(0) 推荐(0)
ThinkPHP U方法
摘要：方法1： 方法2： 方法3： U方法 阅读全文
posted @ 2017-07-07 11:55 优前程 阅读(200) 评论(0) 推荐(0)
最新手机号正则
摘要：网上搜的其他正则，177号段提示错误 表示以1开头，第二位可能是3/4/5/7/8等的任意一个，在加上后面的\d表示数字[0-9]的9位，总共加起来11位结束。 有用 阅读全文
posted @ 2017-06-30 16:35 优前程 阅读(715) 评论(0) 推荐(0)
导出table为Excel
摘要：1、HTML 2、Blob.js /* Blob.js * A Blob implementation. * 2014-07-24 * * By Eli Grey, http://eligrey.com * By Devin Samarin, https://github.com/dsamarin 阅读全文
posted @ 2017-06-30 10:28 优前程 阅读(311) 评论(0) 推荐(0)
手机图片自适应宽度
摘要：.gradient{ width:100%; height:35px; color:#fff; font-size:18px; font-weight:bold; line-height:35px; background:-webkit-gradient(linear, 0 0, 0 bottom, 阅读全文
posted @ 2017-06-29 14:37 优前程 阅读(403) 评论(0) 推荐(0)
微信发送验证码进行验证
摘要：1、HTML部分 2、JS部分 阅读全文
posted @ 2017-06-28 17:49 优前程 阅读(4893) 评论(0) 推荐(0)
分享到微信朋友圈插件
摘要：1、HTML代码 2、CSS代码 3、效果 4、微信JSDK 阅读全文
posted @ 2017-06-28 17:46 优前程 阅读(357) 评论(0) 推荐(0)
ThinkCMF Foreach标签
摘要：foreach标签类似与volist标签，只是更加简单，没有太多额外的属性，例如： name表示数据源 item表示循环变量。 可以输出索引，如下： 也可以定义索引的变量名 详情看————ThinkPHP3.2.3完全开发手册 阅读全文
posted @ 2017-06-26 09:16 优前程 阅读(1387) 评论(0) 推荐(0)
ThinkCMF Volist标签
摘要：volist标签通常用于查询数据集（select方法）的结果输出，通常模型的select方法返回的结果是一个二维数组，可以直接使用volist标签进行输出。 在控制器中首先对模版赋值： 在模版定义如下，循环输出用户的编号和姓名： Volist标签的name属性表示模板赋值的变量名称，因此不可随意在模 阅读全文
posted @ 2017-06-26 09:10 优前程 阅读(1252) 评论(0) 推荐(0)

1 2 下一页