浅笑·

2021年6月26日

摘要：什么是 GPU.js 首先，官网地址:https://gpu.rocks/ 简而言之，GPU.js 是一个 JavaScript 加速库，可用于使用 JavaScript 在 GPU 上进行通用计算。它支持浏览器、Node.js 和 TypeScript。除了性能提升外，我推荐使用 GPU.js 阅读全文

posted @ 2021-06-26 12:32 浅笑· 阅读(466) 评论(0) 推荐(0) 编辑

如何利用JS检查元素是否在视口内

摘要：前言分享两个监测元素是否在视口内的方法 1. 位置计算使用 Element.getBoundingClientRect() 方法返回元素相对于视口的位置 const isElementVisible = (el) => { const rect = el.getBoundingClientRec 阅读全文

posted @ 2021-06-26 12:30 浅笑· 阅读(1007) 评论(0) 推荐(0) 编辑

2021年6月25日

HTML中通过CSS方式隐藏元素方法汇总

摘要： 1 通过style属性中的 display : none { 这种是最常用方式之一 } display : none 这两种方式的区别是: display 设置为 none之后, 该元素不占用文档流 visibility 设置为 hidden之后, 该元素仍然占用文档流, 只不过是看不见了而已 2 阅读全文

posted @ 2021-06-25 21:25 浅笑· 阅读(116) 评论(0) 推荐(0) 编辑

一行CSS实现全站中文简繁转换

摘要：一、不BB，直接解密就是这么一行css： font-variant-east-asian: traditional; 表示当前文字使用繁体变体。再加粗显示一下： font-variant-east-asian: traditional; 例如： body { font-variant-east- 阅读全文

posted @ 2021-06-25 21:24 浅笑· 阅读(306) 评论(0) 推荐(0) 编辑

常见的几种网络故障案例分析与解决！

摘要：故障1：交换机刚加电时网络无法通信【故障现象】交换机刚刚开启的时候无法连接至其他网络，需要等待一段时间才可以。另外，需要使用一段时间之后，访问其他计算机的速度才快，如果有一段时间不使用网络，再访问的时候速度又会慢下来。【故障分析】由于这台交换机是一台可网管交换机，为了避免网络中存在拓扑环，从阅读全文

posted @ 2021-06-25 21:23 浅笑· 阅读(924) 评论(0) 推荐(0) 编辑

object-fit和object-position_定义图片和视频元素在容器内如何显示的css属性

摘要：当我们给img标签加上固定的宽和高时，img标签中的图片会默认被拉伸变形，如图： <body> <img src="./demo.jpg" alt=""> <style> img{ width: 300px; height: 150px; } </style> </body> 图1-给img元素加上阅读全文

posted @ 2021-06-25 21:21 浅笑· 阅读(158) 评论(0) 推荐(0) 编辑

两种轮播图实现方式

摘要：一、css实现轮播图原文网址：https://www.jianshu.com/p/550c11f3b731 实现逻辑： 1）将所有的轮播图片放在一个容器里面，并排排列； 2）编写css动画事件：每隔一定时间向左偏移一定距离，距离为一个轮播图宽度；到最后一个轮播图后切换到第一个图片，实现无限循环优阅读全文

posted @ 2021-06-25 21:20 浅笑· 阅读(438) 评论(0) 推荐(0) 编辑

CSS多行文本溢出省略显示

摘要：文本溢出我们经常用到的应该就是text-overflow:ellipsis了，相信大家也很熟悉，但是对于多行文本的溢出处理确接触的不是很多，最近在公司群里面有同事问到，并且自己也遇到过这个问题，所以专门研究过这个问题。首先我们回顾一下以前实现单行缩略是可以通过下面的代码实现的（部分浏览器需要设置宽阅读全文

posted @ 2021-06-25 21:19 浅笑· 阅读(706) 评论(0) 推荐(0) 编辑

从Python看Web架构的发展

摘要：静态web与动态web 在静态WEB程序中，客户端使用WEB浏览器（IE、FireFox等）经过网络(Network)连接到服务器上，使用HTTP协议发起一个请求（Request），告诉服务器我现在需要得到哪个页面，所有的请求交给WEB服务器，之后WEB服务器根据用户的需要，从文件系统（存放了所有静阅读全文

posted @ 2021-06-25 21:17 浅笑· 阅读(70) 评论(0) 推荐(0) 编辑

3种方法实现Css隐藏滚动条并可以滚动内容

摘要：隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在css也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。方法1：计算滚动条宽度并隐藏起来在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以阅读全文

posted @ 2021-06-25 20:08 浅笑· 阅读(381) 评论(0) 推荐(0) 编辑

公告