- 博客(16)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 实用的 CSS 技巧
通过嵌套，我们将能够编写更直观、更有条理、更高效的CSS。伪类设置表单字段的样式，例如输入框、下拉框和文本框，这些字段上没有必要属性。你可以使用书写模式属性来指定文本在网站上的布局方式，垂直或水平布局。属性创建有趣的视觉效果，例如将元素剪裁为自定义的三角形或六边形形状。属性可以使文本更清晰可见，因为会向文本添加描边笔触或轮廓。，因为如果由于某种原因图像未加载，可以将其用作回退值。为元素创建连续循环的颜色动画以吸引用户的注意力。，改用伪元素来设置内容的样式，同样，与。属性为文本元素制作漂亮的列布局。
2024-01-11 15:28:34
328
1
原创 短小却令人惊叹的 JavaScript 代码
3、复制到剪切板（使用 navigator.clipboard.writeText 轻松将任何文本复制到剪贴板上）5、找出一年中的某一天（即给出一个日期，程序给出属于本年的第多少天）12、从日期中获取“时分秒”格式的时间。7、计算两个日期之间相差的天数。//通过将x、y设置为0来实现。1、获取浏览器cookie值。11、从URL中获取查询参数。2、将RGB转换为16进制。18、获取用户选定的文本。6、将字符串首字母大写。17、检查数组是否为空。4、检查日期是否有效。9、生成随机16进制。
2023-12-22 09:40:15
369
原创 flex 实现两行滚动布局实现的思路
需求：实现两行多列布局，列的数目不定，左右可以滚动。实现思路：使用的知识点：flex 弹性布局先固定父元素高度，然后用flex纵向排列（flex-direction:column;）。然后子元素高度设置为父元素一半，这样一纵列只能放下两个元素，然后超出换行（flex-wrap:wrap;），元素就自动向右排列了。html:<ul> <li></li> <li></li> &l...
2022-05-19 16:47:25
4841
原创 h5跳转小程序
注意：微信开发者工具暂时不支持！所以建议直接使用手机访问进行测试。开放对象：1、已认证的服务号，服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。2、已认证的非个人主体的小程序，使用小程序云开发的静态网站托管绑定的域名下的网页，可以使用此标签跳转任意合法合规的小程序。开发前的准备：步骤一、先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。（即登录服务号进行这些操作）步骤二、引入JS文件在需要调用JS接口的页面引入如下JS文件，
2022-05-19 16:43:34
957
2
原创 CSS实现隐藏滚动条并可以滚动内容效果(三种方式)
隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。方法1：计算滚动条宽度并隐藏起来在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以滚动内容。这是什么技术呢？ 其实我只是把滚动条通过定位把它隐藏了起来。演示下面给一个简化版的代码 <div class="outer-container"> ..
2022-05-19 16:39:05
18061
原创 Varlet UI - 基于 Vue3 的免费开源 Material 风格移动端 UI 组件库
面向 Vue3 的 Material 风格移动端组件库关于 VarletVarlet 是一个基于Vue3开发的 Material 风格移动端组件库，自2020年4月21日正式发布 1.0 版本以来，已经持续维护了将近一年的时间。Varlet 官网Varlet 的作者是一位专科毕业、来自四川在无锡工作的前端开发者。因所在公司打算开发某个与Vue3相关的组件库，他自告奋勇包揽下这个活。后来公司考虑成本、投资回报等原因不打算继续提供支持，作者联合两位好友继续完善下去，发展至今已经拥有十多个...
2022-05-11 16:45:26
754
原创 Thor UI - 轻量简洁的免费开源移动端 UI 组件库，支持原生小程序和 uni-app
Thor UI 介绍Thor UI 是一款开发移动端网页应用、小程序的前端 UI 组件库，uni-app 版本还可以编译成为安卓/ iOSAPP应用，特点是轻量、简洁，组件覆盖比较全面，使开发更高效。ThorUI文档技术特性提供近百个高质量前端UI 组件，美观优雅，体验成熟，覆盖移动端大部分业务场景 默认支持编译发布到 APP 端 (iOS 和 Android)、H5、微信小程序、QQ小程序 支持使用新的技术，兼容Vue 3 内置一套同样简洁漂亮的图标库，数量也很多 支持...
2022-05-10 17:52:26
854
原创 NutUI Bingo - 基于 Vue 3.0 的移动端抽奖组件，由京东前端团队打造
NutUI Bingo 是由京东 NutUI 前端团队出品的一款基于NutUI+Vue 3的抽奖组件库，用于快速开发营销活动和小游戏场景的抽奖玩法。NutUI-Bingo - 移动端Vue抽奖组件库NutUI Bingo 抽奖组件技术特性一共包含 12 种抽奖组件 UI 设计基于京东 APP 10.0 视觉规范 官网提供详尽的文档和充足的代码示例 基于 Vue 3.0，也支持TypeScript，支持按需引入 便捷灵活的自定义设置覆盖12种常见的抽奖组件TurnTa...
2022-05-10 17:33:10
1366
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人