王力国-CSDN博客

原创前端技术周刊 2023-07-30：Promise.withResolvers 进入 Stage3

如今大型语言模型 (LLM) 使这一切变得容易，但这也带来了另外的挑战，包括需要限制模型的回复以确保安全、构建模型的响应以进行进一步处理，以及确保模型的回复有效。该文章作者认为在 JS 中使用 SVG 会严重损害运行时性能，并详细探讨为何 SVG-in-JS 是一种反模式，并给出了从 JS 包中移除 SVG 的最佳实践，包括使用 img 以及 use 引用等。Chrome 使用数据显示，用户在页面上花费的时间有 90% 是在加载后花费的，因此仔细测量整个页面生命周期的响应能力非常重要。

2023-07-30 21:36:53 207

原创前端技术双周刊 2023-06-04：React 发布 10 周年整

Jest 是一个强大的自动化测试框架，其最大的优势是开箱即用，但如果没有更改一些默认配置项，那么测试可能是脆弱的、依赖于顺序的，甚至完全错误的，这篇文章将深入探讨一些关键配置项的作用，以及如何修复测试。有时候你只是在开发一个小巧的 JavaScript 项目，并不想要引入 TypeScript 等复杂技术方案，但是又希望能够获取尽可能多的类型提示，此时你可以使用 JSDoc，该文章对此有详细介绍。一个将 Cron 指令转化可读文本的工具，该工具零依赖很轻量，且有超过 30 种语言的国际化支持。

2023-06-04 18:20:27 164

原创前端技术双周刊 2023-05-07：Qwik 1.0 正式发布

Qwik 是一个有里程碑意义的前端框架，无论应用程序有多大，Qwik 都能够快速地构建，在多数情况下，Qwik 会先下载 1KB 的 JavaScript，在需要的时候才会懒加载或预处理程序和应用程序代码。该版本最重要的更新是增加了权限控制，这是一个非常关键的特性，有助于解决此前被人诟病的安全性问题，不过该特性目前还处于试验性阶段，需要使用。这是一本旨在帮助程序员成为优秀的 Tech Lead 的电子书，由 Thoughtworks 编写，通俗易懂，干货满满，值得阅读。的响应式将成为历史。

2023-05-07 21:34:02 157

原创前端技术双周刊 2023-04-08：Chrome 支持 CSS 嵌套语法

最值得关注的更新来自 React Forget 的进展，这是一个优化编译器，其目标是能够使用已有的 JavaScript 和 React 心智模型构建完全反应式系统，编译器会处理最棘手的部分。当我们需要使用 Node.js 构建一个 CLI 时，面临的第一个问题就是工具选型，社区有大量的工具库可供选择，但很多都相当陈旧。，如果有问题就需要重复这个过程，这是一个非常耗时且容易出错的过程，如果设计师可以直接在浏览器里的真实页面上和 figma 的标注评论一样进行走查，那团队效率将得到有效提升，

2023-04-08 12:51:42 221

原创 Angular开启html5模式实现去除路由上的#号

1.为什么Angular实现的SPA路由会有#号？由于是SPA，因此需要使用#号来实现锚点，从而实现不刷新页面2.什么情况下要去掉#号： 1.当你觉得带有#号的路由很丑的时候 2.当你需要使用GA等工具的时候（由于无法获取#号后的URL，因此对于GA等网页分析工具是灾难，当然你也可以在每次路由切换的时候给GA发一个路径）3.我是如何去掉#号的？

2017-01-12 22:36:50 2445

原创谈一谈Javascript中setTimeout

前端时间公司在开会的时候提到了Javascript里的setTimeout，同事们的讨论很有意思，决定和大家分享一下。话不多说，上代码//代码块Adocument.querySelector('button').onclick = function(){ / setTimeout(function f1() { console.log('你点击了butto

2016-12-03 22:31:48 379

原创 add(2)(3) //5 实现

饿了么面试的一道题目：实现 add(2,3) // 5 add(2)(3) //5function add(a, b) { if (arguments.length == 2) { return a + b; } else if (arguments.length == 1) { return function(b) { ret

2016-10-15 19:00:21 829

原创 git的一些常用命令

最近刚开始接触git，跟着廖雪峰老师的教程下来，发现git是真酷啊，起码解决了几乎我遇到的所有版本管理问题。非常好，讲真，真的比svn好用（之前用过几次svn）。决定以后就用git了，哈哈。本文主要列举出了常用的一些git命令，更过命令和详细解释，请移步廖雪峰老师的git教程廖雪峰的官方网站先导概念：git有工作区和暂存区，add某个文件是将其交给暂存区{类似购物车的概念

2016-10-08 19:38:39 359

原创 ES6的Promise简单使用

先导解释：ES6是javascript的语言规范，javascript是ES6的实现解决JS异步代码的组织方式，有单纯的的callback嵌套，js原生的generator，和ES6的Promise，本文以Promise为例设定场景：随机[0,1]中的一个数，如果是0则表示失败并结束，如果是1则进行下一步的调用，调用顺序为promise1->promise2->promis

2016-10-07 21:55:31 620

原创 JavaScript数据结构与算法

最近在看《学习JavaScript数据结构与算法》,于是写了一些代码放在github上，如有错误，请指出，谢谢（1）数据结构篇demo01: 栈的实现：进制转换demo01入口demo02: 队列的实现：普通队列，优先队列，循环队列demo02入口demo03: 链表的实现：单向链表demo03入口demo04:

2016-10-03 22:16:14 334

转载 JavaScript 中 setTimeout 的那些事儿

原文入口一、setTimeout那些事儿之单线程一直以来，大家都在说Javascript是单线程，浏览器无论在什么时候，都且只有一个线程在运行JavaScript程序。但是，不知道大家有疑问没——就是我们在编程过程中的setTimeout(类似的还有setInterval、Ajax)，不是异步执行的吗？！！例如： head> titl

2016-09-30 09:56:56 450

原创魅族面试的一个问题，img是行内元素，为什么也可以设置框高？

1.魅族一面面试官问我一个问题，img是什么元素？我第一反应是行内元素。判断一个元素是行内元素，还是块元素，无非就是看它是否是独占一行。img标签显然没有独占一行，固它是行内元素。这没有问题。2.接下来，面试官又问，既然img是行内元素，那为什么可以通过CSS设置框高呢？这一问，给我问住了，确实之前没有想过这个问题，翻了一下资料，大概比较好的解释就是:尽管img是行内元素，

2016-09-23 21:32:53 11650 4

原创本地存储之application cache和localstorage

第一部分：Application Cache1.Application Cache介绍 html5提供的一种应用缓存机制，使得基于web的应用程序可以离线运行。优点有如下几点：离线浏览: 用户可以在离线状态下浏览网站内容。更快的速度: 因为数据被存储在本地，所以速度会更快。减轻服务器的负载: 浏览器只会下载在服务器上发生改变的资源。 2.如何使用

2016-09-23 12:52:08 3722

原创道客web前端开发实习生，电话面试问题

上海的一家公司，很不错，HR态度非常好，电话面试我的是一个女生，声音很甜，交流的过程很开心，但是回答的不是很理想，所以，等通知咯1.如何实现块级元素水平垂直居中（不知宽高）？display: flex;justify-content: center;align-items: center; 2.position有几种？absolute，fixed，relativ

2016-09-15 21:42:46 1646

原创 web前端工程师必备知识：TCP/IP

1.OSI的7层参考模型分层名称功能概述常见协议7应用层针对特定应用的协议FTP，DNS，HTTP，SMTP等6表示层负责数据格式的转换不用协议5会话层负责建立和断开通信连接

2016-09-15 21:31:52 2486

原创《图解http》学习总结

1.什么是http？HTTP（Hypertext TransferProtocol），即超文本传输协议。是client-server之间的处在应用层的通讯协议。HTTP协议是基于TCP/IP之上的协议。通俗来讲是服务器和客户端之间传输数据的一些约定。2.那什么又是TCP/IP呢？TCP/IP是在IP协议的通信过程中，使用到的协议族的统称。其分为以下四层：应用

2016-09-15 21:28:16 587

原创 JS实现循环给元素绑定事件的几个常用方法

作为一个JS的初学者，想对一些元素循环绑定事件的时候总是出现各种问题，尤其是在对闭包没有熟练掌握的时候更是一头雾水。网上一查，果然好多初学者有这个困惑，既然这个问题总是出现，于是在我就总结了以下两个比较好理解的解决方案，分享给大家

2016-04-12 21:56:59 11597 1

kingliguo的博客