2020年8月21日
CSS技巧收集——毛玻璃效果
摘要： 毛玻璃的模糊效果技术使用 css 的filter中的 blur 属性。 即： filter: blur(20px) 线上demo：https://my.weblf.cn/alone_page/pages/filter_blur.html 代码： <html> <head> <meta http-eq 阅读全文
posted @ 2020-08-21 13:19 帆酱 阅读(921) 评论(0) 推荐(0) 编辑
h5 css 瀑布流图片展示
摘要： 在H5的图片布局中，我们经常遇到容器盒子一致但图片大小不一的情况，如果仅仅展示一列的话，则可以通过调整图片宽度100%来布局，但是如果有二列呢，我们使用css3的column-count属性分列 demo查看：https://my.weblf.cn/alone_page/pages/falls_im 阅读全文
posted @ 2020-08-21 13:13 帆酱 阅读(1469) 评论(0) 推荐(0) 编辑
TortoiseGit没有关联小图标（红色、绿色图标）解决方案
摘要： 方法一、 1、按Win+R键打开运行对话框，输入 regedit.exe ，准备修改注册表； 2、在HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Explorer文件夹下新建一个“字符串值”文件：名称为 “Max Cache 阅读全文
posted @ 2020-08-21 13:08 帆酱 阅读(1610) 评论(0) 推荐(0) 编辑
2020年5月22日
博客园皮肤-我的博客园皮肤设置教程
摘要： 一、进入博客园个人管理中心 二、点击设置 三、设置公告栏样式（注意、先要有申请js权限） 公告栏代码： <style> /*最外层容器样式*/ .wrap { width: 100px; height: 100px; margin: 150px; position: relative; } /*包裹 阅读全文
posted @ 2020-05-22 15:17 帆酱 阅读(572) 评论(3) 推荐(1) 编辑
2020年4月4日
使用拖放排序插件Sortable.js
摘要： ortable 是一个JavaScript库，用于在现代浏览器和触摸设备上重新排序拖放列表。不需要jQuery。支持 Meteor, AngularJS, React, Polymer, Vue, Knockout 和任何CSS库, 例如 Bootstrap. 中文文档：http://www.sor 阅读全文
posted @ 2020-04-04 16:16 帆酱 阅读(1829) 评论(0) 推荐(0) 编辑
2020年1月5日
使用百度分享api实现网页分享功能
摘要： 百度官方文档：http://share.baidu.com/code/advance#toid 线上demo：https://my.weblf.cn/xly/demo/web_share.html 首先先引入外部文件： with(document)0[(getElementsByTagName('h 阅读全文
posted @ 2020-01-05 00:13 帆酱 阅读(1788) 评论(1) 推荐(0) 编辑
百度地图给指定的点加标签
摘要： 本文介绍利用百度地图api先显示地图，然后在地图上标记一个或者多个点，然后将每个点的自定义标签用tip的方式展现出来。 效果截图： 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html 阅读全文
posted @ 2020-01-05 00:02 帆酱 阅读(1992) 评论(0) 推荐(1) 编辑
echarts中国地图使省份选择性滑动或点击高亮
摘要： 本文介绍echarts显示中国省份图，对于需要高亮的省份进行筛选。并且对省份进行选择性交互。 首先我们需要一个颜色集合，代表我们要设置多少种颜色。这里用到了dataRange。 dataRange: { show:false, x: 'left', y: 'bottom', splitList: [ 阅读全文
posted @ 2020-01-05 00:00 帆酱 阅读(6972) 评论(10) 推荐(3) 编辑
2020年1月4日
一些常用的js正则表单验证
摘要： 前端一般为了防止用户误输入，或者为了使用户获取最快的反馈，常常在表单设置正则验证，下面就让我介绍几个常用的正则验证。大家也可以在demo里实际操作一下。 demo地址：点击查看 html： <div class="inp_box"><h3>请输入整数(1):</h3><input type="tex 阅读全文
posted @ 2020-01-04 23:54 帆酱 阅读(557) 评论(0) 推荐(0) 编辑
echarts地图城市散点图
摘要： 给每个城市自定义坐标，根据每个城市的value值所在范围给每个坐标点设置不同的颜色，鼠标悬停显示tip，tip值为城市名称以及value。 效果图： demo：https://my.weblf.cn/xly/demo/echarts/map/map_china_city.html 代码： <!DOC 阅读全文
posted @ 2020-01-04 23:52 帆酱 阅读(2221) 评论(0) 推荐(0) 编辑
下一页