- 博客(19)
- 收藏
- 关注
RSS订阅原创 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
31874
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
23395
原创 日常开发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
3007
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
301
原创 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
884
原创 vue笔记之 filterts的几种用法
先上一段代码： <div class="test"> <p>{{msg | sum}}</p> <p>{{msg | cal 10 20}}</p> <!--过滤器函数始终以表达式的值作为第一个参数。带引号的参数视为字符串，而不带引号的参数按表达式计算。--> ...
2019-10-09 15:31:25
1397
原创 实现数组去重方法整理
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
629
原创 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
195
原创 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
161
原创 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
297
原创 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关注的人