首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
JavaScript Opening
西南_张家辉
创建于2021-05-24
订阅专栏
JavaScript 开放式学习
等 5 人订阅
共21篇文章
创建于2021-05-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
CSS&JavaScript:你究竟会几种多列布局?
α 产品经理有个需求-多列布局的实现 产品-彦祖 : 家辉啊,我需要一个这样的场景展示数据,可以 自定义列数 ,后端数据返回的就是数组,你看你前端咋弄啊 切图仔-渣渣辉 : 好的彦祖, 自定义多列
css3 javascript 单行和多行文本溢出截断多种方案
在我们日常开发中的时候经常会遇到一种业务场景,需要截断一些文字的显示。可能是一行或者两行,或者根据字数限制或者用户的显示屏幕大小来展示对应的文字。 响应式截断,当文本溢出的时候才显示省略号。 用伪元素模拟省略号,兼容性较好,但是展示有部分问题,可能需要结合部分 javascri…
JavaScript: 从 Event Loop 到 Promise (常见问题分析)
promise 作为前端常用的工具,今天从底了解一下 promise 的使用和基础知识。 其中有出入或者错误的地方希望朋友们指出。 我们先明确:Promise 对象用于表示一个异步操作的最终完成 (或失败), 及其结果值. async/await 使得异步代码看起来像同步代码(…
JavaScript: 前端拾遗-ES6基础
不能修改值,const 声明的变量必须经过初始化。 以上 let 的规则同样适用于 const,但是跟 let 的区别是 const 声明的变量不能重新赋值,所以 const 声明的变量必须经过初始化。
【译】JavaScript实现文字剪贴板&React版本
有一个简单的需求,用户需要快捷的复制一些相关的信息,然后进行下一步信息的填写。前端这里需要做一个剪贴板方便用户体验。想直接参考 react 使用的可以看 使用react和typescript改写和优化一下 大概设计如下,有多条信息,然后用户可以点击右边的复制 icon 进行快捷…
JavaScript: 函数式编程-什么是纯函数
单一责任(single responsibility)等等。 纯函数不改变原始的输入值。避免无用的副作用 当然并不是要禁止一切的副作用,而是说我们需要在可控的范围内去发生。 我们在初中开始学习函数的时候知道:函数是不同数值之间的特殊关系:每一个输入值返回且只返回一个输出值。 我…
JavaScript: 函数式编程-类型签名
JavaScript 是一种动态的类型语言,但这并不意味着要否定类型的使用。我们日常打交道的主要就是字符串、数值、布尔值等。虽然 JavaScript 语言成面上没有相关的集成。不过我们可以使用类型签名生成文档,也可以使用注释帮助我们区分类型。 有些朋友应该使用过一些 Java…
JavaScript: 函数式编程 - 声明式函数
什么是声明式,我们将不再指示计算机如何工作,而是指我们明确希望得到的结果。这种编程方式会改变我们习以为常的命令式编程相比,会让我们的轻松许多。 和命令式不同,声明式意味着我们要写表达式,而不是一步一步的指示。 命令式的循环要求你必须先实例化一个数组,而且执行完这个实例化语句之后…
JavaScript: 函数式编程 - 代码组合的优势
组合函数看起来像是在搭积木。你就是一个孩子,可以随意选择两个积木(函数),让它们拼接(结合)一下,拼接成一个新的玩具(函数)。组合的用法如下: 不可拆解,出厂的时候已经设计好了。 让代码从右向左运行,而不是由内而外运行,我觉得可以称之为“左派”(消音~)。我们来看一个顺序很重要…
JavaScript: 函数式编程 - 柯里化
curry 就是咖喱一样美好的工具性的拌料让我们的函数更加的易用、低耦合性。 curry 的概念很简单:只传递给函数一部分参数来调用它,让它返回一个函数去处理剩下的参数。 你可以一次性地调用 curry 函数,也可以每次只传一个参数分多次调用。 在这个多彩的世界,有些事物对与我…
JavaScript: 结合 async 异步函数 - 提高 Promise 的易用性
无论是否使用 await,异步函数都会返回 Promise。该 Promise 解析时返回异步函数返回的任何值,拒绝时返回异步函数抛出的任何值。
JavaScript: 如何用 Promise 自定义一个 GET 请求的函数
近期 review 自己以前的代码的时候,看到 promise 的使用方法,用的比较模糊。含义不清,用法凌乱,这里重新温习一下基础知识。 下面是👇新鲜出炉的下篇文章,结合 async 来让 promise 更好贴合我们的场景使用。 JavaScript 是单线程工作,但是浏览…
JavaScript: es6+ export 和 export default 的区别
3、在一个文件或模块中,export、import 可以有多个,export default 只能导出一个。 4、通过 export 方式导出,在导出时需要加 { },export defalut则不需要。
理解 import 基本用法
将引用模块默认导出的名称。 要导入的模块。这通常是包含模块的.js文件的相对或绝对路径名,不包括.js扩展名。某些打包工具可以允许或要求使用该扩展;检查你的运行环境。只允许单引号和双引号的字符串。 引用时将用作一种命名空间的模块对象的名称。 要导入的导出名称。 将引用指定的导入…
正则表达式回顾
适用于 正则表达式的有经验的朋友。 这样的话第一组就会 undefined,第二组变成第一组。只匹配不捕获分组
再理解es6 中的 class super extends
class 可以通过 extends 关键字实现继承,这比 ES5 的通过修改原型链实现继承,要清晰和方便很多。 第一种情况,super 关键字作为函数调用。es6 中,子类的构造函数必须执行一次 super(记住我们可以不写 constructor 和 super ,函数会自…
关于javascript的深拷贝浅拷贝 思考
简单变量的复制,内存小,我们直接复制不会发生引用。 首先深复制和浅复制只针对像 Object, Array 这样的复杂对象的。简单来说,浅复制只复制一层对象的属性,而深复制则递归复制了所有层级。 深复制的原理上面提到了,我们直接来看代码。
关于 JavaScript 原型和继承的思考
闭包和原型prototype工厂函数构造函数理解prototype和_proto_使用prototype方法原生对象的原型多级继承链怎么实现总结
关于 JavaScript 作用域和闭包的思考
众所周知 在javascript 作用域就是限制我们执行代码的一个范围,或者说是框架。 变量的赋值操作会执行两个动作,首先编译器会在当前作用域中声明一个变量(如 果之前没有声明过),然后在运行时引擎会在作用域中查找该变量,如果能够找到就会对 它赋值。 1 包含着整个全局作用域,…
JavaScript 的内存泄露和垃圾回收
任何编程语言,在运行时都需要使用到内存,比如在一个函数中, var arr = [1, 2, 3, 4, 5]; 这么一个数组,就需要内存。 但是,在使用了这些内存之后, 如果后面他们不会再被用到,但是还没有及时释放,这就叫做内存泄露(memory leak)。如果出现了内存泄…
下一页