前端
前端学习笔记
coding随想
学吧,学无止境
展开
-
使用lodash的throttle函数会触发两次
如果想要throttle函数只会调用一次,可以设置options.trailing=false。这样函数的表现就像普通的截流函数了。当使用lodash的throttle函数时会触发两次,分别在最开始和最后。所以其实throttle函数默认就是会调用两次。分别是第一次和最后一次。(boolean): 指定调用在节流结束后,也就是最后一次点击。(boolean): 指定调用在节流开始前,也就是第一次点击。严格来说不算是bug,因为。原创 2023-08-16 19:10:46 · 1073 阅读 · 0 评论 -
nodejs使用即构API获取access_token报错input params error
nodejs使用即构API获取access_token报错input params error原创 2023-02-06 19:10:39 · 186 阅读 · 0 评论 -
git merge 合并 dist冲突处理
如果只是重命名导致的冲突的话,可以使用git merge master -s recursive -X no-renames (此处的master表示当前分支与master合并)可以忽略重命名的冲突正常合并原创 2021-02-24 15:28:08 · 707 阅读 · 0 评论 -
遍历对象键值对的四种方法
遍历对象键值对的四种方法原创 2021-01-15 11:08:13 · 5587 阅读 · 0 评论 -
git撤销操作,放弃本地修改
原文地址如果在修改时发现修改错误,而要放弃本地修改时,一,未使用 git add 缓存代码时。可以使用 git checkout – filepathname (比如: git checkout – readme.md ,不要忘记中间的 “–” ,不写就成了检出分支了!!)。放弃所有的文件修改可以使用 git checkout . 命令。此命令用来放弃掉所有还没有加入到缓存区(就是 git add 命令)的修改:内容修改与整个文件删除。但是此命令不会删除掉刚新建的文件。因为刚新建的文件还没已有转载 2021-01-07 14:53:55 · 411 阅读 · 0 评论 -
typescript小白的入门笔记
Ts笔记/快速入门笔记参考资料:ts中文网菜鸟教程:https://www.runoob.com/typescript/ts-tutorial.html1.安装:自行安装Js与ts的区别:TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。给我的感觉两者基本差别不大。TypeScript 可处理已有的 Ja原创 2020-11-30 16:12:50 · 260 阅读 · 0 评论 -
JavaScript 数组的函数 map/forEach/reduce/filter
map// map//作用:对数组进行遍历//返回值:新的数组// 是否改变:否var arr = [2, 5, 3, 4];var ret = arr.map(function(value) { return value + 1;});console.log(ret); //[3,6,4,5]console.log(arr); //[2,5,3,4]2.forEach// forEach 方法// 作用:遍历数组的每一项// 返回值:undefined// 是否改变:.原创 2020-09-27 09:41:56 · 146 阅读 · 0 评论 -
script 标签的 defer 和 asnyc 属性的作用以及二者的区别?
1、defer 和 async 的网络加载过程是一致的,都是异步执行。2、区别在于加载完成之后什么时候执行,可以看出 defer 是文档所有元素解析完成之后才执行的。3、如果存在多个 defer 脚本,那么它们是按照顺序执行脚本的,而 async,无论声明顺序如何,只要加载完成就立刻执行无论script标签是嵌入代码还是引用外部文件,只要不包含 defer 属性和 async 属性(这两个属性只对外部文件有效),浏览器会按照script的出现顺序对他们依次进行解析,也就是说,只有在第一个script转载 2020-09-27 09:26:23 · 262 阅读 · 0 评论 -
vue init webpack project 超时报错解决方案
错误代码: vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 192.30.253.112:443原创 2020-09-14 14:02:04 · 2006 阅读 · 3 评论 -
webpack与grunt/gulp的对比
grunt/gulp的核心是Task我们可以配置一系列的task,并且定义task要处理的事务(例如es6,ts转化,图片压缩,scss转成css)之后让grunt/gulp来依次执行这些task,而且让整个流程自动化。所以grunt/gulp也被称为前端自动化任务管理工具来看一个gulp的task下面的task就是将src文件下所有的js文件转换成es5 的语法并最终输出到dist文件夹中const gulp = require('gulp');const babel = requ原创 2020-09-09 14:31:06 · 316 阅读 · 0 评论 -
webpack入门及安装方法
webpack快速入门什么是webpack官方网址:webpackjs.com自动化打包工具,优化我们的项目,服务请求更快。webpack是现代JavaScript应用程序的静态打包工具,当webpack处理应用程序时,它会在内部构建一个依赖图,此依赖图会映射项目所需的每个模块,并生成一个或多个bundle包。为啥要使用webpack代码转换:TypeScript编译成JavaScript,LESS/SCSS编译CSS,ES6/7编译成ES5,虚拟DOM编译成真实DOM等等文件优化:压缩js,原创 2020-08-27 15:49:23 · 359 阅读 · 3 评论 -
ES6新特性超快速入门(大量实例)
let和const,数组解构,对象解构,模板字符串,函数默认参数,展开运算符,for of 循环,箭头函数,类定义class,set,map,模块的导入导出,进阶资源及兼容性解决原创 2020-08-26 09:13:21 · 187 阅读 · 0 评论 -
JavaScript学习笔记-6-函数function
JavaScript函数概念函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。函数的使用声明function 函数名() { //函数体代码}function 是声明函数的关键字,必须小写由于函数一般是为了实现某个功能才定义的, 所以通常我们将函数名命名为动词,比如 getSum调用函数名(); // 通过调用函数名来执行函数体代码调用的时候千万不要忘记添加小括号口诀:函数不调用,自己不执行注意:声明函数本身并不原创 2020-07-10 16:48:54 · 200 阅读 · 0 评论 -
JavaScript学习笔记-5 -数组
数组概念数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。创建数组利用 new 创建数组var 数组名 = new Array() ;var arr = new Array(); // 创建一个新的空数组利用数组字面量创建数组var 数组名 = [];var 数组名 = ['小白','小黑','大黄','瑞奇'];获原创 2020-07-10 16:40:23 · 216 阅读 · 0 评论 -
JavaScript 学习笔记 - 4 - 字符串对象及操作
根据字符返回位置 字符串通过基本包装类型可以调用部分方法来操作字符串,以下是返回指定字符的位置的方法:根据位置返回字符 字符串通过基本包装类型可以调用部分方法来操作字符串,以下是根据位置返回指定位置上的字符:在上述方法中,charCodeAt方法返回的是指定位置上字符对应的ASCII码。字符串操作方法 字符串通过基本包装类型可以调用部分方法来操作字符串,以下是部分操作方法:replace()方法 replace() 方法用于在字符串中用一些字符替换另一些字符,其使用格式如下:原创 2020-07-03 17:31:03 · 142 阅读 · 0 评论 -
JavaScript学习笔记 - 3 - 内置对象及操作 - Math、日期、数组对象
内置对象简介JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象。前面两种对象是JS 基础内容,属于 ECMAScript。第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法),内置对象最大的优点就是帮助我们快速开发。JavaScript 提供了多个内置对象:Math、 Date 、Array、String等Math对象Math 对象不是构造函数,它具有原创 2020-07-03 16:43:08 · 245 阅读 · 0 评论 -
JavaScript学习笔记-2
数据类型数据类型简介不同的数据类型(例如数字、字符)占用的内存空间不同,为了方便分配便定义了不同的数据类型。js是一种弱类型或者动态型语言,不用提前声明变量类型,在程序运行过程中,类型会被自动确定。转义字符js的转义字符要写在引号里面...原创 2020-06-29 14:24:03 · 128 阅读 · 0 评论 -
JavaScript学习笔记-1
初识jsjs是一种运行在客户端的脚本语言(script是脚本的意思)脚本语言:不需要编译,运行过程中由浏览器内置的js解释器(js引擎)逐行进行解释。(浏览器内一般有渲染引擎-又称为内核,用来渲染HTML和css等标记语言。还有js引擎)现在也可以利用Node.js技术进行服务器端编程浏览器执行js简介渲染引擎 : 又称为内核,用来解析 HTML 和 css 等标记语言。例如Chrome浏览器的blink,老版本的webkitjs引擎:也称为js解释器,用来读取网页中的JavaScript原创 2020-06-29 09:53:07 · 206 阅读 · 0 评论 -
html和css的一些进阶技巧总结
可见性与溢出的设置display 的可见性设置display:none(不显示)display:block (以块显示)一般常用于hover事件,来设计悬浮框和下拉菜单visibility 的可见性设置和display的用法基本类似,不过以这种方法实现隐藏的元素依然可以占位置。上面的display并不会,它是完全消失的。图片中的关于visibility的特点说法打错了。很典型的就是我们在网站上见到的小广告,点×会消失,一刷新就又出来了hhoverflow对溢出的处理一般是指文原创 2020-06-12 11:40:34 · 235 阅读 · 0 评论 -
Emmet in html/css 语法总结-前端必知必会快捷键
Emmet语法生成HTML标签空白文档输入“!(英文)+table键”即可生成HTML骨架示例(必须是英文输入)直接打标签名,按下table键自动生成<>如果想要生成多个标签名,则可直接标签名数字。例如:div3可生成三个div。想生成父子关系标签,可使用>, 例如:ul>li如果想生成兄弟标签,可使用+, 例如:div+p如果想生成带类名或带ID名的,直接写.demo和#two +table键即可如果想生成的div名是有顺序的,使用自增符号$.想要在原创 2020-06-04 10:28:29 · 259 阅读 · 0 评论 -
HTML5 表单标签
现实中的表单,类似我们去银行办理信用卡填写的单子目的是为了收集用户信息在我们的网页中,我们需要跟用户进行交互 收集用户资料 此时也需要填写表单在HTML中 一个完整的表单通常有表单控件(也称为表单元素) 、提示信息和表单域3个部分构成表单控件: 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等提示信息: 一个表单中通常还需要包含一些文字说明,提示用户进行填写表单域: 相当于一个容器,用来容纳所有表单控件和提示信息,可以通过他定义处理表单数据所用程序的URL地原创 2020-06-02 15:46:31 · 512 阅读 · 0 评论 -
HTML5 表格标签的使用总结
表格表格现在还是比较常用的一种标签, 但不是用来布局的,常用来处理, 显示表格式数据创建表格在HTML网页中 要想创建表格 就需要使用表格相关的标签 创建表格的基本语法如下<table> <tr> <td>单元格内的文字</td> ...... </tr> ......</table>在上面的语法中包含三队HTML 标签 分别为 <table></table> <tr>&原创 2020-06-02 12:01:13 · 588 阅读 · 0 评论 -
HTML5 列表标签用法示例总结
列表标签列表就是把…制成表,以表来显示,是容器里面装载着文字或图表的一种形式,列表最大的特点就是 整齐 整洁 有序。无序列表ul(常用)u for unorder.无序列表的各个列表项之间没有顺序级别之分 是并列的 其基本语法格式如下:<ul> <li>列表</li> <li>列表</li> <li>列表</li> <li>列表</li> ........</ul>原创 2020-06-02 10:45:39 · 734 阅读 · 0 评论