为什么祖传代码被称为「屎山」? 2 小傲世 2021年12月23日下午 04:30:32 杂七杂八 今天偶然看到一篇文章,作为"程序猿",对于屎山,我真的是深有感悟,所以马上就想着分享给大家并加了些自己的观点。 驾驭屎山的唯一方法,不是重构,而是不重构。 为什么有人可以在屎山里加功能? 很简单:把屎山扒拉开,每块闻一闻,找出和你要改的功能对应的那坨屎,把这坨屎包起来(封装),你就可以假装它不是屎,是巧克力。然后,... 查看详情»
为网页图片加上loading="lazy"延迟加载资源(懒加载) 小傲世 2021年11月16日上午 09:38:57 教程资料 [blue]HTML元素<img>延迟加载属性 —— loading属性值lazy允许浏览器选择性加载IMG元素,根据用户滚动操作至其元素附近执行加载,一定程度起到节流的作用。[/blue] 那么问题来了,哪些场景业务需要用到图片懒加载技术呢? 答:当前页面图片元素过多,避免不必要的流量浪费;如果不是需要加载很多图片... 查看详情»
JS判断浏览器环境(pc端/移动端/微信/QQ/新浪微博) 小傲世 2021年03月29日下午 04:13:46 教程资料 我们日常会遇到需要区分用户使用不同的浏览器用来展示不同的内容,本文给大家列举了多种常见的场景判断: 一、判断pc端/移动端 方法一: // 判断浏览器函数 function isMobile() { if (window.navigator.userAgent.match(/(phone|pad|pod|iPhone... 查看详情»
原生JavaScript实现显示/隐藏div 小傲世 2020年09月01日晚上 11:54:52 教程资料 显示或隐藏一个div,这其实在Jquery里面并不算什么难事,但有时候我们需要原生态的JS来实现,方法很多,这里简单介绍一种。 1.创建一个showhidediv的方法,直接跟ID属性 <script language="javascript"> function showhidediv(id) { v... 查看详情»
简单CSS实现毛玻璃效果 小傲世 2020年08月24日晚上 10:26:55 教程资料 毛玻璃大家应该都懂是什么来的,咱也废话不多说直接上代码: CSS部分: * { padding: 0; margin: 0; outline: 0; } html, body { width: 100%; height: 100%; background: ur... 查看详情»
在前端中隐藏一个元素的几种方法与注意事项 小傲世 2020年06月09日晚上 10:47:39 教程资料 在日常开发中发现,关于隐藏一个div或其他的元素的需求还蛮多的,所以就打算总结一下几种隐藏方法: 1.CSS display属性 dispaly: none; 2.CSS visibility属性 visibility: hidden; 3.CSS opacity属性 opacity: 0; 4.表单元素type类型... 查看详情»
JavaScript判断某个函数、变量是否存在 小傲世 2020年03月17日凌晨 12:00:00 教程资料 有的时候我们前端需要用到判断某个函数、变量是否存在,那么今天傲世就来分享几个例子 一、是否存在指定函数 function isExitsFunction(funcName) { try { if (typeof(eval(funcName)) == "function") { return true; ... 查看详情»
网站实现重定向的多种方法 小傲世 2020年01月10日上午 10:37:19 教程资料 一、PHP 1.header()函数 header('location:http://www.asphp.net'); 2.输出meta标签 echo '<meta http-equiv="refresh" content="1;url=http://www.asphp.net">'; 3.输出scrip... 查看详情»
把网站已失效图片改为指定的图片的方法 小傲世 2019年12月07日晚上 09:05:59 教程资料 各位站长平时在分享资源或者教程的时候,难免会带上一些图片给文章增添色彩。 有的人可能会考虑使用图床,但找一个稳定的图床是真心不容易啊!如果图床gg了,网站全是报错,不仅影响seo,对用户也不友好。 今天就给大家介绍简单一串代码解决烦恼: 在HTML5当中img标签有onerror属性,如果图片失效可以替换加载默认图片... 查看详情»
浅谈HTML和HTML5的区别 小傲世 2019年11月12日晚上 09:13:30 杂七杂八 很多没有学过HTML5大前端的朋友,对HTML5并不了解,经常会提出疑问:HTML5与传统HTML有什么区别? 下面本篇文章就来给大家介绍一下HTML和HTML5,让大家了解HTML和HTML5的区别。 HTML介绍 HTML被称为超文本标记语言,大多数网页都是用HTML代码来编写的。通过HTML,开发... 查看详情»