首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏代码生涯

    JS开发技巧

    逻辑与(&&)逻辑与本身没什么好讲的,但在JS中使用它编写的代码异常简约漂亮//什么真值假值,我就不解释了,直接上代码------------------------------------------

    38610编辑于 2023-11-02
  • 来自专栏终身学习者

    5JS 数组技巧可提高你的开发技能

    在前端开发中,数组是经常会被用到的数组结构,今天,介绍 5 个处理数组技巧,希望能带给你们一些 启发和帮助。废话不多说,让我们开始吧。 1. 随机排列 在开发者,有时候我们需要对数组的顺序进行重新的洗牌。 唯一值 在开发者,我们经常需要过滤重复的值,这里提供几种方式来过滤数组的重复值。 使用 Set 对象 使用 Set() 函数,此函数可与单个值数组一起使用。 const numArray = [1,2,3,4,2,3,4,5,1,1,2,3,3,4,5,6,7,8,2,4,6]; // 使用 Array.from 方法 Array.from(new Set 把数组转成以指定符号分隔的字符串 JS 中有个方法可以做到这一点,就是使用数组中的 .join() 方法,我们可以传入指定的符号来做数组进行分隔。

    1.5K11发布于 2020-08-06
  • 来自专栏服务器运维笔记

    安利几个JS开发技巧

    Result: 155 console.log(1553 / 100 | 0) // Result: 15 console.log(1553 / 1000 | 0) // Result: 1 5格式化 let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(array.slice(-1)); // Result: [9] console.log( const array = [1, 1, 2, 3, 5, 5, 1] const uniqueArray = [...new Set(array)]; console.log(uniqueArray) ; // Result: [1, 2, 3, 5] 在ES6之前,隔离惟一值将涉及比这多得多的代码。 此技巧适用于包含基本类型的数组: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的小技巧

    “ 关注 前端开发社区 ,回复 '领取资源',免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步 1 转换布尔值 除了常规的布尔值true和false let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(array.slice(-1)); // Result: [9] console.log( const array = [1, 1, 2, 3, 5, 5, 1] const uniqueArray = [...new Set(array)]; console.log(uniqueArray) ; // Result: [1, 2, 3, 5] 在ES6之前,隔离惟一值将涉及比这多得多的代码。 此技巧适用于包含基本类型的数组:undefined,null,boolean,string和number。(如果你有一个包含对象,函数或其他数组的数组,你需要一个不同的方法!)

    1.9K30发布于 2020-05-21
  • 来自专栏架构驿站

    开发基础】Node.js优化技巧概述

    2.关闭套接字池 Node.js的http客户端会自动地使用套接字池:默认地,它会限制每台主机只能有5个套接字。 对于css和图片等静态资源,用标准的WebServer而不是Node.js。 因此更有效的作法是让Node.js仅以JSON形式返回页面需要的动态内容。 这个方法能极大性地减少CPU,IO,和Node.js的负载量。 5.使用gzip 许多服务器和客户端支持gzip来压缩请求和应答。无论是应答客户端还是向远程服务器发送请求,请确保充分使用它。 另一方面,在Node.js中,你能确切地知道哪些JavaScript方法是有效的:V8 JavaScript引擎支撑Node.js实现ECMA-262第五版中指定的ECMAScript。

    1.2K60编辑于 2022-03-25
  • 来自专栏编程创造城市

    零基础html5+div+css+js网页开发教程第006期 网页快速开发技巧

    知识回顾: 上一节,我们学习了hbuilder的快速开发工具的简单实用,本机额,我们来介绍这个工具相关的快速开发技巧。 本节知识视频教程 哈罗哈罗,小伙伴们大家好! 我们这一期就用hbuilder来做一个快速开发。我相信大家在下载的时候可能也已经看到了他的一个各种各样的快速开发的一个好处,使用它能够达到提高我们是办使我们事半功倍。 1.多个标签技巧 这里,我们需要使用符号 *表示乘号 举例,写10个a标签 a*然后按tab,然后就会生成10个链接的标签代码。 2.多个光标技巧 多光标同时书写 按住ctrl键,鼠标点选各个位置,然后可以同时书写 3.结合css选择器技巧 Css标签基本对应方式 Id 对应 # class 对应 . 2、要学会利用一些好的工具,辅助我们开发 3、要会快速中用到的基本符号以及层次结构 本例html源代码: <!

    1.3K10发布于 2019-11-25
  • 来自专栏码客

    WPF桌面端开发5-常用技巧

    Canvas 在做黑板的时候我们需要显示一个橡皮擦,它位于Canvas的最顶层 Canvas.SetZIndex(m_erase_img, int.MaxValue); 获取显示器的缩放倍数 我们在开发截屏的功能时如果设置了缩放与布局为

    1K10发布于 2020-05-09
  • 来自专栏深度应用

    开发技巧』PyQt5入门教程

    PyQt5相关 PyQt5是一套来自Digia的Qt5应用框架和Python的粘合剂。支持Python2.x和Python3.x版本。本教程使用Pyhton 3。Qt库是最强大的GUI支持库的一种。 PyQt5的官方主页是www.riverbankcomputing.co.uk/news。是Riverbank Computing开发了PyQt5。 PyQt5以一套Python模块的形式来实现功能。 PyQt5采用双重许可模式。开发者可以在GPL和社区授权之间选择。 简单的例子 这是一个显示一个小窗口的简单例子。我们可以做许多这样的窗口。我们可以调整它的窗口尺寸,最大化或最小化这个窗口。 /usr/bin/python3 # -*- coding: utf-8 -*- """ ZetCode PyQt5 教程 在这个例子中, 我们用PyQt5创建了一个简单的窗口。 PyQt5编程意味着就是面向对象的编程。

    4.9K31发布于 2019-06-27
  • 来自专栏终身学习者

    11 个对开发有帮助的 JS 技巧

    .] - 1000 items 2.生成一个带有数字的列表 Array.from({ length: 1000 }, (v, i) => i) // [0, 1, 2, 3, 4, 5, 6....999 #${(1 << 24) + (r << 16) + (g << 8) + b}`.toString(16).substr(1); rgb2hex([76, 11, 181]); // #4c0bb5 const hex2rgb = hex => [1, 3, 5].map((h) => parseInt(hex.substring(h, h + 2), 16)); hex2rgb("#4c0bb5 "); // [76, 11, 181] 5.奇数或偶数 使用 位 运算的方式: const value = 232; if (value & 1) console.log("odd"); else ago`; default: return `${years} year(s) ago`; } }; const createdAt = new Date(2021, 0, 5)

    27810编辑于 2022-03-22
  • 来自专栏Golang语言社区

    提升 Node.js 应用性能的 5技巧

    提供web服务器和应用服务器的功能,Node.js被认为是各种以微服务为基础的开发和交付的关键工具。 (下载关于Node.js和NGINX的免费Forrester报告。) Node.js可以替代或增强Java和.NET用于后端应用程序的开发。 Node.js是单线程的,并且使用非阻塞I / O,允许它扩展并支持数以万计的并行操作。 Node.js以它的高性能和高开发效率享誉全球。 那么,哪里会出问题呢? Node.js有一些薄弱环节和漏洞,这些薄弱环节和漏洞会使得基于Node的系统容易出现性能不佳,甚至崩溃的现象。 一开始就实施NGINX作为反向代理服务器,就像第一点技巧中所描述的那样。这样就能轻易实现高速缓存、负载平衡(如果有多个Node.js服务器的话)等。 5.实现SSL / TLS和HTTP / 2 越来越多的网站使用SSL / TLS来保护网站上所有用户的交互。

    1.6K40发布于 2018-03-23
  • 来自专栏grain先森

    JS技巧

    本文主要介绍一些JS中用到的小技巧,可以在日常Coding中提升幸福度~ 1. : ~~4.5 // 4 Math.floor(4.5) // 4 ~~-4.5 // -4 Math.floor(-4.5) // -5 2.2 强制参数 默认情况下,如果不向函数参数传值,那么JS 会将函数参数设置为undefined。其它一些语言则会发出警告或错误。 // 1.35 round(1.345, 1) // 1.3 4.3 数字补0操作 感谢网友 @JserWang @vczhan 提供 这个小技巧 , 6], 7], 8], 2); // [1, 2, 3, [4, 5], 6, 7, 8] 5.6 数组的对象解构 数组也可以对象解构,可以方便的获取数组的第n个值 const

    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 来提取 js 对象 扣 js 代码或补环境(DOM、BOM),扣代码则要善于导出变量( window.xxx = ... ) 学会识别统一格式的代码,过滤掉无用的格式要求的固定代码 学会识别 webpack

    4K50编辑于 2023-03-16
  • 来自专栏OSChina

    js 常用技巧

    //设置select的选中效果 $("#selectDianzhang").find("option[value='"+userId+"']").attr("selected",true); //js ; Feng.error("做多上传5张图片!") ")' val="+i+" alt='品牌LOGO' width='60px' src='"+img+"'>"); }); } 控制table的 tr显示与不显示 //4:分销员;5: //显示 }else{ document.getElementById("checkIdentityCard").style.display= "none"; //隐藏 } } js } brands=brands.substring(0,brands.length-1); } return brands; js

    1.6K31发布于 2019-08-01
  • 来自专栏Golang语言社区

    提升 Node.js 应用性能的 5技巧

    提供web服务器和应用服务器的功能,Node.js被认为是各种以微服务为基础的开发和交付的关键工具。 (下载关于Node.js和NGINX的免费Forrester报告。) Node.js可以替代或增强Java和.NET用于后端应用程序的开发。 Node.js是单线程的,并且使用非阻塞I / O,允许它扩展并支持数以万计的并行操作。 Node.js以它的高性能和高开发效率享誉全球。 那么,哪里会出问题呢? Node.js有一些薄弱环节和漏洞,这些薄弱环节和漏洞会使得基于Node的系统容易出现性能不佳,甚至崩溃的现象。 一开始就实施NGINX作为反向代理服务器,就像第一点技巧中所描述的那样。这样就能轻易实现高速缓存、负载平衡(如果有多个Node.js服务器的话)等。 5.实现SSL / TLS和HTTP / 2 越来越多的网站使用SSL / TLS来保护网站上所有用户的交互。

    1.9K60发布于 2018-03-22
  • 来自专栏全栈者

    提升开发幸福感的10条JS技巧

    作者:陈大鱼头 github:KRISACHAN 鱼头总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章。 6, 7, 8, 9] 一行代码去重数组 const list = [1, 1, 2, 3, 6, 45, 8, 5, 4, 6, 5] const uniqueList = [...new Set '0' : '') + s) } dateFormatter('YYYY-MM-DD HH:mm', '1995/02/15 13:55') // 1995-02-15 13:55 后记 以上十个技巧都是我在日常开发中经常用到的一些代码片段 ,善用这些技巧,可以大大减少我们的开发时间。 如果此时正在看文章的你也有类似的技巧心得,不妨在下方留言来分享给大家。

    52130发布于 2019-08-20
  • 来自专栏HTML5学堂

    JS实战开发经验!函数多参数传参技巧

    HTML5学堂-码匠:掌握JavaScript代码的你,一定编写封装过函数,为了提升函数的控制性,必不可少的就是参数,必选可选的一大堆参数罗列出来,函数调用貌似变得麻烦起来~~~ Tips: 必选参数指的是必须要传入实参的参数 举例来说:有一个功能函数h5course,name和domain为其必选参数,而minAPP和book为其可选参数,而我们如此定义函数: ? 由于在函数定义当中,book的参数位置位于minApp参数之后,在调用函数时,如果希望为book这个参数传入值,就必须按照如下方式进行书写: h5course('name参数值', 'domain参数值 1 用对象替代掉原有的单个参数传递方式 2 函数内部使用arguments替换原有的形参 3 利用for-in循环,修改可选参数的默认值 一起来用此方法调整一下h5course函数 ?

    7.2K50发布于 2018-03-13
  • 来自专栏前端知知

    实用的 js 开发技巧——可选链操作符

    页面中的数据来源很大部分都是从服务端返回的,前端会获取到数据然后对数据进行展示,大体代码如下:

    1.2K20编辑于 2022-09-29
  • 来自专栏鱼头的Web海洋

    提升开发幸福感的10条JS技巧

    作者:陈大鱼头 github:KRISACHAN 鱼头总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章。 6, 7, 8, 9] 一行代码去重数组 const list = [1, 1, 2, 3, 6, 45, 8, 5, 4, 6, 5] const uniqueList = [...new Set let g2 = parseInt(c2.substring(3, 5), 16) let b2 = parseInt(c2.substring(5, 7), 16) let r = Math.round '0' : '') + s) } dateFormatter('YYYY-MM-DD HH:mm', '1995/02/15 13:55') // 1995-02-15 13:55 后记 以上十个技巧都是我在日常开发中经常用到的一些代码片段 ,善用这些技巧,可以大大减少我们的开发时间。

    34540发布于 2020-04-16
  • 来自专栏grain先森

    12 个 JS 技巧

    大部分教程不会告诉你的 12 个 JS 技巧 在这篇文章中,将分享 12 个非常有用的 JavaScript 技巧,可以帮助你写出简洁且高性能的代码。 1. const array = [1, 1, 2, 3, 5, 5, 1] const uniqueArray = [...new Set(array)]; console.log(uniqueArray) ; // Result: [1, 2, 3, 5] 在 ES6 之前,获得同样的数组需要更多的代码! 这个技巧可以支持包含原始类型的数组:undefined、null、boolean、string 和 number。但如果你的数组包含了对象、函数或其他嵌套数组,就不能使用这种方法了。 2. 这种技巧通常被称为“短路求值”。 假设我们想要返回两个或多个选项中的一个,使用 && 可以返回第一个 false。如果所有操作数的值都是 true,将返回最后一个表达式的值。

    1.2K10发布于 2019-04-29
领券