当前位置： 首页 > 网页制作 > 所有文章

  • vue实现浏览器桌面通知的示例代码

    2023年01月09日

    浏览器桌面通知：当浏览器最小化，或者切换到其他标签页不在当前系统页面，或在其他页面时依然可以显示通知 *使用前注意：生产环境地址必须为https协议，开发环境可以用localhost IP地址，且必须允许显示通知才能显示桌面通知*存在兼容性问题，不同系统不同浏览器甚至不同版本浏览器效果略有不同 方案一： H5 JavaScrip ...

    阅读全文

  • 实现shallowReadonly和isProxy功能示例详解

    2022年12月26日

    这篇文章主要为大家介绍了实现shallowReadonly和isProxy功能示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助！ 一、实现shallowReadonly （一）单元测试 // src/reactivity/tests/shallowReadonly.spec.ts import { isReadonly, shallowReadonly } from '../reactive'; describe('shallowReadonly', () => ...

    阅读全文

  • JavaScript单例模式能不能去实例只留单原理解析

    2022年12月22日

    这篇文章主要为大家介绍了JavaScript单例模式能不能去实例只留单原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助！ 一、单例模式的分类 一个环境中有且只有一个实例，并且当前环境可以访问到它。往小了说，当前环境可以是一个函数作用域、块级作用域，往大了说可以是全局window或者global环境。如果按照实例的 ...

    阅读全文

  • JavaScript利用Canvas实现粒子动画倒计时

    2022年12月10日

    粒子动画就是页面上通过发射许多微小粒子来表示不规则模糊物体。本文将利用canvas实现酷炫的粒子动画倒计时，感兴趣的小伙伴可以尝试一下！ canvas 粒子动画介绍 何为canvas canvas是HTML5中新增的一个标签，主要是用于网页实时生成图像并可操作图像，它是用JavaScript操作的bitmap。 粒子动画是啥 粒子动画就是页面上 ...

    阅读全文

  • Jquery实现多个表格的全选复选框功能方式

    2022年12月01日

    这篇文章主要介绍了Jquery实现多个表格的全选复选框功能方式，具有很好的参考价值，希望对大家有所帮助。 Jquery多个表格的全选复选框功能 实现多个表格的复选框功能 HTML+CSS部分 <style> .kctc-table tbody { width: 1180px; background-color: #fff; } .kctc-table tbody tr { width: 1180px; displ ...

    阅读全文

  • JavaScript前端静态资源预加载实现示例

    2022年11月09日

    静态资源文件主要指的就是图片，我们在项目中用到最多的静态资源文件也是图片。但是图片作为一种可替换元素，在使用时有很多的问题。 封面的动图就是那个页面的变动过程，这个动图也很好的说明了图片在前端渲染时出现的问题。 图片在使用时的问题 文件大小要大于文字，在网络中传输慢。 故事中同一个接口的去购买文字已 ...

    阅读全文

  • Vuex与Vue router的使用详细讲解

    2022年11月03日

    在Vue中实现集中式状态(数据)管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理(读/写)，也是一种组件间通信的方式，用于任意组件间的通信 state：存储数据的地址 actions：中转站，可发送异步请求增加判断 mutations：真正改state数据的地方 Vuex的使用流程 - 第一步：在state中定义变量 - 第二步： ...

    阅读全文

  • CSS使用SVG实现动态分布的圆环发散路径动画

    2022年11月02日

    这个需求也是最近的 大屏项目 里面需要用到的一个效果，大致需求是实现一个圆形范围内 由一个不确定坐标的点 向圆周进行曲线发散 的效果，曲线圆弧向上并伴随路径动画。第一时间看到这个需求想到的就是 SVG 或者 Canvas。但是由于开发时可能还需要插入其他元素，所以这里还是希望通过 纯 DOM + CSS 或者 SVG 的方式来实 ...

    阅读全文

  • vue数字金额动态变化功能实现方法详解

    2022年09月15日

    这篇文章主要介绍了vue实现数字金额动态变化效果，数字动态变化是我们在前端开发中经常需要做的效果，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧! 1 前言 在某些场景中，要求我们能够动态与用户进行交互，如页面加载一个数字的时候，动态改变 ...

    阅读全文

  • React Native中实现确认码组件示例详解

    2022年08月09日

    确认码控件也是一个较为常见的组件了，乍一看，貌似较难实现，但实则主要是障眼法。 实现原理 上图 CodeInput 组件的 UI 结构如下： <View style={[styles.container]}> <TextInput autoFocus={true} /> <View style={[styles.cover, StyleSheet.absoluteFillObject]} pointerEvents="none"> ...

    阅读全文

  • 定时器在页面最小化时不执行实现示例

    2022年07月13日

    本文是深入浅出 ahooks 源码系列文章的第七篇，这个系列的目标主要有以下几点： 加深对 React hooks 的理解。 学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。 培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。 注：本系列对 ahooks 的源码解析是基于 v3.3.13。自己 folk 了一份源码，主 ...

    阅读全文

  • JavaScript 编写枚举的最有效方法分享

    2022年06月23日

    假设有这样一个场景，我们需要统计员工的技术栈，目前我们需要标记的技术有 CSS、JavaScript、HTML、WebGL。 然后我可以这样写枚举： const SKILLS = { CSS: 1 , JS: 2, HTML: 3, WEB_GL: 4 } 之前是这样写的，但是，最近看vue源码的时候，发现了一个高效使用枚举的技巧，在这里分享给大家。 定义枚举 我们可 ...

    阅读全文

  • wordpress制作主题之注册菜单标准函数

    2021年10月18日

    在新手制作wordpress主题时，遇到不会的函数会在网上去搜，当然这是不错的选择，毕竟wordpress网上教程那么多，但是在使用时，会发现各教程网站搜出来的函数不太一样，却都能使用，建议大家还是用官方函数的标准使用方式，今天就分享下wordpress函数之自定义菜单标准函数。 收件在主题functions.php中注册自定义菜 ...

    阅读全文

  • div显示滚动条的CSS代码

    2018年03月17日

    div显示上下左右滚动条 <div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div> 这里是你要显示的内容 div显示上下滚动条的css代码 <div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </di ...

    阅读全文

  • css选择器的使用方法

    2018年02月13日

    什么是css选择器 简单而言：从HTML文档中选择一系列元素 div { color: #f00; } 这就是一个选择器，表示的意思是 选择所有标签名为 div 的元素，并应用后面的样式组，字体颜色为红色。 举个通俗例子，高中老师要带一部分同学去参加活动，那该挑哪些同学呢？老师给的条件是：所有 数学成绩高于90分 的同学跟我去参加活动 ...

    阅读全文

  • css代码flex的布局使用详解

    2018年01月31日

    今天在头条上看了一篇CSS关于flex布局的文章，感觉描述的非常形象！而且简单易懂有图片描述，所以笔者转载过来给大家分享一下！ flex布局的含义 flex布局又名为‘弹性布局’，主要是通过设置的属性值自动调整元素的宽度和高度值，在容器空间充裕的情况下，使其填满容器的剩余空间；又或者在容器空间不足的情况下，收缩元 ...

    阅读全文

  • CSS开发过程中十个注意事项

    2016年05月07日

    CSS编辑对于整个网站构架来说确实很方便，但是CSS编辑中需要有注意到地方，这是从事多年CSS开发工作者的十个注意事项！ 1.不要滥用类 在有意义的地方使用ID而不要使用类。这是一个使得浏览器能够更快访问DOM元素的方法。 2.不要把一切都扔进一个CSS文件中 分区CSS使其更易于管理。每一个CSS文件都可以分解成例如header ...

    阅读全文

  • 移动互联时代你的博客能跟上吗？

    2014年05月13日

        自由屋博客观点：不是所有网站都适合做移动互联。移动互联目前来说是个大趋势，记得去年的时候各种APP客户端是个趋势，随随便便的小站点就可以通过第三方来实现app。 前段时间笔者看到一篇文章，就是说关于移动互联的到来，草根站长能否逆袭的文章，是的，草根站长对PC端的网站研究可能要比移动端更多一些，不过笔 ...

    阅读全文

  • wordpress导航栏固定在顶部

    2014年02月09日

    今天在论坛看到有人提问如何让wordpress的导航栏始终固定在顶部，其实这个方法还算比较简单的，使用css的position的fixed属性就可以了。关于position属性，在什么情况下需要用，怎么用，首先，我们应该先了解下position属性的说明：fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 ...

    阅读全文