javascript
打造完整前端工作流,提升工程化编码能力和思维能力。
Moon绾.
此人很懒,除了写写Bug。
展开
-
关于Promise,与解决回调地狱
什么是回调地狱?说到回调地狱 想到的是异步 在JavaScript中我们经常会大量使用异步回调,比如使用Ajax请求数据,回调地狱是由于糟糕的编码习惯造成的,功能逻辑代码嵌套的层次太多,导致可读性降低,维护性困难,避免回调地狱的最重要的方面是将功能移开,保持代码简单,不嵌套并分成小模块,也就是多多进行代码封装。(函数作为参数层层嵌套)getFileByPath(path.join(__dirname, './files/1.txt'), function (data) { console.原创 2021-03-18 19:51:15 · 355 阅读 · 4 评论 -
移动端的一些事件有哪些
添加事件的方式在移动端添加 touch 事件的时候,我们可以采用 DOM 为我们提供的方法,即 addEventListener。移动端的触屏单击事件移动端的触屏单击事件,我们采用 touchstart 事件,而不用 click 事件,那是因为 click 事件有延迟,而我们的 touchstart 事件无延迟,采用这种方式,可以保障程序的运行速度,以及提供用户体验度...原创 2021-05-11 23:30:17 · 120 阅读 · 0 评论 -
防抖、节流
防抖:防抖,就是指触发事件后在N秒内函数只能执行一次,如果在N秒内又触发了事件,则会重新计算函数执行时间。//防抖// 思路:在规定时间内未触发第二次,则执行function debounce (fn, delay) { // 利用闭包保存定时器 let timer = null return function () { let context = this let arg = arguments // 在规定时间内再次触发会先清除定时器后再重设定时器cl原创 2021-05-11 08:53:41 · 105 阅读 · 0 评论 -
javascript数组常用方法总结
javascript数组常用方法总结:push()这个方法是在数组的后面添加新加元素,此方法改变了数组的长度。 let fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi") //输出结果:Banana, Orange, Apple, Mango, Kiwi,pop()这个方法在数组的最后一位删除一个元素,并返回了数组,此方法也改变了数组长度。let arr = [1, 2, 3, 4,原创 2021-03-16 17:59:47 · 230 阅读 · 0 评论 -
介绍uni-app框架,以及运行原理
介绍uni-app框架:uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)。某些平台不能提交简单demo,故补充了一些其他功能;hello uni-app示例代码可从github获取快应用仅支持 vivo 、oppo、华为360小程序仅 windows平台支持,需要在360浏览器中打开uni-app: 运行原理:逻辑层和视图层分离,非H5端通信有折损u原创 2021-05-07 08:19:37 · 7304 阅读 · 1 评论 -
登录滑块验证
html代码<div class="login-select"> <div v-show="errselectFlag" id="err-select"></div> <p id="title-p">按住滑块,拖拽验证</p> <div id="left-select"></div> <div id="right-select"> <原创 2021-04-12 10:24:18 · 717 阅读 · 3 评论 -
对于jsonp的理解
什么是jsonp:jsonp的概念,jsonp是一种比较轻量级别的数据传输格式,适用于 web 应用中。jsonp格式数据的编码和解析基本在所有主流语言中都被实现,所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢?首先抛出浏览器同源策略这个概念,为了保证用户访问的安全,浏览器使用了同源策略,为了限制JavaScript的访问能力,即不允许访问非同源的页面,详细的概念大家可以自行百度。这里大家只要知道,在ajax中,不允许请求非同源的URL就可以了,比如原创 2021-05-17 15:36:14 · 251 阅读 · 1 评论 -
斐波那契数列的几种方法
什么是斐波那契数列呢?斐波那契数列(英文名:Fibonacci sequence)也叫黄金分割数列,因数学家莱昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:0、1、1、2、3、5、8、13、21、34、……在数学上,斐波那契数列以如下被以递推的方法定义:F(0)=0,F(1)=1, F(n)=F(n - 1)+F(n - 2)(n ≥ 2,n ∈ N*)为什么要研究斐波那契数列: 斐波那契数列为什么重要呢。从知道概念后原创 2021-04-30 08:25:51 · 1132 阅读 · 0 评论 -
正则表达式常用量词
正则中量词:符号解释{n}精确匹配n次{n,}匹配n次或更多次{0,1}匹配零次或一次(与?相同){1,0}匹配一次或更多次(与+相同){1, }匹配零次或更多次(与*相同){m,n}字符至少有m个,至少有n个{m,}字符出现至少m个{m}字符出现m次^n匹配以n开始的字符串{n*}表示至少包含零个或者多个n的字符串{0,}{n?}表示至少包含零个或者一个n的字符串{0,1}{n+}表示至少一个n原创 2021-03-19 18:00:28 · 401 阅读 · 0 评论 -
webpack打包程序
什么是webpack?webpack是目前市场占用率最高的模块打包工具,可以将系统的各个模块和各种资源文件进行整合、打包。安装webpack步骤?————1. 初始化npmnpm initnpm init -y //没有过程选择字段名备注main打包后通过import导入时的入口文件license开源许可证devDependencies开发依赖,正式打包将不会一起打包dependencies正式依赖,开发打包和正式打包都会存在安装web.原创 2021-04-11 21:05:48 · 214 阅读 · 1 评论 -
判断字符串中哪个字符出现的次数最多?
let str = "qwertyuiuryufddfghhccfguisdhaahabdhadadafcaawaa"; let obj = {}; //定义一个新对象 //循环遍历字符串 for (let i = 0; i < str.length; i++) { // charAt()方法,返回某个指定位置的字符 let char = str.charAt(i); // char就是对象obj的一个属性,obj[char]是属性值,ob.原创 2021-05-11 22:01:35 · 232 阅读 · 0 评论