V2EX › DOLLOR 的所有回复 › 第 38 页 / 共 139 页

试着用一个 HTML 文件实现

<!DOCTYPE html>
<div>把 URL 粘贴下来，自动移除参数，并复制到剪切板</div>
<textarea style="width: 500px;height: 200px;" oninput="textareaOnInput(this)"></textarea>
<script>
/** @type {(url:string)=>string} */
const urlParamsRemove=(url)=> {
const u = new URL(url)
return `${u.origin}${u.pathname}`
}

/** @type {(ev:HTMLTextAreaElement)=>void} */
const textareaOnInput = (el) => {
el.value = urlParamsRemove(el.value)
navigator.clipboard.writeText(el.value)
}
</script>

2022-05-13 10:03:16 +08:00

回复了 HackerJax 创建的主题 › CSS › [吐槽]这个世界上为什么会有 Tailwind Css 这种东西？

直接用更粗暴的 CSS in JS 吧

const styleTitle: React.CSSProperties = {
...templateTitle,
marginTop: 20,
marginBottom: 12,
textAlign: 'center',
};

const styleDesc: React.CSSProperties = {
...templateDesc,
paddingLeft: 5,
paddingRight: 5,
};

<>
<div style={styleTitle}>{title}</div>
<div style={styleDesc}>{desc}</div>
</>

2022-05-12 16:07:00 +08:00

回复了 yuan321 创建的主题 › JavaScript › js 中 foreach,map,find,filter,reduce 的适用场景分别是哪些？

// 单纯地遍历
Array.prototype.forEach

// 检测数组中是否有元素符合条件
Array.prototype.some

// 检测数组中是否所有元素符合条件
Array.prototype.every

// 用来将一个列表转换成另一个等长的列表
Array.prototype.map

// 用来将一个列表转换成一个值
Array.prototype.reduce

// 从列表中找出符合条件的一个元素
Array.prototype.find

// 从列表中找出符合条件的若干元素
Array.prototype.filter

// 拍平列表
Array.prototype.flat

// map 和 flat 的结合，适合用来将一个列表转换成另一个不等长的列表
Array.prototype.flatMap

2022-05-12 13:03:54 +08:00

回复了 Joker123456789 创建的主题 › Java › 关于 Java 很啰嗦的问题

哈哈，平时在前端的主题下都在群嘲前端娱乐圈呢，结果后端领域不也一样嘛？🤣🤣

2022-05-12 10:59:42 +08:00

回复了 pytth 创建的主题 › Vue.js › 初次上手 Vue.js 开发效率确实高！从此跟 Jquery 说拜拜！

@DreamCMS
恰好相反，正是打包工具链的存在促进了前端的发展，否则前端今天还在写 ES3 调兼容。

2022-05-11 20:39:28 +08:00

回复了 pytth 创建的主题 › Vue.js › 初次上手 Vue.js 开发效率确实高！从此跟 Jquery 说拜拜！

@wonderfulcxm
现在的后端都不愿接触 HTML 、CSS 、JS 了，前端也不想在自己电脑上跑个后端项目写页面。
不如干脆彻底分工，前后端各自在自己的领域卷卷卷。

2022-05-11 15:41:30 +08:00

回复了 Aliberter 创建的主题 › 程序员 › 公正评价，这代码什么水平

当 value 为 bool 型的时候，if(value == true)这种写法相比 if(value)有什么好处吗？

2022-05-11 15:32:50 +08:00

回复了 nnegier 创建的主题 › 程序员 › 最近有一个疑问，跨平台不是一直都有吗，就是 H5 这个呀，为什么还要弄出 Flutter 这些呢

@xiaoyangsa

PWA：好像有谁在叫我🐶

2022-05-09 20:34:14 +08:00

回复了 Richard14 创建的主题 › 问与答 › 前端如何实现，用户看到某元素的时候，触发事件？

https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

2022-05-08 18:19:57 +08:00

回复了 ojh 创建的主题 › 程序员 › 关于 Java 笨重一说

我想起之前接手的一个小程序项目，一看就是 java 背景的人写的。因为代码里面出现了大量为了 OO 而强行 OO 的风格。
比如一个 request 请求，传统的 JS 、TS 开发者会把 wx.request 再套一层 async 函数封装就完事了。而他非要用几个 class 套个里三次外三层，结果是每个页面还要把这几个 class Req 再实例化一遍😂。

2022-05-07 09:17:49 +08:00

回复了 461da73c 创建的主题 › 程序员 › 一个巨大的老 Python 项目突然要求单侧覆盖率到 70%

不出所料，一进来就看到 python 强弱类型之争😂

不过我觉得能上 type hint 就上 type hint

2022-05-06 14:18:25 +08:00

回复了 milkleeeeee 创建的主题 › 程序员 › Node.js 可以通过 Native module 方便的调用操作系统的 API 吗？

如果厂商提供 dll 文件的话，用 node-ffi-napi 是最方便的方法。
不过你可能还需要看得懂用 C++作为样例编写的文档。

比如微软官网
https://docs.microsoft.com/en-us/windows/win32/api/winuser/nf-winuser-messageboxa
文档上的参数声明是这样写的
int MessageBoxA(
[in, optional] HWND hWnd,
[in, optional] LPCSTR lpText,
[in, optional] LPCSTR lpCaption,
[in] UINT uType
);

那么你就可以根据这个声明，构造出在 JS 接口
const user32 = ffi.Library('user32', {
MessageBoxA: ['int', ['int', 'string', 'string', 'int']],
});

然后就可以这样调用它
user32.MessageBoxA(
0,
'hello',
'title',
0x00000001 | 0x00000020
)

2022-05-06 09:41:34 +08:00

回复了 WangLiCha 创建的主题 › 程序员 › Javascript 的原型和原型链相关的基础知识对实际工作有什么帮助吗

我写了这么多年 typescript ，除了偶尔写写 angular ，都没写过几个 class 。
至于原型链，我能想到的使用场景，就是偶尔 hack 别人的东西，给别人的 class 加一些方法、polyfill 。

比如在 string 原型上挂一个 encode 方法
const encode = Symbol('encode')
String.prototype[encode] = function(codeName){/*...*/}
然后就可以在字符串上使用 encode 方法
const gbkArrayBuffer = '测试'[encode]('gbk')

2022-05-05 17:18:49 +08:00

回复了 zzugyl 创建的主题 › 浏览器 › 谷歌浏览器所有打开页面和分组怎么转到另外一个电脑？

Session Buddy

1 ... 34 35 36 37 38 39 40 41 42 43 ... 139

❮

❯