lele的博客

原创 判断各种数据类型

/** * @function type * @param {any} obj - 被判断的对象 * @return {string} 返回类型：array/date/string/object/undefined/function/boolean/null/regexp/math 等 */ var getType = function getType(obj) { return Object.prototype.toString.call(obj).slice(8, .

原创 js 数据类型

基本类型numberstringbooleannullundefinedsymbolbigint对象类型标准普通对象：object标准特殊对象：Array/RegExp/Date非标准特殊对象：Number/String/Boolean可调用对象： funtionNaN === NaN ===>false判断是否为有效数字使用isNaN()，默认隐式转换为数字类型Number()Object.is(10,10) ===> t...

原创 什么是泛域名？如何做泛域名解析？

泛域名泛域名指在一个根域名之下，所有未建立的子域名的合集。如果某子域名已经存在，那么不在此列之中。泛域名解析利用通配符* （星号）来做次级域名以实现所有的次级域名均指向同一IP地址。例如：用户的域名是abc.com，IP解析到：218.104.78.100。将主机名设置为通配符"*"，表明 abc.com 之前的所有子域名都将解析到218.104.78.100，如 bbs.abc.com 或 123.234.abc.com 。如果单独设置一个子域名解析，比如将主机名设置为 mail，单独解

原创 html、body、document、window四者的区别是什么

html有多重意义，既是超文本传输协议，也是 HTML 文档的根元素，其他元素都是其子元素。bodybody 元素包含了文档的可见内容，HTML 文档最终显示的内容都是其子元素。document.body 可以直接访问此元素。documentdocument 对象是 window 的子属性，用来访问页面中的元素，保存着操作 DOM 的 API。windowwindow 对象在文档打开时自动创建，保存着 DOM，BOM，核心JS 等所有内容。对于客户端 JS 而言，window

原创 如何更改网站的图标

此图标应该为一个 .ico 的图标，常为 16*16 / 24 * 24通过在 html 头部引入如下标签实现<link rel="shortcut icon" href="static/favicon.ico">

原创 display: inline-block 什么时候不会显示间隙

移除空格 使用margin负值 使用font-size:0 letter-spacing word-spacing

原创 垂直居中

如果是单行文本，父元素的line-height和height设置成同一个值 使用flex布局，设置为align-item：center 绝对定位中设置bottom:0,top:0,并设置margin:auto 绝对定位中固定高度时设置top:50%，margin-top值为高度一半的负值...

原创 水平居中的方法

如果是行内元素，设置父元素text-align:center 如果是块元素，如果宽度固定，可以设置margin: 0 auto 适合一个块元素居中 如果是多个块元素，父元素text-align:center font-size:0 子元素：display:inline-block 添加font-size 绝对定位和移动:absolute + transform 使用flex-box布局，指定justify-content属性为center...

转载 优雅的取代if else

https://www.php.cn/js-tutorial-406588.html

原创 js中的各种遍历

JavaScript中的各种遍历对象的遍历对象属性的遍历，方法有以下几种for...in Object.keys() Object.getOwnPropertyNames()1. for...infor...in是通过in运算符遍历对象中的可枚举属性，包括原型中的属性// 构造函数中定义私有属性function Animal(name) { this.name=name this.run = function() { console.log(t...

原创 vue中input 防抖

这里介绍的是rxjs流事件实现方式。npm i rxjs rxjs-compat vue-rx -S目前vue中下载的vue版本是6.x，需要同时下载rxjs-compat协助。rxjs 6.x 官网：https://rxjs.dev/api/operatorsmain.js中引入相关包importVueRxfrom'vue-rx';importRxfrom'rxjs/Rx';Vue.use(VueRx,Rx);在input所在的vue文件中，使用v-stream...

原创 vue组件的渲染和更新

初次渲染过程解析模版为render函数（或在开发环境已完成，vue-loader）触发响应式，监听data属性的getter和setter执行render函数会触发getter，生成vnode,patch(elem,vnode)更新过程修改data,触发setter(此前在getter中已被监听)重新执行render函数，生成newVnodepatch(vnode,newVnode)异步渲染$nextTick汇总data的修改，一次性更新视图减少dom操作次.

原创 vue2.0原理

由于读源码实在是枯燥又无趣，所以我放弃了读源码，只是想搞懂一些原理性知识点，所以有以下笔记，（但这并不是原理大全，毕竟20%的功能可以满足80%的需求）(模板到render函数，再到vnode，再到渲染和更新)vue响应式核心API-Object.defineProperty（vue-MVVM数据驱动视图）Object.defineProperty基本语法cosole.log(data.name) // get zhangsan data.name = 'lisi' //

原创 vue3特性

从技术角度，变化有几点1.defineProperty ------> Proxy2.diff逻辑优化3.使用typescript 重写，IDE提示更智能从api角度来看，使用的角度来看，变化较大的有这么几点1.option base→ function base 使用方式从 基于选项的 变为 基于函数 的，vue将原本通过选项提供的功能，比如：watch, data, computed等等，解耦成了一个个函数，我们可以很方便的通过函数的组合来实现功能，这个变化带来的影响就是，代.

原创 webpack相关知识

什么是webpack?webpack 是一个现代的js应用程序的静态模块打包工具。当weback处理应用程序时，它会在内部构建一个依赖图，这个依赖图会映射项目所需的每个模块，并生成一个或多个bundle包。webpack是基于node.js开发的。为什么要使用webpack?1.代码转换：ts编译成js,less/sass编译成css,es6-9编译为es5，虚拟dom编译成真是的dom等。2.文件优化：压缩js,css,html代码，压缩合并图片，base64等。3.代码分割：提取多个

原创 删除数组最后一项的方法

1.arr.pop()2.arr.length--3.arr.splice(arr.length-1)

原创 函数中的实参集合arguments

原创 函数的形参和实参

函数每执行一次都会生成新的执行上下文EC(fn)

原创 函数的创建和执行的堆栈运行机制

每一个函数分为两个部分1.创建函数function 函数名（形参）{函数体}2.执行函数函数名（实参）函数就是对实现某一个功能的具体封装，这样后期想实现这个功能，直接执行函数就可以，无需重新编写代码好处：减少代码的冗余，提高代码的重复使用率==》低耦合，高内聚。...

原创 对于MVVM的理解

MVVM是Model-View-ViewModel的缩写Model 代表数据模型，也可以在model中定义数据修改和操作的业务逻辑View 代表UI组件，负责将数据模型转化成UI展现出来ViewModel 监听模型数据的改变和控制视图行为，处理用户交互，简单理解就是一个同步View和model的对象，链接View和model在MVVM架构下，View和Model之间并没有直接...

转载 BFC

https://blog.youkuaiyun.com/sinat_36422236/article/details/88763187

原创 js通过reduce进行数组去重

let arr = [1,2,3,4,4,1]let newArr = arr.reduce((pre,cur)=>{ if(!pre.includes(cur)){ return pre.concat(cur) }else{ return pre }},[])console.log(newArr);// [1, 2, 3, 4]

原创 vue 判断当前要删除的项 是否当前页最后一条

let count = (this.searchForm.page - 1) * this.searchForm.num;let nowTotal = this.pageTotal - 1;this.searchForm.page = (count == nowTotal && count !=1 ) ? this.searchForm.page - 1 : this.se...

转载 安装webpack时生成bin

https://segmentfault.com/a/1190000014159004

原创 总结了一些实用的css方法欢迎关注star

https://github.com/lelele6666/css-

转载 css的div绘制各种图形值得收藏

https://css-tricks.com/the-shapes-of-css/

转载 js时间戳转时间字符串

https://www.cnblogs.com/inuex/p/4316588.html

转载 减少vender.js的体积

https://www.jianshu.com/p/45585bc92b88

转载 跨域

https://segmentfault.com/a/1190000015597029?utm_source=tag-newest

转载 js 判断字符串中是否包含某个字符串

https://www.cnblogs.com/ooo0/p/7741651.html

原创 去掉element的x号

找到x号的样式，然后display:none

转载 数组方法总结

https://juejin.im/post/5bb753bd6fb9a05d2272b673

转载 判断滚动条滑倒底部

https://www.cnblogs.com/winyh/p/6715010.html

转载 解决跨域

https://segmentfault.com/a/1190000015597029?utm_source=tag-newest

转载 阿里icon的使用方法

添加链接描述

转载 vuex的使用方法

添加链接描述

原创 js实现全屏功能

handleFullScreen() { //获取到整个html let element = document.documentElement; // console.log(element) //如果不是全屏 if (this.fullscreen) { if (docum...

转载 github的使用方法

添加链接描述

转载 html基础

html描述

转载 git的简单使用

git的简单使用