前端随笔
文章平均质量分 65
家威Geek
自信世上没有学不会的东西。只有需要和不需要学。
展开
-
Vue中nextTick源码分析理解,以及和setTimeout的区别
nextTick 源码在 src/core/util/next-tick.js 里面。在vue的next-tick实现中使用了几种情况来延迟调用该函数,首先我们会判断我们的设备是否支持Promise对象,如果支持的话,会使用 Promise.then 来做延迟调用函数。如果设备不支持Promise对象,再判断是否支持 MutationObserver 对象,如果支持就使用MutationObserver来做延迟,如果不支持的话,我们会使用setImmediate,如果不支持setImmediate的话,原创 2020-09-24 15:49:15 · 2226 阅读 · 0 评论 -
使用Node爬虫中国所有大学数据(二)
本文介绍根据省份爬取大学列表和每个大学的百度百科详情。创建大学实体类大学的信息比较多,因为我们想展示比较详细的大学数据。import { Entity, Column, PrimaryGeneratedColumn } from 'typeorm';@Entity()export class College { @PrimaryGeneratedColumn() id: number; @Column() name: string; @Column({ null原创 2020-05-28 14:28:02 · 336 阅读 · 0 评论 -
使用Node爬虫中国所有大学数据(一)
Nest是用于构建高效,可扩展的Node.js服务器端应用程序的框架。它使用渐进式JavaScript,内置并完全支持TypeScript,并结合了OOP(面向对象编程),FP(函数式编程)和FRP(函数响应式编程)。在底层,Nest默认使用Express这类的健壮的服务端框架,并且你可以选择自己配置使用Fastify。Nest在这些常见的Node.js框架(Express / Fastify)之上提供了一个抽象级别,但也直接向开发者公开了它们的API。 这使开发人员可以自由使用底层平台的第三方库。这原创 2020-05-28 14:27:08 · 543 阅读 · 0 评论 -
Codemirror提示关键词/自动提示
Codemirror是一个不错的Web代码编辑库,可以方便简单的集成。没有自动提示功能的代码编辑器是没有灵魂的,Codemirror的自动提示功能是使用show-hint库进行的,我们可以调用showHint方法或者autoComplete方法来显示提示框。普遍的用法:var editor = CodeMirror.fromTextArea(document.getElementById("c...原创 2020-01-16 15:47:04 · 19302 阅读 · 12 评论 -
JavaScript瀑布流的实现以及底部刷新
通过使用JavaScript来实现瀑布流,我们可以对JS了解的更加深刻。我们知道在不使用浮动属性的时候,图片会按照在html代码里的顺序依次排列,而我们想要实现瀑布流,就应该把页面上每行都固定住,然后求出高度最短的那个,将第二排的图片放在最短的那个图片下面,再继续找下一个高度最短的图片,依次操作,就会有瀑布流的效果。本例子中基本的html和css代码就不再贴上来,我们放了一些图片在ht原创 2016-08-12 11:00:53 · 2351 阅读 · 0 评论 -
(浏览器兼容问题)使用ffmpeg进行视频格式转换的用法
在HTML5中,新增的元素无疑为我们处理视频提供了极大便利,不过有一个问题我们也必须去解决的,就是不同浏览器对视频格式的支持不同,那么有时候我们必须去进行一些视频格式的转换,我们可以通过处理视频源文件流的软件ffmpeg来实现,它主要是通过命令行来操作的,关于更多的命令行都可以在其官网上查看,几乎可以实现任何的视频处理操作,进而开发视频播放软件。当然了,在这里我们只是简单的实现格式转换的功能,原创 2016-08-12 11:26:15 · 4275 阅读 · 1 评论 -
JavaScript关于面向对象的那些事儿
在JavaScript里面的面向对象有几个独有的地方,比如它的一切事物都是对象,它所构造对象的方式等;也有与所有面向对象的语言相通的地方,比如对象的继承,封装性,信息隐藏等。别看JavaScript名字和Java比较像,它所实现继承和多态的方法,还有它构造对象的方法,与java有着天壤之别。接下来我们就来学习JS面向对象的那些事儿。一)首先我们来看一下JS定义对象的方法,广义上可以分为两种,第原创 2016-08-04 17:55:22 · 367 阅读 · 0 评论 -
CSS瀑布流模型
CSS里的多列是指对数目比较多的数据,浏览器可以对其划分列来排布,以达到更加适宜和美观的效果,我们可以利用多列的功能来实现瀑布流的页面效果首先我们先用一个例子学习一下多列的使用多列的属性包括:column-count 列数column-gap 各列之间的间隙的宽度column-rule 间隙分割线的宽度和颜色设置column-width 列宽我们注意这里-web原创 2016-07-30 16:45:22 · 897 阅读 · 0 评论