前端开发小技巧 前端js使用 Notification 让电脑弹出一个通知消息
前端开发小技巧 ,使用css的writing-mode: vertical-rl,将文本竖向排列
前端开发小技巧 使用HTML自带的progress标签制作一个进度条
前端开发小技巧 使用css做一个加载中的点点点动画
前端开发小技巧 使用IntersectionObserver监听元素是否进入视口或浏览器可视区域
两个冷门的html标签map和area
用来定义图片的点击区域
elementFromPoint函数可以获取指定坐标最上层的元素,利用这个特性可以做自定义右键菜单、拖拽功能、鼠标自动点击等功能
前端开发使用q标签和quotes属性给文本添加自定义的引号
css中的resize属性让div可调尺寸,伪元素-webkit-resizer可以修改右下角小三角样式
前端CSS的属性选择器,可以使用正则匹配
使用::first-line伪元素或-webkit-text-fill-color属性配合::after伪元素实现loading按钮
前端CSS中伪类和伪元素的区别
关闭浏览器标签页或刷新页面时弹出提示框
使用formidable来处理文件上传
使用formidable来处理文件上传
在next.js后端服务中,上传文件接口获取到的body(req.body)为字符串,可以使用formidable库来快速处理文件上传的需求。
使用nodemon热部署插件
使用nodemon热部署插件
nodemon 特性 自动重新启动应用程序。 检测要监视的默认文件扩展名。 默认支持 node,但易于运行任何可执行文件,如 python、ruby、make 等。 忽略特定的文件或目录。 监视特定目录。 使用服务器应用程序或一次性运行实用程序和 REPL。 可通过 Node require 语句编写脚本。 开源,在 github 上可用。
由代码的输出顺序引出事件循环
浏览器启动后会开启浏览器进程、网络进程、渲染进程等多个进行。 其中,每启动一个标签页的时候,会启动一个渲染进程,渲染进程中会有一个渲染主线程,用于解析html/css,处理图层,执行js,绘制页面,执行计时器和用户操作的回调函数等。
排序算法【快速排序】- hoare的交换排序法
排序算法【快速排序】- hoare的交换排序法
快速排序算法的基本思路: 1.任意选取一个基准数k; 2. 小于k的数放在k的左边,大于k的数放在k的右边;3. 再对k左边的子数组和右边的子数组排序,直到子数组只有一个数为止【递归】
前端display: none也可以加过渡的动画了
三种方式实现高度在0和auto之间的渐变过度
前端开发中用纯CSS6种方式实现元素水平和垂直居中
元素的fixed定位一个容易忽视的问题
前端开发父元素的transform、filter等几个样式会影响子元素的fixed定位
前端CSS单行文本超出后显示省略号在左边
用于显示文件名之类的需要看到末尾几个字符的需求中
js中获取伪元素的样式
在getComputedStyle函数第二个参数里传入伪元素的名称就可以了
前端开发使用WakeLock阻止屏幕息屏
前端开发中单行文本超出后在中间显示省略号
要做到单行文本超出时,中间部分显示...有什么方法?
要做到单行文本超出时,中间部分显示...有什么方法?
在Web开发中,处理单行文本超出的情况是一项常见需求。要实现中间部分显示省略号(...),可以使用CSS的text-overflow属性结合一些其他样式。以下是实现这一效果的几种方法
详解 requestIdleCallback
requestIdleCallback会在帧结束时并且有空闲时间。或者用户不与网页交互时,执行回调
最小二乘法的本质是什么?
最小二乘法的本质是什么?
最小平方法是十九世纪统计学的主题曲。 从许多方面来看, 它之于统计学就相当于十八世纪的微积分之于数学。
React中使用contentEditable的坑--setState后光标位置移到开头
React中使用contentEditable的坑--setState后光标位置移到开头
HTML元素中有个特殊的属性contentEditable,此属性可以将HTML节点变为可编辑的元素,以实现某些需要特殊输入需求(比如想要自己鲁一个富文本等)。但是,如果你是第一次在react中使用,那么多半会遇到我标题所述的坑
设备指纹之安全性详解
设备指纹诞生前,互联网企业通过Cookie以及IP地址用于识别用户设备,但进入互联网时代,随着上网设备的多元化、互联网渠道的多样化、用户操作行为个性化等的特点,Cookie 识别用户和追踪用户的能力都有所下降,并且随着黑灰产技术的发展,各类身份伪造手段愈加复杂,迫切需要一种可及时对高风险的设备及相关操作做出反应,控制风险的设备识别技术。