当前位置: 首页 > 网页制作 > 所有文章
  • 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"、 ...

    阅读全文