当前标签: js
写 JS 逻辑判断,不要只知道用 if-else 和 switch
我们在编写 JS 代码时,经常会遇到逻辑判断复杂的情况。一般情况下,可以用 if/else 或 switch 来实现多个条件判断,但会出现一个问题:随着逻辑复杂度的增加,代码中的 if/else 和 switch 会越来越臃肿。本文将带你尝试写出更优雅的判断逻辑。 比如说下面这样一段代码: const onBut...
2020-05-26 15:38
阅读(335)
致敬尤雨溪,Vue.js 让我赚到了第一桶金
最近这个 Vue.js 纪录片在前端圈广为传播,相信不少人已经看过了。第一次看编程领域的纪录片,感觉还挺新鲜的。这部 30 分钟左右的纪录片制作精良,主角是 Vue.js 作者尤雨溪,还穿插采访了框架的几个核心贡献者和早期用户。 之前看过一次尤雨溪介绍 Vue.js 的视频,他英文之流利,表达之清晰,给我留下...
2020-03-01 18:12
阅读(324)
原生JS在网页上复制的所有文字后面自动加上一段版权声明
不少技术博客有这样的处理,当我们复制代码的时候,会自动加上一段本信息版权为XXXX,这是怎么实现的呢? 其实实现的方式很简单,可以在我的网站页面上绑定一个copy事件,当你复制文章内容的时候,自动在剪切板文字后面加上一段版权声明。 我这边是没有加这些的,代码什么的想复制就复制好了。大家都是靠代码技能吃饭的,...
2020-01-18 13:59
阅读(193)
天了噜,为什么外链css要放在头部,js要放在尾部?
(题图:梵高-向日葵) 我们最开始学前端的时候都会看到教程在处理外部css,js的时候会将css放在header中,js放在body的最后。为什么要这样子处理,今天参考一些资料好好分析下。 为什么外链css为什么要放头部? 首先整个页面展示给用户会经过html 的解析与渲染过程。 而外链css无论放在h...
2019-12-03 11:03
阅读(176)
Vue.js大屏数字滚动翻转效果(附完整代码)
大屏数字滚动翻转效果来源于最近工作中element后台管理页面一张大屏的UI图,该UI图上有一个模块需要有数字往上翻动的效果,以下是最终实现的效果: 整体思路: 在实现此效果之前,我们先来捋一下思路,用思维导图来设计一下我们的实现步骤,如下: 你可以审查元素,下载数字背景图片,复制图片地址...
2019-11-28 17:11
阅读(1549)
不用JS,教你只用纯HTML做出几个实用网页效果
转载请注明出处:葡萄城官网 <https://www.grapecity.com.cn/>,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/pure-html-widgets-for-your-web-application-c9015563a...
2019-09-20 16:01
阅读(299)
前端黑魔法:webworker动态化,无需JS文件创建worker
前言 前几天,我和一位知乎网友讨论这个问题的时候,觉得这非常有意思,所以写了这篇文章作为记录 本文的思路和项目代码来源于知友 @simon3000 <https://www.zhihu.com/people/simon3000/activities>,我加以修饰以更符合理解的需求。 本文所用代码已经得到当事人...
2019-09-19 08:50
阅读(442)
讲解开源项目:让你成为灵魂画手的 JS 引擎:Zdog
本文作者:HelloGitHub-kalifun HelloGitHub 的《讲解开源项目》系列,项目地址:https://github.com/HelloGitHub-Team/Article 今天给大家推荐一个使用 JavaScript 语言编写的开源 Web 3D 模型项目 —— Zdog。 一、介绍...
2019-09-18 08:41
阅读(198)