javascript
文章平均质量分 79
yabalaxi
这个作者很懒,什么都没留下…
展开
-
前端做上传头像等裁切图片的好朋友 Cropper.js
现在不管pc端还是移动端的网页,只要有登录功能,大多会有编辑个人信息的功能,那样就避免不了上传用户个人头像。既然要上传头像,但凡正规一些的网页那肯定会需要裁切图片,不会让你直接选择一张图就放上去,那样极度影响用户体验,不利于样式的统一渲染,影响美观。我就举vue项目为例,去使用Cropper.js吧首先就是下载npm install cropperjs它要求图片必须有根元素<div> <img id="image" src="picture.jpg" ref="im原创 2020-06-30 15:40:38 · 484 阅读 · 0 评论 -
移动端 REM 适配(postcss-pxtorem,lib-flexible的使用)
Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具:postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem文档:https://github.com/cuth/postcss-pxtoremlib-flexible 用于设置 rem 基准值文档:https://github.com/amfe/lib-flexible一、使用 lib-flexible 动态设置 REM 基准值(html 标签的字体大小)1、安装# y原创 2020-06-27 19:07:10 · 2322 阅读 · 2 评论 -
json-bigint的介绍和使用(可以解决Javascript的一个有关大整数的坑)
想必,很多人都遇到过关于后端返回数据中的大数字问题。明明你写的代码没有问题,然后后台的接口也没问题,但是你调用接口返回的数据就有误。JavaScript 能够准确表示的整数范围在-2^53到 2^53之间(不含两个端点),超过这个范围,无法精确表示这个值,这使得 JavaScript 不适合进行科学和金融方面的精确计算。先举个例子Math.pow(2, 53) // 90071992547409929007199254740992 // 9007199254740992900719925474原创 2020-06-27 15:06:59 · 19135 阅读 · 4 评论 -
Loadsh,一个超级nice的工具库
LodashLodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数,其中部分是目前ECMAScript尚未制订的规范,但同时被业界所认可的辅助函数。官方文档:https://www.lodashjs.com/lodash的下载 npm i -g npm npm i -g lodash-cli lodash -hlodash的引用 import _ from 'lodash' /原创 2020-06-26 19:42:10 · 344 阅读 · 0 评论 -
正则表达式的介绍及使用
1.正则表达式概述1.1什么是正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。其他语言也会使用正则表达式,本阶段我们主要是利用JavaScript原创 2020-05-31 18:56:22 · 436 阅读 · 0 评论 -
改变函数内部this指向、严格模式、闭包、递归
1.函数的定义和调用1.1函数的定义方式方式1 函数声明方式 function 关键字 (命名函数)function fn(){}方式2 函数表达式(匿名函数)var fn = function(){}方式3 new Function()var f = new Function('a', 'b', 'console.log(a + b)');f(1, 2);var fn = new Function('参数1','参数2'..., '函数体')注意/*Function原创 2020-05-31 18:50:48 · 312 阅读 · 0 评论 -
ES6概念&新增语法&内置对象拓展
ES6语法ES6相关概念什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散,实现相同的功能,不同的人可能会写出不同的代码ES6新增语法letES6中新增了用于声明变量的关键字let声明的变量只在所处于的块级有效 if (true) {原创 2020-05-31 18:40:54 · 225 阅读 · 0 评论 -
Object.defineProperty() 的使用
Object.defineProperty方法可以给某个对象添加或修改属性,基本语法:Object.defineProperty(对象,修改或新增的属性名,{ value:修改或新增的属性的值, writable:true/false,//如果值为false 不允许修改这个属性值 enumerable: false,//enumerable 如果值为false 则不允许遍历 configurable: false //configurable 如果为false 则不允许删除这个属性 属性是原创 2020-05-28 09:18:58 · 204 阅读 · 0 评论 -
ES5新增方法(数组的方法、trim、Object.keys(obj)等)
数组方法:forEach方法的第一个参数是一个函数,函数的第一个参数是元素,第二个参数才是索引号,与变量名没关系,顺序是固定的不能写continue、break,return也不能终止循环,想要终止循环,可以用some方法filter方法,是用来过滤数组元素接收一个函数作为参数,这个函数的第一个形参是元素,第二个形参是索引号内部会有循环机制,每次循环都会调用函数,如果函数返回true,则保留当前循环元素,如果返回false,则剔除当前循环元素会返回一个新数组,不会影响原来的数组,我们也原创 2020-05-28 09:10:40 · 678 阅读 · 0 评论 -
对象,及数组和对象方法
1 - 对象1.1 对象的相关概念什么是对象?在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的。属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)为什么需要对象?保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。如果要保存一个人的完整信息呢?例如,将“张三疯”的个人的信息保存在数组中的方式为: var原创 2020-05-25 19:30:01 · 848 阅读 · 0 评论 -
数组、函数、作用域的简介
1 - 数组1.1 数组的概念数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组JS 中创建数组有两种方式:利用 new 创建数组var 数组名 = new Array() ;var arr = new Array(); // 创建一个新的空数组注意 Array () ,A 要大写利用数组字面量创建数组//原创 2020-05-25 19:11:59 · 374 阅读 · 0 评论 -
js运算符、流程控制、循环的使用
1 - 运算符(操作符)1.1 运算符的分类运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有:算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.2 算数运算符算术运算符概述概念:算术运算使用的符号,用于执行两个变量或值的算术运算。浮点数的精度问题浮点数值的最高精度是 17 位小数,但在进行算术计算时其精确度远远不如整数。var result = 0.1 + 0.2; //原创 2020-05-25 18:59:43 · 326 阅读 · 0 评论 -
js的初识及数据类型简介
本资源由 itjc8.com 收集1 - 编程语言1.1 编程编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。1.2 计算机语言计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。计算机语言的种类非常的多,总的来说可以分成机器语言,汇编语言和高级语言三大类转载 2020-05-25 18:49:55 · 415 阅读 · 0 评论