• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






Alice_Daily

 
 

Powered by 博客园
博客园 | 首页 | 新随笔 | 联系 | 订阅 订阅 | 管理
上一页 1 2 3 4 5 6 ··· 9 下一页

2020年9月27日

如何实现一键下载安装包, 一键复制功能(React)
摘要: 这下两个功能其实和框架本身并没有太大的关系,都是可以用原生js直接实现的功能 一键下载安装包 类似于这样点击按钮就可以直接下载安装包,其实实现的方式很简单,就是使用a标签,然后a标签的href属性指向安装包链接地址就可以了: <a href="https://obsproject.com/zh-cn 阅读全文
posted @ 2020-09-27 10:58 Alice_Daily 阅读(810) 评论(0) 推荐(0)
 

2020年8月27日

React渲染得时候如何渲染html标签
摘要: 如果从后端获取到一端HTML标签的字符串内容(textContent),需要以标签得形式渲染,可以使用 dangerousSetInnerHTML这个属性,但是使用这个属性之后就会存在xss攻击的风险: <div dangerousSetInnerHTML={{__html: textCotent} 阅读全文
posted @ 2020-08-27 21:16 Alice_Daily 阅读(1646) 评论(0) 推荐(0)
 

2020年8月24日

HTML + JS实现一些基础动效
摘要: 业务代码写多了或者养成了遇事百度的习惯之后,突然发现突然让自己一些最基本的动效都写不出来了,以后每天午休的时候就更新一个用原生js实现的动效,督促自己改掉这些坏毛病 元素拖拽效果 实现元素拖拽的要素就是鼠标事件监听,定位,还有对边界条件的控制,掌握这三点什么样的拖拽需求都可以了 实现方式: <!DO 阅读全文
posted @ 2020-08-24 14:08 Alice_Daily 阅读(730) 评论(0) 推荐(0)
 

2020年8月7日

React hook 中使用Video标签,如何实时监听video的播放暂停状态?
摘要: 先粘下代码吧: 阅读全文
posted @ 2020-08-07 10:27 Alice_Daily 阅读(3374) 评论(0) 推荐(0)
 

2020年8月6日

记录一下react开发过程中常见报错,警告以及解决的方法
摘要: 报错: Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: objec 阅读全文
posted @ 2020-08-06 10:52 Alice_Daily 阅读(3782) 评论(0) 推荐(0)
 

2020年8月4日

设置meta标签让IE浏览器采用最新的渲染模式
摘要: <meta http-equiv="X-UA-compatible" content="IE=edge"> 阅读全文
posted @ 2020-08-04 20:33 Alice_Daily 阅读(239) 评论(0) 推荐(0)
 

2020年7月13日

微信小程序tab栏吸顶效果实现及防抖动优化
摘要: y开始使用的解决方案是使用聚堆定位,在onShow中获取元素距离顶部的距离,然后监听页面滚动,当滚动的距离大于距离顶部的距离时就让他绝对定位 Page({ data: { // 区域里顶部的距离吧 fixTop: 0, // 滚动的距离 scrollTop: 0, isFixed: false }, 阅读全文
posted @ 2020-07-13 10:26 Alice_Daily 阅读(1811) 评论(0) 推荐(1)
 

2020年7月7日

H5页面设置文本超过两行时显示省略号失效
摘要: 在下面的代码中加行注释就可以了 overflow:hidden; text-overflow:ellipsis; display:-webkit-box; /*! autoprefixer: off */ -webkit-box-orient:vertical; -webkit-line-clamp 阅读全文
posted @ 2020-07-07 23:51 Alice_Daily 阅读(640) 评论(0) 推荐(0)
 

2020年7月2日

解决H5边框1px问题
摘要: 使用伪类 + transform方案: 原理是把原先元素的 border 去掉,然后利用 :before 或者 :after 重做 border ,并 transform 的 scale 缩小一半,原先的元素相对定位,新做的 border 绝对定位。 单 代码演示 : .box-1px{ posit 阅读全文
posted @ 2020-07-02 12:03 Alice_Daily 阅读(526) 评论(0) 推荐(0)
 
windows笔记本电脑打开浏览器控制台的快捷键
摘要: ctrl + shift + i, 关闭控制台快捷键: ctrl + shift + i 清空控制台: ctrl + l 阅读全文
posted @ 2020-07-02 09:23 Alice_Daily 阅读(2835) 评论(0) 推荐(0)
 
上一页 1 2 3 4 5 6 ··· 9 下一页