排序
[译]2023年 Web Coponent 现状
本文为翻译 原文地址:2023 State of Web Components: Today's standards and a glimpse into the future. 最近,我写了关于如何构建你的第一个 Web Component,以及基本 v1 Web Component 规范...
前端实现复制文字和图片,原来这么简单!
1.功能需求 2.document.execCommand('copy') 2.1 基本用法语法返回值参数值简单举例指令兼容性问题2.2 Selection Api2.3复制文字2.4复制图像3.clipboard.js3.1安装和引入clipboard.js3.2基本...
前端合成海报并保存到本地
近期给AI产品增加了推广返佣的能力,涉及到推广就会有分享裂变,个人的专属分享链接及海报。本次文章主要记录前端合成海报并下载到本地的流程,因为产品运行的平台主要是在小程序和PC浏览器,所...
AI太强了!使用langchain自动生成代码
一、背景 在使用AI模型的过程中,发现了目前大多数LLM存在的一些问题: 大文本超出openai token数量超出限制。目前openai的模型,基本都是4k、8k、16k的token数量。如果直接调用openai接口,会...
从nest.js中了解IoC和DI的实现
做一个有温度和有干货的技术分享作者 —— Qborfy 背景 从上一篇《从egg.js转到nest.js》,想对其再深入了解一下,尤其比较好奇Typescript是如何实现IoC和DI,因为在Java的是通过的反射(Spring ...
node运行机制&事件循环
node非阻塞模型 node运行机制的核心可以概括为非阻塞,我们都知道javascript是单线程的,不单单是指在浏览器环境中,在node环境中同样如此。 注:这里明确js的单线程的含义——在浏览器环境中,...
抢先体验!超强的 Anchor Positioning 锚点定位
本文,将向大家介绍 CSS 规范中,最新的 Anchor Positioning,翻译为锚点定位。 Anchor Position 的出现,极大的丰富了 CSS 的能力,虽然语法稍显复杂,但是有了它,能够实现非常多之前实现起来...
【像素化图片】一定要铠甲才能让你兴奋吗?看好了我可不是铠甲勇士
? 在本篇文章中将介绍如何通过使用HTML、CSS和JavaScript创建大把awesome像素图像动画效果。这个动画效果会动态的逐渐显示一个由多个很多像素图像组成的图片,并对像素图像应用关键帧动画效果还...
ECMAScript 2023(ES14)中的所有新功能
JavaScript在持续发展,近期ECMAScript 14中发布添加了一批新功能,让我们一起来探索一下今年对JavaScript开发人员的新功能。时间的车轮又过去了一年,随之而来的是JavaScript的新官方版本:E...
worksheet 中常用属性之 sheetPr
sheetPr 介绍 <sheetPr>(Sheet Properties)元素位于Office Open XML(OOXML)中的工作表文件(如 xl/worksheets/sheet1.xml)的<worksheet>元素内,用于表示工作表的一些属性和...
让你兴奋不已的13个CSS技巧?
微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。 本文 GitHub github.com/qq449245884… 已收录,有一线大厂面试完整考点、资料以及我的系列文章。 快来免费体验Chat...
这里有些方法,让你更好学会webpack“开发环境配置”
前言 我们在使用webpack时,经常会看到类似以下结构: build ├── webpack.common.js └── webpack.dev.js └── webpack.prod.js 很多时候,webpack的配置我们基本复制粘贴过来的,没有想...
对JavaScript中与字符串相关的方法总结
JavaScript中的字符串是由16位码元code unit组成。通常来说,一个字符=16位码元,该类字符也叫做单码元字符。还有一种字符组成策略是代理对,它由两对16位码元组成,即一个字符对应两个16位码元...
前端国际化:懒人必备的自动翻译
上一篇文章我们讲了语言包的维护,今天继续讲讲语言包的自动翻译。 翻译工作流 我们这里讲的自动翻译指的是机器翻译,虽然机器翻译未必准确,但在它可以帮助我们快速实现原型,这在项目初期确实...
让 chatgpt 帮你实现一个可以拖动调节高度的 iframe
背景 需要将一个页面以 iframe 的方式嵌入页面, 而且还需要能够拖动iframe的上边缘动态调整 iframe 的高度。 大概长下面这个样子。 html <!DOCTYPE html> <html lang='en'> <he...
js实现promise 的并发控制
背景 公司项目需要写个 nodejs 脚本,批量导入 xml 中的文本,表格和图片 xml 中有大量的文本,表格和图片,需要调后台接口上传数据。 后台接口没有批量操作,调一次接口只能创建一条数据。 后...
GitHub和码云上,7个h5页面制作工具推荐
一、ymm-tech/gods-pen star: 1.7k watch: 270 fork: 557 码良是一个在线生成H5页面并提供页面管理和页面编辑的平台,用于快速制作H5页面。用户无需掌握复杂的编程技术,通过简单拖拽、少量配置...
精读《Vuejs设计与实现》第 5 章(非原始值响应式方案)
5.1 理解 Proxy 和 Reflect Proxy 可以创建一个代理对象,实现对其他对象的代理,拦截并重新定义对对象的基本操作。注意,Proxy 只能代理对象,不能代理非对象值(如字符串、布尔值等)。基本操...
【前端知识梳理-JS】深入js执行机制
1. 代码执行顺序 先来看下如下代码的执行结果,看是否符合你的预期: showName() console.log(myname) console.log(myage) var myname = '哈哈' function showName() { console.log('showName被...
js操作剪贴板讲解
在操作系统级别,剪贴板允许应用程序之间传输数据。 在现代web应用中,提供复制、剪切、粘贴等与剪贴板交互的功能已成为标配,极大的提高了用户的便利性。 但由于涉及到跨域和隐私问题,浏览器...