xjjjj1-CSDN博客

转载 js yield关键字

在本文中，我们将了解 ECMAScript 6 中引入的生成器（Generator）。先看一看它究竟是什么，然后用几个示例来说明它的用法。什么是 JavaScript生成器？生成器是一种可以用来控制迭代器（iterator）的函数，它可以随时暂停，并可以在任意时候恢复。上面的描述没法说明什么，让我们来看一些例子，解释什么是生成器，以及生成器与for 循环之类的迭代器有什么区别。下面是一个for 循环的例子，它会在执行后立刻返回一些值。这段代码其实就是简单地生成了 0-5 这些数字。...

2021-12-13 10:30:21 1020

原创前端的文本溢出隐藏解决方案

一、css方法1.当希望文本只保留一行时 white-space:nowrap;/*强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行。*/ overflow: hidden;/*超出部分隐藏*/ text-overflow: ellipsis;/*隐藏部分以省略号代替*/2.当文本需要保留多行时 a.webkit内核浏览器(谷歌,Safarim,QQ浏览器)情况下 ...

2021-08-05 18:10:07 4075

转载文字溢出显示处理方法

关于文字溢出显示使用省略号处理，方法的确很多。可以设置height，然后使用overflow:hidden。还可以设置text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性，CSS如下：.hide{overflow:hidden;text-overflow: ellipsis;white-space: nowrap}我们发现用了white-space: nowrap【不换行】这个属性，说明这个方法不支持多行的。有木.

2021-07-30 17:43:17 1623

原创 javaScript隐式类型转化

Number(), toString(), parseInt()等都是属于强制转换。有时我们遇到当运算符在运算时，如果两边数据类型不统一，CPU无法计算，这是编译器会自动将运算符两边的数据做一个数据类型转换，转换成一样的数据类型在进行运算，这种无需程序员手动转换，而由编译器自动转换的方式就称为隐式转换。隐式转换规则1.转为number类型：+ - * / ++ --（算数运算符） > < >= <= == != === !==（比较运算符）；2.转为string类型：+ 不

2021-07-28 17:59:48 82

转载防抖与节流

防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法缺点：如果事件在规定的时间间隔内被不断的触发，则调用方法会被不断的延迟 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 //防抖de

2021-07-21 17:00:33 39

转载 js发布-订阅模式

1. 定义也称作观察者模式，定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知2. 核心取代对象之间硬编码的通知机制，一个对象不用再显式地调用另外一个对象的某个接口。与传统的发布-订阅模式实现方式（将订阅者自身当成引用传入发布者）不同，在JS中通常使用注册回调函数的形式来订阅3. 实现JS中的事件就是经典的发布-订阅模式的实现// 订阅document.body.addEventListener('click', functi

2021-07-16 17:17:40 189

原创 js数组相关操作汇总

一、数组的创建1.字面量方式创建var a = [3, 11, 8]; // [3,11,8];2.使用构造器创建var a = Array(3); // [,,]var a = Array(3,11,8); // [ 3,11,8 ]3.Array.of()返回由所有参数值组成的数组let a = Array.of(3, 11, 8); // [3,11,8] let a = Array.of(3); // [3]4.Arrary.from()将两类...

2021-07-02 17:49:05 158

原创 vue调试工具vue-Devtool的安装

在平常的前端开发中，调试工具的使用是十分必要的，而在进行vue的开发中使用普通的devtool或许并不能满足开发人员的需求，在这时vue Devtool便体现出了其重要性。本文主要对vueDevtool的安装与本人安装中遇到的问题进行讲解。1.到github下载vueDevtoolgit clone https://github.com/vuejs/vue-devtools我在使用此命令安装后在后须的编译代码过程中会报错，解决方法是安装较低版本的vue devtool（v5....

2021-06-24 13:28:21 607

原创 javascript if的优化

1.使用短路逻辑（|| &&）// 和 let andStr = true && 'Hello AND'; let andStr2 = false && 'Hello AND'; // 或 let orStr = true || 'Hello OR'; let orStr2 = false || 'Hello OR'; 2.三元运算符一些简单的if判断可以使用三元运算符进行代替a = (a == b) ? c :..

2021-06-23 17:47:47 298

转载 layui中layer的使用

layer 至今仍作为 layui 的代表作，它的受众广泛并非偶然，而是这数年来的坚持、不弃的执念，将那些不屑的眼光转化为应得的尊重，不断完善和维护、不断建设和提升社区服务，在 Web 开发者的圈子里口口相传，乃至于成为今天的 layui 最强劲的源动力。目前，layer已然成为网页弹出层的首先交互方案，几乎随处可见。layer可以独立使用，也可以通过Layui模块化使用。场景用前准备调用方式 1. 作为独立组件使用如果你只是单独想使用 layer，你可以去layer..

2021-06-21 17:43:16 1180

转载 JavaScript中的设计模式

在程序设计中有很多实用的设计模式，而其中大部分语言的实现都是基于“类”。在JavaScript中并没有类这种概念，JS中的函数属于一等对象，在JS中定义一个对象非常简单（var obj = {}），而基于JS中闭包与弱类型等特性，在实现一些设计模式的方式上与众不同。本文基于《JavaScript设计模式与开发实践》一书，用一些例子总结一下JS常见的设计模式与实现方法。文章略长，自备瓜子板凳~设计原则单一职责原则（SRP）一个对象或方法只做一件事情。如果一个方法承担了过多的职责，那么.

2021-06-16 17:53:59 77

转载中通天鸿对接快速入门

安装当前支持通过<script>标签和npm模块两种方式来加载Wincall sdk，{version}表示版本号npm安装方式npm install cti-js-sdk脚本引入方式latest始终指向使用最新版本，可以通过这种方式获取最新版本<script type="text/javascript" src="//ctiplus-js.icsoc.net/wincall/v2/wincall-latest.js"></script>.

2021-06-15 10:20:41 214

转载 laydate使用

和 layer 一样，你可以在 layui 中使用 layDate，也可直接使用 layDate 独立版，请按照你的实际需求来选择。（去layDate独立版本官网下载组件包，引入 laydate.js 即可，直接调用方法使用）//执行一个laydate实例laydate.render({elem: '#test1' //指定元素进行初始化});属性类型参数默认值 elem String/DOM 元素节点无 type Strin..

2021-06-11 17:58:36 328

xjjjj1的博客