timfan_社区达人页

2022年05月

• 05.18 20:48:22
  发表了文章 2022-05-18 20:48:22

  判断变量是否为数组的几种方法

  1、isArray 方法2、对象原型3、instanceof 运算符4、Object.prototype.toString.call()
• 05.18 20:46:49
  发表了文章 2022-05-18 20:46:49

  在线答卷系统的前端设计与数据库系统的设计与实现

  如果要你实现一个在线的答题系统，你能想到它该具有哪些功能？当我接到这样一个需求的时候，脑海中立马能想到的就是它有录入题库的功能，创建试卷后可以从题库选择试题，并且可以针对试题进行分数的设置和排序。试卷发布后，用户通过指定的链接进入到试卷页面进行答题，答题完提交后，试卷由指定人进行评分。另外可能需要一个页面记录自己的答卷记录。

  
• 05.18 20:41:40
  发表了文章 2022-05-18 20:41:40

  win10 下提示“请等待当前程序完成卸载或更改”解决方案

  当我们打开控制面板选择程序和功能进行程序卸载的时候，一旦当你当前的程序卸载还未完成时，你又去卸载另一个程序的时候，就会出现如下的提示“请等待当前程序完成卸载或更改”

  
• 05.18 20:39:44
  发表了文章 2022-05-18 20:39:44

  创建一个 Github 个人主页 README

  不久前 GitHub上线了一个全新的个人页功能，显示一个自定义的 README.MD 在个人首页。要激活此功能，需要新建一个与自己 ID 同名的 Repository，新 Repo 里的 README.MD 将出现在你的首页。

  
• 05.18 20:37:42
  发表了文章 2022-05-18 20:37:42

  Element UI Tree 树形控件根据层级全选控制

  使用场景： • 多级分类 • 组织架构多级管理 • 知识或者文件夹层级组织方式 • 事物的归属关系

  
• 05.18 20:34:16
  发表了文章 2022-05-18 20:34:16

  Vue 自定义指令可以实现哪些有用的功能

  Vue 有一些很实用的指令 v-show v-if v-text v-html v-bind v-on 可以帮助我们实现很复杂的功能，同时它还开辟了钩子供我们自己实现自定义指令。
• 05.18 20:32:24
  发表了文章 2022-05-18 20:32:24

  给字符串排序 localeCompare 认识一下

  localeCompare 用法
• 05.18 20:31:05
  发表了文章 2022-05-18 20:31:05

  Element 通知组件 Notification 支持同类型的提示信息只弹出一次！！！

  Element 使用闭坑指南 • ElementUI 为 DatePicker 日期选择器组件添加前缀说明文字 • 生成以周统计的表头，跨月份的周算在后一个月 • Element Table 可以实现哪些常见的有用的功能 • Element UI Loading 加载组件动态变更 text 值（加载文案）

  
• 05.18 20:29:49
  发表了文章 2022-05-18 20:29:49

  空值合并运算符真实使用场景及避坑

  在 JS 里，我们要判断一个数值非空，常常需要运用下面的两个不等表达式进行判断，所以我一值有个疑惑，为什么不出一个同时判断不为 undefined 和 null 的方法
• 05.18 20:28:38
  发表了文章 2022-05-18 20:28:38

  如何快速实现 Wordpress 博客域名更换？

  如题，如何快速更换使用 Wordpress 搭建的网站、博客的域名，除了在域名服务商那更换域名的解析和 web服务器端的配置外，还应该从数据库端做些什么？熟悉 Wordpress 的用户都知道在 Wordpress 后台，设置 --> 常规 里有一项 “站点地址（URL）”，可以实现网站地址的配置。难道改了这个就可以完全实现域名的更换服务吗？

  
• 05.18 20:27:14
  发表了文章 2022-05-18 20:27:14

  博客接入谷歌广告（Google Ads）

  随着博客的流量越来越大，成功申请到了谷歌平台的广告流量主。对于广告平台的选择，个人觉得谷歌的广告在设计上简洁清爽，广告类型可以根据自己的爱好进行选择，比较适合我。另外国内的也有比较合适的可以选择比如阿里妈妈，百度联盟等。

  
• 05.18 20:23:57
  发表了文章 2022-05-18 20:23:57

  如何在启动 Vue 程序之前读取本地静态文件内容

  有这样一个需求，就是希望通过本地的 Json 文件来写入一些内容，比如请求后端接口的 API 前缀，我们在 public 目录下面新建一个 project.config.json 文件来做一些配置项
• 05.18 20:22:28
  发表了文章 2022-05-18 20:22:28

  Element UI Loading 加载组件动态变更 text 值（加载文案）

  有这样的一个需求，我在上传文件的时候，上传阶段耗时较长，所以利用加载动画作为友好提示用户等待。

  
• 05.18 20:20:56
  发表了文章 2022-05-18 20:20:56

  如何通过 Gitee API 上传文件到指定仓库

  首先，进入Gitee官方API文档：https://gitee.com/api/v5/swagger#/postV5ReposOwnerRepoContentsPath，找到仓库 --> 新建文件接口

  
• 05.18 20:07:06
  发表了文章 2022-05-18 20:07:06

  【扫盲，搞懂框架原理】Vue中@click与@click.native的区别

  Vue 维护了自己的事件机制所以就有了原生 DOM 事件和自定义事件的区别
• 05.18 20:06:01
  发表了文章 2022-05-18 20:06:01

  Vue 如何复制一个子组件的 Prop 类型在新的组件中使用

  来看下下面这个使用场景，我们在这个组件中使用了一个Icon组件
• 05.18 20:04:13
  发表了文章 2022-05-18 20:04:13

  生成以周统计的表头，跨月份的周算在后一个月

  这是人力统计的一个表格的表头，根据月份，划分周，每周从周一开始到周日（国内习惯性）。而跨月份的周算在前一个月还是后一个月，我们的需求是算在后一个月。根据情况而定。

  
• 05.18 20:02:15
  发表了文章 2022-05-18 20:02:15

  ElementUI 为 DatePicker 日期选择器组件添加前缀说明文字

  当我们使用 ElementUI 构建表单页面的时候，经常需要使用到复合型输入框，可前置或后置元素，一般为标签或按钮，作为该输入框的说明性文字。

  
• 05.18 20:00:27
  发表了文章 2022-05-18 20:00:27

  Vue刷新页面有哪几种方式

  在Vue项目中，刷新当前页除了 window.reload()，你还能想到什么办法？而且这种办法会重新加载资源出现短暂的空白页面。体验不是很好。
• 05.18 19:58:44
  发表了文章 2022-05-18 19:58:44

  项目中的富文本编辑器该如何选择?

  项目中经常需要用到富文本编辑器的时候，而常见的富文本编辑器都有哪些？该如何选择？

  
• 05.18 19:55:17
  发表了文章 2022-05-18 19:55:17

  Windows 安装python3详细步骤

  安装python，配置环境变量

  
• 05.18 19:53:00
  发表了文章 2022-05-18 19:53:00

  Vue 页面如何监听用户预览时间

  最近的业务中涉及到这样一个需求，在线培训的系统需要知道用户对某个在线预览的页面追踪用户的预览时长。初步我们首先想到借助 Vue 页面的生命周期函数 mounted 和 destroyed，分别在其中加入开始计时和清除计时的逻辑，通过后台的接口上报对应的培训素材的时间数据，即可达到目的。 有了思路，我们就可以开始筹划具体的代码。

  
• 05.18 19:51:18
  发表了文章 2022-05-18 19:51:18

  Element Table 可以实现哪些常见的有用的功能

  最近项目中频繁使用 table 功能，因为 UI 框架使用的又是 Element UI，于是总结下在 Element 下 el-table 组件使用技巧。

  
• 05.18 19:48:06
  发表了文章 2022-05-18 19:48:06

  【JS编码技巧】技巧掌握的好，业务代码才能写的溜(二)

  语言的一些高级特性的使用可以帮助我们更好去实现一些复杂的功能，以尽量简短的语句来使代码看上去更简洁、逻辑更完善，而且这样减少了出现 bug 的风险。接下来让我总结一些 JavaScript 中的一些简写小技巧。
• 05.18 19:48:04
  发表了文章 2022-05-18 19:48:04

  【JS编码技巧】技巧掌握的好，业务代码才能写的溜(一)

  语言的一些高级特性的使用可以帮助我们更好去实现一些复杂的功能，以尽量简短的语句来使代码看上去更简洁、逻辑更完善，而且这样减少了出现 bug 的风险。接下来让我总结一些 JavaScript 中的一些简写小技巧。

  
• 05.18 19:44:33
  发表了文章 2022-05-18 19:44:33

  金三银四跳槽面试季，我整理前端面试知识做了一个网站

  每年的金三银四，都将迎来求职面试的一个高峰期，为什么会有那么多的求职需求？

  
• 05.18 17:43:50
  发表了文章 2022-05-18 17:43:50

  推荐几个最近Star过的Github仓库

  平时逛Github的时候，总是顺手对一些自己认为好的仓库给个 Star，一是对作者的鼓励，二来推荐给关注自己的人（首页动态可见）。 下面列举了一些我平时 Star 过的仓库，顺便也推荐给我的读者。

  
• 05.18 17:35:08
  发表了文章 2022-05-18 17:35:08

  使用 VuePress 搭建一个自己的知识文档

  最近准备对前端知识做一个梳理，将自己的平时遇到的问题和解决方案形成一个知识文档。 本文记录了搭建 VuePress 的主要过程，同时也提供了部分自定义的配置，示例地址：http://doc.i-fanr.com
• 05.18 17:33:31
  发表了文章 2022-05-18 17:33:31

  如何使用Vue + Electron搭建跨平台应用

  • Electron: 使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架 • Vue.js: Web 前端用于构建用户界面的渐进式框架 • Vuetify: Vue.js 的 Material Design 组件框架 看完以上介绍，也明白了本文要做的事：用 Vue.js 与 Vuetify 组件，基于 Electron 来创建原生桌面应用。

  
• 05.18 17:28:33
  发表了文章 2022-05-18 17:28:33

  如何利用Chrome浏览器将 SVG 转成 PNG

  怎么把 SVG 转成 PNG ？用 Chrome 吧，非常好用，还能设定自己想要的尺寸。

  
• 05.18 17:16:39
  发表了文章 2022-05-18 17:16:39

  前端如何进行日志驱动开发

  日志在开发过程中的作用自不必说，一旦程序出现问题，我们首先想到的是通过日志监控去追查。 好的日志可以通过应用程序执行的历史记录模拟出用户在使用程序的时候操作的完整过程。

  
• 05.18 17:13:13
  发表了文章 2022-05-18 17:13:13

  CSS实现各种Loading效果附带解析

  定义一个父元素 div，内含六个白色实心圆点，添加旋转动画，通过设置不同的延迟时间来达到依次出现的效果

  
• 05.18 17:07:22
  发表了文章 2022-05-18 17:07:22

  如何搭建一个内部组件共享平台

  如今前端越来越趋于组件化的开发方式，最大的益处就是UI页面和逻辑的共用。 在开发者的眼里，如果你打开一个网站，组件化的开发方式会让你看起来像这个样子

  
• 05.18 17:02:11
  发表了文章 2022-05-18 17:02:11

  哪些网站在+1s后有神奇的功能

  有些网站，当我们给它 +1s 时，会有意想不到的奇效。
• 05.18 17:00:20
  发表了文章 2022-05-18 17:00:20

  如何用Vue实现简易的富文本编辑器，并支持Markdown语法

  前端开发经常会用到富文本编辑器，比如CKEditor，动不动一个库几十M的代码量，其中涉及许多你可能用不到的功能特性和相关设置，CKEditor最新版本的代码仓库就有接近2000个JS文件，300,000行代码。

  
• 05.18 16:55:56
  发表了文章 2022-05-18 16:55:56

  如何让在线视频以自定义速度播放

  现在看视频不来个两倍速（或者更快）都觉得在浪费生命。 特别是在看视频教程的时候，文字我们可以做到一目十行，但是视频呢，如果有字幕，我们甚至不用听清，用3倍速或者4倍速完全没有问题，尤其在看别人在线写代码的时候，速度快了，就觉得特别顺滑。

  
• 05.18 16:53:31
  发表了文章 2022-05-18 16:53:31

  使用React和Tailwind CSS搭建项目框架

  众所周知，Tailwind CSS框架越来越流行，所以我决定尝试学习并使用Tailwind CSS来搭建一个项目模板，一方面自己深入学习下，二来帮助新人更快地上手Tailwind CSS开发。

  
• 05.18 16:52:00
  发表了文章 2022-05-18 16:52:00

  八个使前端工程师惊艳的效果设计，码否？

  我们都知道掌握编程技术是一项很难的事情，没有捷径可走。需要我们在日复一日的工作中去锻炼。如果想要达到擅长甚至需要长年累月的积累。 下面列举了一些可以给你带来编码灵感的例子，相信你看到会有想去写代码的冲动。 因为一个好的工程师，是不惧怕任何挑战的，好的想法只会带来更大的动力。而把想法变为现实便是每一个工程师的使命。

  
• 05.18 16:48:30
  发表了文章 2022-05-18 16:48:30

  日常开发之重构

  作为开发人员，应该让重构贯穿于你的开发日常的每一刻。
• 05.18 16:47:28
  发表了文章 2022-05-18 16:47:28

  访问对象的属性，你知道有哪些方法？

  相信对象对于每个使用JavaScript的人来说都不陌生。访问对象的属性几乎日常开发每天都在用。下面我们一起探索下有哪些方式可以实现属性的访问。
• 05.18 16:45:36
  发表了文章 2022-05-18 16:45:36

  教你如何创建一款属于自己的VSCode主题

  你有没有想过创建一款属于自己的VSCode主题？没有你想像的那么难，但是真正实现起来也不是那么轻松，需要你对将要去改变的主题的一些属性要有所了解和准备。 如果你要想让你的主题适用于多种编程语言，并且看起来还很漂亮的话，需要对很多的颜色进行重新定义。

  
• 05.18 16:37:37
  发表了文章 2022-05-18 16:37:37

  【超详细】如何使用TypeScript和GraphQL开发应用

  GraphQL是一个专为构建灵活的API而生的强大的查询语言。它允许您为数据定义类型系统，因此在执行查询时，它仅返回所需的数据。

  
• 05.18 16:11:11
  发表了文章 2022-05-18 16:11:11

  【利好工具】JavaScript及时运行调试工具

  今天要介绍的这个工具叫RunJS，是运行在各大系统上的客户端，目前支持主流的macOS、Windows、Debian和Universal Linux平台。

  
• 05.18 16:07:14
  发表了文章 2022-05-18 16:07:14

  收到短信验证码自动填充到表单，还能这么玩

  苹果系统上的App和网站可以实现来自短信的验证码自动填充表单的功能，通常你是怎么实现这个功能的

  
• 05.18 16:05:30
  发表了文章 2022-05-18 16:05:30

  仅使用HTML和CSS实现的标签云效果

  标签云的效果在博客和网站上不难见到，它其实就是带有超链接的某些关键字，为了达到强调主题的作用。通常出现概率比较大或者受欢迎的标签文字显示比较大，相反的就显示的小。

  
• 05.18 15:57:10
  发表了文章 2022-05-18 15:57:10

  【详细教程】教你如何使用Node + Express + Typescript开发一个应用（二）

  Express是nodejs开发中普遍使用的一个框架，下面要谈的是如何结合Typescript去使用。

  
• 05.18 15:57:06
  发表了文章 2022-05-18 15:57:06

  【详细教程】教你如何使用Node + Express + Typescript开发一个应用（一）

  Express是nodejs开发中普遍使用的一个框架，下面要谈的是如何结合Typescript去使用。
• 05.18 11:45:32
  发表了文章 2022-05-18 11:45:32

  【Github开源】一站搞定各种开发文档

  开发者的苦恼：经常要在多个API文档中切换，浏览器书签栏收藏各种语言相关的接口说明文档。 无意中在Github上发现DevDocs[1]这个开源项目，它是一个把所有开发相关的文档以web的形式做了一个综合的网站，并提供搜索，离线访问，移动版本支持，暗黑主题，快捷键操作等功能。

  
• 05.18 11:44:00
  发表了文章 2022-05-18 11:44:00

  玩转Javascript魔法篇

  这些都是平时我们经常在业务中会用的功能，实现起来的方法不止一种，但是我们要经常思考，举一反三，追求一种简洁高效的写法，不是吗？

  
• 05.18 11:42:22
  发表了文章 2022-05-18 11:42:22

  Handsfree.js — 一个通过计算机视觉集成手势，面部表情和各种姿势识别的前端库

  当电视上出现上图这种科技大片的时候，有没有幻想过有一天可以实现上图的这种交互，当我打开Handsfree这个库的介绍页时，看到前端页面竟然能够识别人的手势，面部以及各种肢体动作，简直刷新了我对前端能力的认知。确信这种交互有一天成为可能。