半码精选
-
TypeScript中如何使用hasOwnProperty方法
当我们在ts中需要判断一个对象是否存在一个属性的时候,使用js中的hasownPropperty方法发现报红显示: Do not access Object.prototype m…
-
CSS中position: sticky与overflow发生冲突如何解决
今天遇到一个css的问题:之前通过sticky设置的吸顶效果突然不见了,经过一番查证后发现这是因为在其父布局中添加了overflow属性导致sticky失效了。接下来,我们来了解一…
-
JS实现图片的下载
前端中我们可以通过右键另存为实现图片的下载功能,但当我们需要主动控制是否授权用户下载图片的时候,我们可以通过按钮的显示、隐藏来控制图片的下载,图片的下载实现可以通过如下几个步骤来实…
-
Webpack 项目添加 eslint 实现代码检测功能
项目环境及相关资料 构建工具: webpack 5.x Nodejs 版本:v14.x.x 使用语言:js eslint配置官网:https://eslint.bootcss.co…
-
如何使用JQuery进行网站开发?
JQuery是较早一代的前端开发的利器, 极大地简化了 JavaScript 编程。就目前而言也是大多数网站使用的工具,就轻量型网站开发选择JQuer…
-
使用docker简单部署一个express应用
最近自己在写一个网站应用,应用不大,为了方便我的书写和网站发布,就是用了nodejs实现后端部分的开发,框架采用了Express框架来实现。本文主要记录下,我的应用部署过程。部署比…
-
JS实现二维码生成
二维码也是比较常用的一个工具了,通过二维码我们可以实现网页内容的推广、分享,以及实现用户信息的校验认证,今天这篇文章主要介绍前端如何申城二维码的。 我们可以采用现有的生成库来生成二…
-
JS中通过canvas实现图片格式的转换
对于图片格式的修改,通过后端修改可以通过引用相关工具包实现图片格式的修改,但当我们想通过JS来实现图片格式的转换的话,我们改如何实现昵?本文介绍在JS中通过canvas来实现图片格…
-
CSS修改滚动条样式:scrollbar
前端页面中的列表数据超出屏幕,当我们给外层容器设置了overflow:scroll , 就可以通过滚动条滚动显示内容,但是web自带的滚动条样式不太美观,这时候我们就可以…
-
JS 实现冒泡排序
冒泡排序是按照要求从小到大或者从大到小排序,我们通过不断比较数组中相邻两个元素的值,较大或较小的元素前移,直到没有相邻元素需要交换,说明该元素排序完成,其原理图如下: 代码实现 通…
-
TypeScript中import 和import type的区别
今天在看ant-design-vue源码的时候发现在代码中大量使用了import和import type,于是我就比较好奇他们到底有什么不同,但是查看了TypeScript手册,可…
-
由前端接入第三方实名认证引发的知识探索
前言 最近,项目中需要接入第三方实名认证。 看了第三方提供的开发文档后,得知实名认证分为三种:普通版、签名版、有效期版。 普通版:将参数appId、appKey、name、idNu…
-
前端使用var()实现样式的自定义配置
var()函数可以实现将我们定义的CSS变量传递给属性,且var()函数有且今年用于属性值的设置。var()函数通常是配合css变量一起来使用,且不需要关心浏览器类型,现在的主流浏…
-
几个常见的滤镜CSS函数
CSS滤镜函数对于图像的增强效果往往有意想不到的效果,如设置图像灰度、亮度、透明度、饱和度、对比度等。本篇文章主要是介绍几个常见的CSS滤镜函数。 1、brightness bri…
-
Vue中如何获取视频文件的第一帧截图?
当我们需要展示视频列表时,一般的需要手动通过video文件获取视频的截图生成thumb,那么如何生成视频的第一帧图片呢?我们可以使用canvas辅助获取。 shutThumb() …
-
Vue2通过自定义指令实现按钮权限控制
目前较为常见的后台管理系统开发过程中,需要将系统菜单、功能权限粒子化,一般需要将权限分为:路由权限和功能权限,一般的菜单权限我们可以通过后端控制返回特定路由信息动态加载菜单路由,而…