科技美学

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
  90 随笔 :: 0 文章 :: 1 评论 :: 69469 阅读

随笔分类 -  Web前端

React UI库巡礼 [Updated: 2024-07-10]
摘要：92.4k [MUI] https://github.com/mui/material-ui B. 91k [阿里] https://github.com/ant-design/ant-design 37k [chakra] https://github.com/chakra-ui/chakra-u 阅读全文
posted @ 2024-07-10 13:05 chankuang 阅读(25) 评论(0) 推荐(0) 编辑

手机H5，用Jquery使图片自动填满两栏式排版
摘要：遇上这样的排版，手机的解象度都不同，假如只用CSS3根本就做不出这样的排版：因此要用Jquery。 1. HTML 2. CSS 3. Jquery 阅读全文
posted @ 2017-12-29 12:07 chankuang 阅读(984) 评论(0) 推荐(1) 编辑

ImageTag，图片左上侧有一个小标签
摘要：这实现思路其实很简单 需求：1. 图片比原来的<div>大，需要切割图片。2. 图片左上角显示标签 解决思路： 1. 把照片设置成div的backgroundImage，然后用CSS3切割图片。 2. 把小标签的Position设置在母DIV的左上角 阅读全文
posted @ 2017-12-29 11:34 chankuang 阅读(725) 评论(0) 推荐(0) 编辑

semantic框架 - selection dropdown自定义样式
摘要：semantic和Bootstrap是我最常用的前端框架。 这次需求，是要修改selection dropdown。 直接贴代码，不解释。 阅读全文
posted @ 2017-12-28 16:42 chankuang 阅读(822) 评论(0) 推荐(0) 编辑

jquery.timepicker.js - 最常用的日期JS控件
摘要：客户提了个需求，输入日期，想也不用想，立刻翻查Jquery，发现是有timepicker.js这个控件，马上就用。 1. 导入库 2. HTML 3. JS 4. 定义格式 'yy-mm-dd' = 2017-12-07 'H:i' = 14:00 还有很多可以修改的东西，我只是看了一点官方的API 阅读全文
posted @ 2017-12-28 16:38 chankuang 阅读(5020) 评论(0) 推荐(0) 编辑

jquery.marquee.js - 有点奇怪的跑马灯动画，不过还是加上去了
摘要：客户想要一个跑马灯的效果，最终我用了jquery.marquee.js。 这个库很简单就能用。 效果是这样，从左到右，移动速度都不一样。 1. HTML 2. JS Done. 阅读全文
posted @ 2017-12-28 16:26 chankuang 阅读(2877) 评论(0) 推荐(0) 编辑

CkEditor - Custom CSS自定义样式
摘要：CkEditor是目前世界上最多人用的富文本编辑器。遇上客户提需求，要改一下编辑器的样式，那就是深入CkEditor的底层来修改源码。 修改完的样式是这样，黑边，蓝底，迷之美学。这就是男人自信的表现，风迷万千。 1. 下载了CKEDITOR，解压缩，里面是这样。 注意，CkEditor的css样式是 阅读全文
posted @ 2017-12-28 16:08 chankuang 阅读(3439) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示