- 博客(25)
- 收藏
- 关注
RSS订阅转载 js基础--数据类型检测的相关知识
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言最近工作有点忙，好几天都没更新技术博客了。周末起床打开有道云笔记，发现自己的博客todolist里躺了一堆只有名字的文件。话不多说，我们开干，加油！干货满满今天，我们一起学习一下js中的数据类型检测相关的知识，也顺便做个总结。1、数据类型介绍我们都知道，在js中分为基本数据类型和复杂数据类型。基本...
2019-03-11 01:35:00
88
转载 vue--为什么data属性必须是一个函数
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言老规矩，我们还是先说为什么。问题描述：为什么在vue组件中，我们的data属性必须是一个函数,new Vue()中的data除外，因为new Vue中只有一个data属性。原因：因为我们能抽离出来的组件，肯定是具有复用性的，它在项目中会存在多个实例。如果data属性值是一个对象时，那么它所有的实例都会共享这...
2019-02-26 17:28:00
122
转载 es6 -- 默认参数Default，不定参数Rest，扩展运算符Spread详解
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言记录一下在实际开发中，很有用的三个es6的新方法用法详解默认参数function f(x, y=13) { // 如果没有传入y或传入了undefined，y的默认值为13 return x + y;}f(5) // 18不定参数Rest不定参数rest，让我们不再需要arguments，...
2019-02-19 21:03:00
123
转载 js基础进阶--promise和setTimeout执行顺序的问题
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言promise为es6引进的语言标准，为异步编程的一种解决方案；阅读此文的前提是了解浏览器event loop的机制，还有promise的基本用法和特性，比如他自执行特性、状态不可逆特性等抛出问题且看下面代码和问题setTimeout(function(){console.log(1)},0);new...
2019-01-26 00:25:00
105
转载 Bug集合js1--Unexpected token o in JSON at position 1
欢迎访问我的个人博客：http://www.xiaolongwu.cn写在前面的话这个问题在之前做项目时碰到过一次，当时按照网上的做法，去掉JSON.parse()这一层转换后就没有这个报错了，数据也能正常使用，就没多想，也没深究是什么原因。可是这次又碰到了，所以这次必须要弄明白原因。先看看它的作用JSON.parse()用于从一个字符串中解析出json对象,如var str...
2019-01-22 13:35:00
77
转载 js基础--Date.parse()与Date.getTime()方法详解
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言这两个方法的返回值都是 1970/1/1 午夜距离该日期时间的毫秒数如何使用下面的例子中，我们将取得从 1970/01/01 到 2017/03/19 的毫秒数1、Date.parse()的使用// 返回自定义时间戳 Date.parse("2017/03/19") //返回当前时间的事件戳 D...
2019-01-19 16:02:00
138
转载 js基础进阶--从ajax到fetch的理解
欢迎访问我的个人博客：http://www.xiaolongwu.cn基本知识1. Ajax是什么？答：Ajax是一种可以在浏览器和服务器之间使用异步数据传输（HTTP请求）的技术。使用它可以让页面请求少量的数据，而不用刷新整个页面。而传统的页面（不使用Ajax）要刷新部分内容，必须重载整个网页页面。2. Ajax基于什么？答：它基于的是XMLHttpRequest（XHR）。...
2019-01-16 10:21:00
84
转载 js基础--将内存中的数据保存为文件下载到本地
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言最近在做一个项目，有个需求就是，前端在内存中维护了一个很复杂的json对象，当点击下载按钮时，需要把这个json对象保存到文本中并下载到本地。总结了两种实现方式假如在我们项目中有个json对象如下： var jsonObj = { name: 'Leon WuV', ...
2019-01-15 23:52:00
170
转载 webpack -- require和import机制
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言虽然我们很多人每天都在写项目，require或者import写的爽得很，但还是有很大一部分人不清楚它背后的运行原理和所谓的规则机制。开始我们基于webpack开发，就拿基本的vue项目来举例子吧假如我们项目中要用到vue或者express框架，我们的代码就这样写import Vue from 'vue'...
2019-01-11 00:27:00
155
转载 js基础--测试随机数的概率是否相等
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言今天我们来做一个有趣的测试，那就是我们在某个范围之间取随机数时，每项被随机到的概率是否相等。随机方法我们都知道Math.random()的结果是[0, 1)之间的小数，结果包括0但是不包括1。那么很简单就会想到Math.random() * n的结果是[0, n)之间的小数，结果包括0但是不包括n。那么...
2019-01-10 11:11:00
181
转载 vue -- 非父子组件传值，事件总线（eventbus）的使用方式
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言先说一下什么是事件总线，其实就是订阅发布者模式；比如有一个bus对象，这个对象上有两个方法，一个是on（监听，也就是订阅），一个是emit（触发，也就是发布），我们通过on方法去监听某个事件，再用emit去触发这个事件，同时调用on中的回调函数，这样就完成了一次事件触发；这是一种设计模式，和语言没有关系；...
2019-01-09 23:08:00
115
转载 提高程序员编程能力的有效方法
欢迎访问我的个人网站 http://www.xiaolongwu.cn文章转载自 ：https://mp.weixin.qq.com/s/ROBb7h2GOAn1sulH6_1RMQ前言那就是去读别人写的代码。读那些你常用的库、编程框架的源代码，读那些你景仰的大牛的源代码，读代码里的测试（测试本身就是一种有效的文档）；读代码、改代码、运行代码。其实，所谓写程序，大部分的时间都是花...
2019-01-09 22:45:00
99
转载 es6 -- 深入理解function
欢迎访问我的个人博客：http://www.xiaolongwu.cn如同我们所看到的，ES6 中引入来箭头函数，相比 ES5 来讲是最为直观而明显的特性。在 ES6 之前，声明一个函数：function add(a, b) { return a + b;}add(1, 2); // 3如果用箭头函数的形式写：const add = (a, b) => a + b...
2018-05-24 09:51:00
101
转载 js基础进阶--函数柯里化carrying
欢迎访问我的个人博客：http://www.xiaolongwu.cn定义函数柯里化就是创建已经设置单个参数或者多个参数的函数，函数变为接受一个参数，返回一个值来个例子 function add(){ // 将传进来的实参转换为数组arr var arr = Array.prototype.slice.call(arguments)...
2018-05-17 00:25:00
134
转载 js基础进阶--图片上传时实现本地预览功能的原理
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言最近在项目上加一个图片裁剪上传的功能，用的是cropper插件，注意到选择本地图片后就会有预览效果，这里整理一下这种预览效果的实现原理；实现原理通过input的 type = file属性和js的内置FileReader对象，利用FileReader对象的readAsDataURL方法，把图片数据转成bas...
2018-05-16 15:05:00
173
转载 js基础--slice（）与splice（）的用法和区别你清楚吗？
欢迎访问我的个人博客：http://www.xiaolongwu.cn他们的共性是都可以操作数据，截取一段数组，slice(start，end)从start开始截取到end但是不包括end返回值为截取出来的元素的集合原始的数组不会发生变化参数也支持负数，计算结果为负数加上总长度之后的值参数为负数的前提下，如果相加得到的结果start大于end则返回空数组//例子 ...
2018-05-16 15:01:00
89
转载 js基础--javaScript数据类型你都弄明白了吗？绝对干货
欢迎访问我的个人博客：http://www.xiaolongwu.cn数据类型的分类JavaScript的数据类型分为两大类，基本数据类型和复杂数据类型。基本数据类型：Null、Undefined、Number，String，Boolean。复杂数据类型：Object。一、Object《JavaScript语言精辟》这本书里面是这么定义的：数组是对象，函数是对象，正则表达式也...
2018-05-16 14:56:00
72
转载 js基础进阶--关于setTimeout的思考
欢迎访问我的个人博客：http://www.xiaolongwu.cn先热身看看下面的额代码会打印出什么？for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }, 100); }上面的结...
2018-05-16 14:51:00
92
转载 js基础--获取浏览器当前页面的滚动条高度的兼容写法
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言在开发中，兼容性问题是最常见的，今天就来介绍一下关于获取滚动条高度的兼容性写法，宽度同理，我在这里就不一一解释了各浏览器的写法IE6/7/8document.documentElement.scrollTopIE9以上window.pageYOffset或者document.documentE...
2018-05-16 14:44:00
108
转载 js基础--浏览器标签页隐藏或显示状态 visibility详解
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言在工作中我们可能会遇到这样的需求，当浏览器切换到别的标签页或着最小化时，我们需要暂停页面上正在播放的视频或者音乐，这个需求就会用到我下面要说的这个知识点：document.visibilityStatedocument.hiddenvisibilitychange具体用法浏览器标签页隐藏或者显示时会...
2018-05-16 14:43:00
329
转载 css基础--深入理解opacity和rgba的区别
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言首先这两个都与透明度有关，那么他们之间有什么具体的区别呢？在实际工作中我们需要注意什么呢？请您接着往下看语法1. rgba首先它是一个属性值，语法为rgba（r,g,b,a）r为红色值， 正整数 | 百分数g为绿色值，正整数 | 百分数b为蓝色值，正整数 | 百分数a为alpha（透明度），值为...
2018-05-16 14:27:00
90
转载 css基础--深入理解弹性盒flex布局
欢迎访问我的个人博客：http://www.xiaolongwu.cn1. 前言flex弹性盒，是一种布局方式，当页面需要适应不同的屏幕大小以及设备类型时，它依然能确保元素拥有更恰当的排布行为，弹性盒属于 CSS 3 部分，IE9 以下不支持，现代浏览器指的就是 IE9 及以上的浏览器2. flex的优势举个例子：这里我们要实现一个功能，让一个dom元素水平垂直居中;2.1 ...
2018-05-16 14:23:00
81
转载 js基础进阶--编码实用技巧(二)
我的个人博客：http://www.xiaolongwu.cn接上篇文章js编码的实用技巧(一)5、合理利用||运算符使用||可以作为参数之外的默认值，当第一个参数返回值为false时，那么第二个值就为默认值。一般在面向对象思想中这么使用。function User(name, age) { this.name = name || "leonWu"; this...
2018-05-16 13:44:00
62
转载 js基础进阶--编码实用技巧(一)
我的个人博客：http://www.xiaolongwu.cn在平时的开发中，编码技巧很重要，会让你少写很多代码，起到事倍功半的效果。下面总结几种简单的技巧，大家共同学习一下1、 利用+、-、/1,*1将字符串转换为整数型这个方法试用于将字符串类型的数字转换为整数型，如果带字母就会返回NaN。var a = "1234", b = "leonWuv";//我们想把a转换为12...
2018-05-16 13:37:00
75
转载 js基础进阶--关于Array.prototype.slice.call(arguments) 的思考
欢迎访问我的个人博客：http://www.xiaolongwu.cnArray.prototype.slice.call(arguments)的作用为：强制转化arguments为数组格式，一般出现在框架活插件的源码中如何理解上面的代码等价于[ ].slice.call(arguments)或者随便一个数组调用都行 [1,2,4].slice.call(arguments)因...
2018-05-16 11:40:00
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人