自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 parseInt() 函数

parseInt() 函数可解析一个字符串,并返回一个整数。语法parseInt(string, radix)radix说明:1.可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。2.如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16 为基数;以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数。3.如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。注意:1:只有字符串中的

2020-08-12 17:05:18 3286 4

原创 字符串的比较

两个字符串比较,是将这两个字符串从左到右逐个字符比较。1.如果两个字符串长度相等,且每一个相应位置上的字符都一样,就认为两个字符串相等,如’abc’==‘abc’。2.如果两个字符串长度不相等,则以第一个不相同的字符作为基准,而不考虑他们的长度及其后字符的比较结果。如’abh’>‘abfc000’。3.如果两个字符串长度不相等,且所有相应位置上的字符都一样,则长者为大。如’abc’<‘abc000’。对两个字符串进行比较时,要注意以下几点:1.=两个不同长度的字符串进行比较时,不是长的

2020-08-12 11:33:20 31843 2

原创 Symbol.iterator和for…of

Symbol.iteratorES6中内置了一些Symbol,其中最重要的一个恐怕就是Symbol.iterator了,相当于迭代器的接口,只有对象里有这个symbol的属性,才可以认为此对象是可迭代的。ES6新增了两个协议:可迭代协议:对象必须具有Symbol.Iterator属性,属性值为一个函数,当这个对象被迭代时,就会调用该函数,返回一个迭代器。迭代器协议:描述了迭代器对象的具体...

2020-03-23 16:09:52 412

原创 cavas的验证码效果demo

最近做了cavas的验证码效果,如下图:圈的形状和颜色随机,可设计需要选中文字的数量。核心代码如下://画空心圆 class setAnimationArc{ constructor() {} #step=1; #startAngle=0; #endAngle=0; #add = Math.PI * 2 / 100; #coun...

2020-03-20 22:31:33 23312

原创 日常开发CSS小技巧整理

日常开发CSS小技巧整理1.解决inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移.wrap { display: inline-block; overflow: hidden vertical-align: bottom}2.超出部分显示省略号// 单行文本.wrap { overflow:hidden;/*超出部分隐藏*/ ...

2020-01-21 10:11:35 3006 1

原创 JavaScript数据类型(二)之数据类型转换

数据类型转换在js中数据类型转换一般分为两种,即强制类型转换和隐式类型转换(利用js弱变量类型转换)。在js中,想要将对象转换成原始值,必然会调用toPrimitive()内部函数,那么它是如何工作的呢?<1> toPrimitive(input,preferedType)input是输入的值,preferedType是期望转换的类型,他可以是String或者Number,也可...

2020-01-08 16:15:35 683

原创 JS中call,apply和bind方法

1.来历在js中所有的函数都是Function的实例,而且对于Function来说,它的原型即Function.prototype中含有很多东西,其中call,apply和bind方法就是Function原型中的方法,所以根据原型的规则,所有的函数都可以使用原型中属性和方法,所以来说,对于所有的函数都可以使用call,apply和bind方法。简单一句话:call,apply和bind都是Fu...

2020-01-07 17:14:27 250

原创 JavaScript数据类型(一)

一、数据类型▪ 原始类型**number、boolean、null、underfined、string、symbol(存放于栈中,占内存小,读取快),也就是说他们的值是直接存储在变量访问的位置,值是不可变的,比较是值得比较1.null、underfined▪ nulll代表空值。typeOf null为Object是js的一个bug.▪ underfined代表未定义。underf...

2019-12-06 15:19:57 300

原创 vue 获取按钮权限

import Vue from 'vue';import store from '@/store';// 权限检查方法let hasPermission = Vue.prototype.$has = function(value) { if (value in store.getters.roles) { return true; } return false;};...

2019-12-06 14:51:08 638

原创 base64字符串和file文件互转

最近项目刚好用到,网上查阅整理下: ////将base64转换为文件对象 $base64ToFiles(dataurl, filename = 'file') { let arr = dataurl.split(',') let mime = arr[0].match(/:(.*?);/)[1] let suffix = mime.split('/')[1] let b...

2019-11-06 16:32:41 880

原创 vue笔记之 filterts的几种用法

先上一段代码: <div class="test"> <p>{{msg | sum}}</p> <p>{{msg | cal 10 20}}</p> <!--过滤器函数始终以表达式的值作为第一个参数。带引号的参数视为字符串,而不带引号的参数按表达式计算。--> ...

2019-10-09 15:31:25 1396

原创 实现数组去重方法整理

1.双循环去重双重for(或while)循环是比较早的方法,如果数组长度很大,那么将会非常耗费内存 function setArray(arr) { if (Array.isArray(arr)) { let res = [arr[0]] for (let i = 1; i < arr.length; i++) { let fla...

2019-09-10 17:20:34 277

原创 一个页面从输入url到页面加载显示完成,这个过程都发生了什么?

总体来说分为以下几个过程:1、浏览器地址栏输入url2、浏览器会先查看浏览器缓存–系统缓存–路由缓存,如有存在缓存,就直接显示。如果没有,接着第三步3、域名解析(DNS)获取相应的ip4、浏览器向服务器发起tcp连接,与浏览器建立tcp三次握手5、握手成功,浏览器向服务器发送http请求,请求数据包6、服务器请求数据,将数据返回到浏览器7、浏览器接收响应,读取页面内容,解析html源...

2019-09-09 16:00:31 258

原创 vue动态ref总结

<template> <div class="li" v-for="(item,index) in diclist"> <Select v-model="model[index].val" ref="selectGrap" style="width:200px" @on-change="changeSelect(event,index)">...

2019-09-06 15:45:45 628

原创 vue笔记(一)

一、 v-cloak 的用法<div v-cloak> {{ message }}</div>//css[v-cloak] { display: none!important; //添加 !important防止被优先级别高的样式覆盖}应用场景:① 防止页面加载时出现 vue 的变量名② v-html 可以解析html语句,但是可能遭到xss攻...

2019-08-22 14:32:42 194

原创 JavaScript 执行机制

今天看到网上一个经典的有关事件循环的试题: //请写出输出内容async function async1() { console.log('async1 start'); await async2(); console.log('async1 end');}async function async2() { console.log('async2');}co...

2019-08-21 16:39:49 160

原创 ECharts常用整理

option = { //可配置选项 title : { text: '某楼盘销售情况', //标题,每个图表最多仅有一个标题 subtext: '纯属虚构' //副标题文本,'\n'指定换行 }, tooltip : { //提示框,鼠标悬浮交互时的信息提示 trigger: 'axis', axis...

2019-08-20 16:01:12 228

原创 JS中Math函数的常用方法

Math 是数学函数,但又属于对象数据类型 typeof Math => ‘object’console.dir(Math) 查看Math的所有函数方法。1,Math.abs() 获取绝对值Math.abs(-12) = 122,Math.ceil() and Math.floor() 向上取整和向下取整console.log(Math.ceil(12.03));//13c...

2019-07-29 17:19:55 295

原创 css弹性盒之justify-content详解

今天没事把css弹性盒常用及要注意的做一下整理:先上代码如下:<!DOCTYPE html><html><head><meta charset="utf-8"><title>测试</title><style>#main { width: 400px; height: 200px; ...

2019-07-17 16:17:10 1484

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除