当前标签: 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)