- 综合排序
- 最热优先
- 最新优先
- 来自专栏代码生涯
JS开发技巧
逻辑与(&&)逻辑与本身没什么好讲的，但在JS中使用它编写的代码异常简约漂亮//什么真值假值，我就不解释了，直接上代码------------------------------------------
38610编辑于 2023-11-02 - 来自专栏全栈者
提升开发幸福感的10条JS技巧
作者：陈大鱼头 github：KRISACHAN 鱼头总结一些能够提高开发效率的JS技巧，这些技巧很实用，觉得挺好，想推荐给大家，所以有了这篇文章。 '0' : '') + M) .replace(/DD/g, (D < 10 ? '0' : '') + s) } dateFormatter('YYYY-MM-DD HH:mm', '1995/02/15 13:55') // 1995-02-15 13:55 后记 以上十个技巧都是我在日常开发中经常用到的一些代码片段 ，善用这些技巧，可以大大减少我们的开发时间。 如果此时正在看文章的你也有类似的技巧心得，不妨在下方留言来分享给大家。
52130发布于 2019-08-20 - 来自专栏鱼头的Web海洋
提升开发幸福感的10条JS技巧
作者：陈大鱼头 github：KRISACHAN 鱼头总结一些能够提高开发效率的JS技巧，这些技巧很实用，觉得挺好，想推荐给大家，所以有了这篇文章。 '0' : '') + M) .replace(/DD/g, (D < 10 ? '0' : '') + H) .replace(/mm/g, (m < 10 ? '0' : '') + s) } dateFormatter('YYYY-MM-DD HH:mm', '1995/02/15 13:55') // 1995-02-15 13:55 后记 以上十个技巧都是我在日常开发中经常用到的一些代码片段 ，善用这些技巧，可以大大减少我们的开发时间。
34540发布于 2020-04-16 - 来自专栏call_me_R
10个JS优化小技巧
.markdown-body h4,.markdown-body h5,.markdown-body h6{line-height:1.5;margin-top:35px;margin-bottom:10px #f8f8f8}.markdown-body blockquote:after{display:block;content:""}.markdown-body blockquote>p{margin:10px let test: boolean; if (x > 100) { test = true; } else { test = false; } // 简洁 let test = x > 10 冗余 let test = ''; for(let i = 0; i < 5; i ++) { test += 'test '; } // 简洁 'test '.repeat(5); 10
68930发布于 2021-02-05 - 来自专栏前端达人
分享 10 个前端开发者需要知道的 JS 技巧
英文 | https://javascript.plainenglish.io/as-a-front-end-engineer-10-javascript-tricks-and-tips-you-should-know-about 所以，这里有 10 个我总结的JavaScript 技巧，可以帮助你避免编写我曾经做过的那种垃圾代码。 1. // component2.js if (status === 1 || status === 2) { // ... } 我们最好将这些数字定义为常数。 /constants.js' // component2.js if ([ STATUS.adultRealName, STATUS.minorRealName ].includes(status)) 10. 超过一千行的组件代码 我在一个组件中编写了超过一千行代码。这太糟糕了，我们应该将组件的功能进一步拆分为更小的组件。
60040编辑于 2022-11-25 - 来自专栏服务器运维笔记
安利几个JS开发小技巧
let str = "1553"; Number(str.substring(0, str.length - 1)); 相反，按位或运算符可以这样写： console.log(1553 / 10 | 此技巧适用于包含基本类型的数组：undefined，null，boolean，string和number。（如果你有一个包含对象，函数或其他数组的数组，你需要一个不同的方法！）
1.9K40发布于 2020-09-30 - 来自专栏前端迷
灵活运用JS开发技巧
每写好一篇文章，都会使用大量的写作技巧。 因此，我整理下三年来自己使用到的一些「JS开发技巧」，希望能让你写出耳目一新、容易理解、舒服自然的代码。 ❞ 目录 既然写文章有这么多的写作技巧，那么我也需要对「JS开发技巧」整理一下，起个易记的名字。 「String Skill」：字符串技巧 「Number Skill」：数值技巧 「Boolean Skill」：布尔技巧 「Array Skill」：数组技巧 「Object Skill」：对象技巧 开发技巧」，会继续在这篇文章上补全。
1.3K30发布于 2020-02-26 - 来自专栏前端知否
构建Vue.js组件的10个技巧
Vue.js提供了两种加载组件的方法：一种在Vue实例全局，另一种在组件级别。两种方法都有其自身的优点。 全局加载组件使其可以从应用程序中的任何模板（包括子组件）访问。 10. Vue-CLI的力量 Vue CLI 是一个功能强大的命令行界面，允许开发人员快速利用大量可以加快工作流程的功能。 这样做的好处在于，您可以完全开发一个独立的组件，同时也可以对组件进行热重新加载和迭代，无需临时将新组件导入页面进行开发。 ? 在团队工作时，您可能需要提取一个特定组件并与其他组人共享。 调用时，Vue将自动构建单个文件组件，将CSS移动到外部CSS文件（可选，您也可以内联），以及创建 UMD 和 Common .js文件以导入到其他JS项目中。 ?
2.6K10发布于 2020-03-23 - 来自专栏Vue开发社区
安利几个开发JS的小技巧
“ 关注 前端开发社区 ，回复 '领取资源'，免费领取Vue，小程序，Node Js，前端开发用的插件以及面试视频等学习资料，让我们一起学习，一起进步 1 转换布尔值 除了常规的布尔值true和false let str = "1553"; Number(str.substring(0, str.length - 1)); 相反，按位或运算符可以这样写： console.log(1553 / 10 | 此技巧适用于包含基本类型的数组：undefined，null，boolean，string和number。（如果你有一个包含对象，函数或其他数组的数组，你需要一个不同的方法！）
1.9K30发布于 2020-05-21 - 来自专栏全栈修炼
不想加班，你就背会这 10 条 JS 技巧
) } return result.substr(0, len); } genRandomStr(3) // u2d genRandomStr() // y genRandomStr(10 ) // qdueun65jb 10.
27220编辑于 2023-03-15 - 来自专栏架构驿站
【开发基础】Node.js优化技巧概述
对于css和图片等静态资源，用标准的WebServer而不是Node.js。 如果我们用node.js在服务器端渲染，对于每个请求我们都会回送像下面这样的HTML页面： <! 因此更有效的作法是让Node.js仅以JSON形式返回页面需要的动态内容。 另一方面，在Node.js中，你能确切地知道哪些JavaScript方法是有效的：V8 JavaScript引擎支撑Node.js实现ECMA-262第五版中指定的ECMAScript。 10.让你的代码保持小且轻 使用移动设备会让访问速度慢且延迟高，这告诉我们要让我们的代码保持小且轻。对于服务器代码也保持同样的理念。
1.2K60编辑于 2022-03-25 - 来自专栏前端进阶-詹躲躲
10个关于 Vue 的高级开发技巧
这些高级技巧从何而来？ 从我五年的 Vue开发中。 从我用 Vue 2 和 Vue 3 中构建的 20 多个大型客户端项目中。 从有影响力的 Vue 开发人员的平时开发技巧总结中。 虽然，高级 Vue 开发人员会发现这些概念非常有用，但我已经详细概述了如何完成每个概念，因此不会让初学者掉队！ 如果你需要任何进一步的解释，请在留言区给我留言，我将很乐意为你提供帮助。 这是一个很好的技巧，可以绕过我们用来实现这一点的典型逻辑，并将其缩短为exact-active-class=”className”。 $refs.child.methodName() 这是一个更清晰的例子，以防上面的内容太简短： 10、验证组件道具 验证你的道具有两件事。 如果你有自己的高级技巧，请随时在评论中分享。
6.8K20编辑于 2022-09-13 - 来自专栏终身学习者
10个 Chrome 开发工具和技巧
Chrome 开发者工具包里加入了手机模拟器特性，帮助我们测试： image.png 对于大多数人而言，大多数时间只需要通过不同的屏幕尺寸和方向查看他们的网站即可。 Extensions 我们可以将扩展程序安装到Chrome开发者控制台。 许多框架都有自己的扩展名，以简化其技术（Vue，Angular，React等）的开发。 Coverage Coverage 是chrome开发者工具的一个新功能，从字面意思上可以知道它是可以用来检测代码在网站运行时有哪些js和css是已经在运行，而哪些js和css是还没有用到的，如图，这是我在打开 如上图所示，最右边显示的是我们加载的css和js文件数量，红色区域表示已运行的代码，而青色表示已加载但未运行的代码。 可用来发现页面中尚未用到的js 和 css代码，你可以为用户只提供必要的代码，这样就可以提升页面的性能。这对于找出可以进行拆分的脚本以及延迟加载非关键脚本来说非常有用。 10.
1.1K30发布于 2021-01-30 - 来自专栏前端达人
10个关于 Vue 的高级开发技巧
这些高级技巧从何而来？ 从我五年的 Vue开发中。 从我用 Vue 2 和 Vue 3 中构建的 20 多个大型客户端项目中。 从有影响力的 Vue 开发人员的平时开发技巧总结中。 虽然，高级 Vue 开发人员会发现这些概念非常有用，但我已经详细概述了如何完成每个概念，因此不会让初学者掉队！ 如果你需要任何进一步的解释，请在留言区给我留言，我将很乐意为你提供帮助。 这是一个很好的技巧，可以绕过我们用来实现这一点的典型逻辑，并将其缩短为exact-active-class=”className”。 10、验证组件道具 验证你的道具有两件事。它会告诉你是否向组件传递了不正确的 prop，并且可以轻松查看该组件旨在接受哪些选项。 如果你有自己的高级技巧，请随时在评论中分享。
6.8K10发布于 2021-07-16 - 来自专栏终身学习者
11 个对开发有帮助的 JS 技巧
category: v => ['Car', 'Mobile', 'Home'][v], id: v => +v }); // { category: 'Home', id: 8583212 } 10
27810编辑于 2022-03-22 - 来自专栏葡萄城控件技术团队
提升开发技能：10个高级的JavaScript技巧
为了在竞争激烈的开发领域中保持竞争力，不断提升自己的技能是至关重要的。本文小编将您介绍10个高级的JavaScript技巧，旨在帮助开发者们在编码过程中更加高效和灵活。 ; } }); 10、Web Workers Web Workers可以在后台与主线程一起运行JavaScript代码。它们对于卸载CPU密集型任务，避免UI挂起并提高性能响应性非常有用。 // 主线程 const worker = new Worker('worker.js'); worker.postMessage({ data: 'some data' }); // worker.js JavaScript 作为一门广泛应用于 Web 开发的语言，其重要性不言而喻。掌握这些技巧，可以让您的代码更加简洁、高效、易于维护。 Chrome开发者工具使用教程 从表单驱动到模型驱动，解读低代码开发平台的发展趋势 低代码开发平台是什么？ 基于分支的版本管理，帮助低代码从项目交付走向定制化产品开发
43210编辑于 2023-11-28 - 来自专栏grain先森
JS 小技巧
本文主要介绍一些JS中用到的小技巧，可以在日常Coding中提升幸福度~ 1. 2.2 强制参数 默认情况下，如果不向函数参数传值，那么JS 会将函数参数设置为undefined。其它一些语言则会发出警告或错误。 = "2014-08-08"; var b = "2014-09-09"; console.log(a>b, a<b); // false true console.log("21:00"<"09:10 // 1.35 round(1.345, 1) // 1.3 4.3 数字补0操作 感谢网友 @JserWang @vczhan 提供 这个小技巧 const numbers = [10, 20, 30, 40]; const doubledOver50 = numbers.reduce((finalList, num) => { num =
1.7K20发布于 2019-03-28 - 来自专栏TagBug
Js调试技巧
开发人员工具、断点技巧、搜索技巧等 视频版本：【JavaScript 代码调试方法】How To Debug In Chrome -> link # 学会使用开发人员工具 ---- preserve % s: 字符串占位符；% o: 对象占位符；% c: 样式占位符；% d: 数字占位符 # 断点技巧 ---- dom断点 、 dom事件断点 、全局 event listener 、 xhr断点 下断点一般选在方法开头、结尾、return 处，遇到平坦流（for+switch）在 case+return 处下断 学会编辑断点条件（false -> 跳过该断点），切换断点禁用 # 搜索关键字技巧 一些常见的加密方式： 取盐校验 -> 不可逆 md5 md2 md4 带密码的 md5（hmac） 分 16 位、32 位、40 位 123456 经过 md5 后 -> 49ba...057 / e10adc ---- 巧用 JSON.stringify/parse 来提取 js 对象 扣 js 代码或补环境（DOM、BOM），扣代码则要善于导出变量（ window.xxx = ... ） 学会识别统一格式的代码
4K50编辑于 2023-03-16 - 来自专栏终身学习者
JS 10个 常用的技巧和鲜为人知的特性
作者：Euel Duran 来源： Dev 译者：前端小智 ---- JS是一门发展迅速的语言，正因如此，有些新的特性和功能，咱们没有办法在第时间内知道。 在这篇文章中，咱们主要探讨一些少有人知道的特性还有一些常用技巧。 腾讯云 热门云产品限量特惠秒杀，云服务器1核2G，99元/1年 海外1核2G服务器低至2折，半价续费券限量免费领取！ 获取查询字符串参数 URLSearchParams 是接口定义了一些实用的方法来处理 URL 的查询字符串，它已经存在了好几年了，但它在开发人员中并不流行，有点让人惊讶，咱们来看看如何使用它 var paramsString searchParams.delete("topic"); searchParams.toString(); // "q=URLUtils.searchParams" 使用 Set 对象创建一个惟一的元素列表 用JS 假设有以下列表： const naiveList = ['1500', '1350', '4580']; 想要计算数组中所有元素的和，在JS中，字符串的相加把两个字符串拼接起来，像'1' + '2'它们会连接起来为
89730发布于 2019-09-30 - 来自专栏【腾讯云开发者】
10个技巧！实现Vue.js极致性能优化（建议收藏）
接下来，我将为大家梳理10个实现Vue.js极致性能优化的技巧，以供大家在实际运用中使用。 一、v-for遍历必须为item添加key， 且避免同时使用v-if 在列表数据进行遍历渲染时，需要为每一项item设置唯一key值，方便Vue.js内部机制精准找到该条列表数据。 Vue.js 2.0组件级懒加载方案： 支持组件可见或即将可见时懒加载 支持组件延时加载 支持加载真实组件前展示骨架组件，提高用户体验 支持真实组件代码分包异步加载 安装： npm install 性能提升对比 在基于Vue的一个big table benchmark里，可以看到在渲染一个一个1000x10的表格的时候，开启Object.freeze()前后重新渲染的对比。 腾讯客户端开发工程师，目前在IEG增值服务部从事掌上道聚城app开发工作，有丰富的跨平台weex，react-native，flutter开发经验。
7.2K20发布于 2021-09-18
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号