自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

积少成多

只要心中有景,何处不是花香满径。

转载 你get了无数技能,为啥却一事无成

欢迎访问我的个人网站 http://www.xiaolongwu.cn前几日看到阮一峰老师的发的一句话,颇有感慨,「你只是坐在电脑前,往网上发表了一段文字或者一张图片,随便什么,就能够接触到多少陌生的灵魂。这就是我热爱互联网的原因」。我打心底认为这是一个最好的时代,这个时代,我们能接触的信息比历史上任何时候都多,我们通过互联网能够轻易的分享自己的喜悦,传播自己的思想,正如我此刻正在敲的这些文...

2018-08-07 19:20:23 458

原创 js基础进阶--编码实用技巧(一)

js编码的实用技巧(二) 在平时的开发中,编码技巧很重要,会让你少写很多代码,起到事倍功半的效果。下面总结几种简单的技巧,大家共同学习一下1、 利用+、-、/1,*1将字符串转换为整数型这个方法试用于将字符串类型的数字转换为整数型,如果带字母就会返回NaN。var a = "1234", b = "leonWuv";//我们想

2018-02-08 00:43:54 1487 2

原创 js基础进阶--编码实用技巧(二)

接上篇文章 js编码的实用技巧(一)5、合理利用||运算符使用||可以作为参数之外的默认值,当第一个参数返回值为false时,那么第二个值就为默认值。一般在面向对象思想中这么使用。function User(name, age) { this.name = name || "leonWu"; this.age = age || 29;}var user1 ...

2018-02-08 00:40:37 822

原创 css基础--chrome浏览器已保存的密码回填时带默认白色背景问题

欢迎访问我的个人博客:http://www.xiaolongwu.cn问题有时候,我们页面的主题色是深色的,在chrome浏览器里登录成功之后,会有个记住密码功能,这个功能是chrome自带的功能,然后我们下次登录的时候,就会提示让我们选择浏览器记住的账号和密码,选完之后会有个白色的背景,与我们自己写的风格很不搭配;当然,这个也浏览器默认的颜色,我们是可以修改的;解决方案加上如下css,...

2019-11-29 17:37:28 218

原创 Class constructor FileManager cannot be invoked without 'new'

欢迎访问我的个人博客:http://www.xiaolongwu.cnwebpack打包时出现以下问题ERROR in ./src/pages/score/components/current/no-join/index.lessModule build failed (from ./node_modules/_mini-css-extract-plugin@0.5.0@mini-css-e...

2019-08-20 11:28:40 597

原创 git--git tag相关命令和实践记录

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言由于项目迭代开发比较快,所以就需要在每个迭代版本上打tag的需求,博主之前的策略为,创建一些名字为tag-xx的分支来充当tag的角色,但是这样显然是不可取的,所以就实践了一下tag的功能并记录下来;正文假如我们的项目到某个阶段的版本封板了,要上线,在这时,通常是要打tag留个标记的;这时我们就利用git的tag命...

2019-07-01 21:34:22 1045

原创 js基础--数据类型检测的相关知识

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言最近工作有点忙,好几天都没更新技术博客了。周末起床打开有道云笔记,发现自己的博客todolist里躺了一堆只有名字的文件。话不多说,我们开干,加油!干货满满今天,我们一起学习一下js中的数据类型检测相关的知识,也顺便做个总结。1、数据类型介绍我们都知道,在js中分为基本数据类型和复杂数据类型。基本数据类型又...

2019-03-11 12:35:13 173

原创 js基础进阶--关于setTimeout的思考

欢迎访问我的个人博客:http://www.xiaolongwu.cn先热身看看下面的代码会打印出什么? for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }, 100); }上面的结果是 5 5 5 5 5这里和浏览器的事件队列和事件循环机...

2019-02-27 19:39:36 263

原创 vue--为什么data属性必须是一个函数

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言老规矩,我们还是先说为什么。问题描述:为什么在vue组件中,我们的data属性必须是一个函数,new Vue()中的data除外,因为new Vue中只有一个data属性。原因:因为我们能抽离出来的组件,肯定是具有复用性的,它在项目中会存在多个实例。如果data属性值是一个对象时,那么它所有的实例都会共享这些数据,这...

2019-02-26 17:25:21 961

原创 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 20:52:12 238

原创 js基础--将内存中的数据保存为文件下载到本地

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言最近在做一个项目,有个需求就是,前端在内存中维护了一个很复杂的json对象,当点击下载按钮时,需要把这个json对象保存到文本中并下载到本地。总结了两种实现方式假如在我们项目中有个json对象如下: var jsonObj = { name: 'Leon WuV', age: ...

2019-01-15 23:49:15 5253 4

原创 js基础--测试随机数的概率是否相等

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言今天我们来做一个有趣的测试,那就是我们在某个范围之间取随机数时,每项被随机到的概率是否相等。随机方法我们都知道Math.random()的结果是[0, 1)之间的小数,结果包括0但是不包括1。那么很简单就会想到Math.random() * n的结果是[0, n)之间的小数,结果包括0但是不包括n。那么parse...

2019-01-10 10:58:05 1003

转载 提高程序员编程能力的有效方法

欢迎访问我的个人网站 http://www.xiaolongwu.cn文章转载自 :https://mp.weixin.qq.com/s/ROBb7h2GOAn1sulH6_1RMQ前言那就是去读别人写的代码。读那些你常用的库、编程框架的源代码,读那些你景仰的大牛的源代码,读代码里的测试(测试本身就是一种有效的文档);读代码、改代码、运行代码。其实,所谓写程序,大部分的时间都是花在读代码...

2019-01-09 10:38:10 270

原创 nodejs--自动重启工具nodemon简介

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言我们在写nodejs时,是不是有这样的痛点,每次改完代码后都需要重启node服务,这个是很操蛋的事情。nodemon介绍在这里,我要给大家介绍一个自动重启工具,他就是nodemon;nodemon会监听项目路径下的文件,如果发生变化就会重启服务,那么他就完美解决了我们上面说的每次改完代码需要手动重启服务的痛点;当...

2018-12-28 01:40:28 811

原创 js基础进阶--从ajax到fetch的理解

欢迎访问我的个人博客:http://www.xiaolongwu.cn基本知识1. Ajax是什么?答:Ajax是一种可以在浏览器和服务器之间使用异步数据传输(HTTP请求)的技术。使用它可以让页面请求少量的数据,而不用刷新整个页面。而传统的页面(不使用Ajax)要刷新部分内容,必须重载整个网页页面。2. Ajax基于什么?答:它基于的是XMLHttpRequest(XHR)。这是一个比...

2018-12-26 23:45:54 424

转载 git -- git emoji列表(github commit 前面的小icon)

Git commit emoji 指南emojiemoji代码commit说明

2018-12-24 15:32:34 3633

原创 vue -- vue-i18n国际化使用简单教程

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言vue-i18n是一个针对于vue的国际化插件,使用非常简单,具体使用方式看我细细道来。实现方式这里我们直接讲在实际开发中如何使用以及注意事项;1. 下载包npm install vue-i18n2. 配置在main.js文件中加入如下配置// 引入插件和语言包import VueI18n from '...

2018-12-20 10:08:15 5763 2

原创 eslint -- Adjacent JSX elements must be wrapped in an enclosing tag

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言关于eslint的问题太多了,我们只能慢慢的一个一个的踩坑。错误信息Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag.这样的错误信息提示eslint配置的问题,如下图解决办法修改eslint配置文件// 将"...

2018-12-17 14:41:31 10620 3

原创 vue -- foreach not a function 或者map not a function的解决办法

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言老套路,先说出现这种问题的原因:在做vue项目时,如果我们在组件中需要一个变量,哪怕这个变量最开始是没值的,我们也必须先在data中注册这个变量;只有这样,我们的这个变量才能是响应式的,不然就失去了响应式的功能;问题就在这里,好多人的习惯就是写变量的值等于’’(空)或者null,map和foreach方法只能对数...

2018-12-05 16:48:52 7064 2

原创 vue -- 非父子组件传值,事件总线(eventbus)的使用方式

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言先说一下什么是事件总线,其实就是订阅发布者模式;比如有一个bus对象,这个对象上有两个方法,一个是on(监听,也就是订阅),一个是emit(触发,也就是发布),我们通过on方法去监听某个事件,再用emit去触发这个事件,同时调用on中的回调函数,这样就完成了一次事件触发;这是一种设计模式,和语言没有关系;如果不太了...

2018-11-30 12:00:55 4732 16

原创 JavaScript设计模式--观察者模式(发布者-订阅者模式)

欢迎访问我的个人博客:http://www.xiaolongwu.cn简单列子下面是实现发布—订阅模式的步骤:1、先要指定好谁充当发布者(比如售楼处)2、然后给发布者添加一个缓存列表,用于存放回调函数以便通知订阅者(售楼处的花名册)3、最后发布消息的时候,发布者会遍历这个缓存列表,依次触发里面存放的订阅者回调函数(遍历花名册,挨个发短信)// 定义订阅发布模式 var publ...

2018-11-29 14:39:10 422

原创 vue -- 父组件通过$refs获取子组件的值和方法

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言在vue项目中组件之间的通讯是很常见的问题,同时也是很重要的问题,我们大致可以将其分为三种情况:父传子:在父组件中绑定值,在子组件中用props接收子传父:在父组件中监听一个事件,在子组件中利用$emit触发这个事件并带上数据作为第二个参数,这时父组件中监听事件的回调函数就会被调用,回调函数的参数就是子组件带上来的...

2018-11-15 17:29:31 19002

原创 vue -- Cannot set property 'render' of undefined解决方法

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言在用vue-cli3做组件测试时,出现个问题,记录一下报错如下 Cannot set property ‘render’ of undefined解决方案后来发现是因为 组件里写了script标签,没写 export default {}加上这句话之后就好使了我的个人博客地址:http://www.xiaol...

2018-11-15 17:27:23 15156 2

原创 You are using the runtime-only build of Vue where the template compiler is not available. Either pre

欢迎访问我的个人博客:http://www.xiaolongwu.cn在升级脚手架到vue-cli3.0版本的时候出现了这个报错:[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the template...

2018-10-19 20:33:40 53768 15

原创 Missing space before function parentheses 报错终极解决方案

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言首先,我们碰到的这个问题只是一类问题的一个代表,总结起来就是关于eslint的问题;类似的还有括号后面多个空格呀,不能用双引号呀等等的问题;我们项目中既然选择了eslint,那么就是想做代码级的规范,如果解决问题的方案是在webpack的配置文件里注释掉eslint检查的相关配置,或者是在eslint的配置文件里将2...

2018-10-12 20:01:06 8558

转载 《深入浅出Vue.js》作者谈前端框架的“御剑之道”

欢迎访问我的个人博客:http://www.xiaolongwu.cn编者按:本文作者 Berwin,W3C性能工作组成员,360导航高级前端工程师。《深入浅出Vue.js》(正在出版)作者。你在使剑,是的,但是你的目的是杀人,直追你的目标,忘记手中长剑,才能使出最高的剑法… 而这世上又有多少剑客, 拘泥于手中快剑而落入俗套,终究无法到达登峰造极的境界… ----阿莱克西斯前言剑,...

2018-10-10 17:42:14 7306 2

原创 Prettier的三种使用场景和使用方法

欢迎访问我的个人博客:http://www.xiaolongwu.cnPrettier是最近很火的一个代码美化工具,其中文意思是“漂亮的、机灵的”,它能够解析代码,使用你自己设定的规则来重新打印出格式规范的代码。他的整个圈子很强大,有基于各种编辑器的插件(vs code,atom),有脚本类的,有插件类的(eslint的插件eslint-plugin-prettier)。更多有关pretti...

2018-09-26 19:17:29 9854

原创 npm常见命令

欢迎访问我的个人博客:http://www.xiaolongwu.cnnpm的常见命令下载安装某个模块 npm install -D(添加到开发环境)/-S(添加到生产环境)使用以下命令来卸载模块 npm uninstall 查看所有全局安装的模块 npm list -g查看依赖的某个模块的当前版本号 npm list -g //不带-g为此项目内查找...

2018-09-22 22:54:38 340

原创 js基础 -- window.btoa和window.atob使用详解.md

欢迎访问我的个人博客:http://www.xiaolongwu.cn定义atob()解码一个Base64字符串。btoa()从一个字符串或者二进制数据编码一个Base64字符串。用法只有字符串才能被转换默认转换 ASCII字母和数字,不支持中文// 转base64var aa = btoa("dddddddd");// 转码结果 "ZGRkZGRkZGQ="//...

2018-09-18 19:19:36 2273

转载 RESTful API详解

要弄清楚什么是RESTful API,首先要弄清楚什么是REST。REST – REpresentational State Transfer,英语的直译就是“表现层状态转移”。如果看这个概念,估计没几个人能明白是什么意思。那下面就让我来用一句人话解释一下什么是RESTful:URL定位资源,用HTTP动词(GET,POST,PUT,DELETE)描述操作。  &...

2018-09-17 13:10:26 294

原创 nodejs -- node-sass安装失败的解决方案

欢迎访问我的个人博客:http://www.xiaolongwu.cnnode-sass安装失败的原因是被墙了;解决办法是翻墙或者使用淘宝镜像cnpm下载;cnpm install node-sass -Dcnpm的安装和使用方法链接:cnpm淘宝镜像的安装和使用方法我的github资源地址:nodejs – node-sass安装失败的解决方案我的个人博客地址:h...

2018-09-15 18:16:12 1646

原创 nodejs -- Node Sass does not yet support your current environment解决办法

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言在github上clone了一个项目,npm install之后,启动项目时报了如题目的错误导致项目启动失败;产生问题的原因执行npm install命令时,其实是npm按照项目里的package.json文件来下载项目所有的依赖;由于每个人的电脑环境等不同的问题,有些依赖会不支持当前的环境;...

2018-09-15 18:12:22 1495 1

原创 nodejs入门(一)

欢迎访问我的个人博客:http://www.xiaolongwu.cn什么是NodeJSJS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,NodeJS就是一个解析器。每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行...

2018-09-13 19:00:51 3633

原创 es6 -- Array.from()函数的用法

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言ES6为Array增加了from函数用来将其他对象转换成数组。当然,其他对象也是有要求,也不是所有的,可以将两种对象转换成数组。1.部署了Iterator(迭代器)接口的对象,比如:Set,Map,Array。2.类数组对象,什么叫类数组对象,就是一个对象必须有length属性,没有length,转出...

2018-09-12 17:46:22 328

转载 专业程序员的七个特质

欢迎访问我的个人网站 http://www.xiaolongwu.cn文章转载自 https://mp.weixin.qq.com/s/AdvWPwJ-kCyMnQ7XTQBFHQ每日英文The fastest pace is not cross over, but continued; the slowest pace is not small, but wander.最快...

2018-09-09 23:57:55 145

原创 commonjs,es6模块的编写规则,适用于node,webpack,rollup

欢迎访问我的个人博客:http://www.xiaolongwu.cn一、commonjs的编写规则首先说明一下,commonjs模块规范被广泛使用在nodejs中,webpack也支持,rollup如果要支持则需要安装两个插件,rollup-plugin-node-resolve和rollup-plugin-commonjs也可以参考下这篇博文:require和import机制...

2018-08-15 15:06:18 703

原创 webpack -- 简单的使用总结

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言这里只是大概的简单的使用总结,要想深入的理解还需自己一点一点的在实际的工作中积累。webpack是什么webpack是一个前端构建的打包工具(并不是什么库或框架), 它能把各种资源,例如JS(含JSX)、coffee、css(含less/sass)、图片等都作为模块来处理和使用。基础知识点...

2018-08-13 02:31:32 365

原创 webpack -- require和import机制

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言虽然我们很多人每天都在写项目,require或者import写的爽得很,但是有几个人真正的知道它背后的运行原理和所谓的规则机制。开始我们基于webpack开发,就拿基本的vue项目来举例子吧假如我们项目中要用到vue这个框架,我们在代码里写上import Vue from 'vue'/...

2018-08-13 02:30:38 3773

转载 js模块化的发展历程

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言这是一篇关于js模块化历程的长长的流水账,记录js模块化思想的诞生与变迁,展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑,没经历过的人也应该知道这段历史。无模块时代在ajax还未提出之前,js还只是一种“玩具语言”,由Brendan Eich花了不到十天时间发明,用来在网页上进行表单校验...

2018-08-07 19:02:06 1305

原创 vue -- vue-router的history模式打包后页面空白的解决方案

欢迎访问我的个人博客:http://www.xiaolongwu.cn前言采坑记录,以便后面翻阅首先你需要确认页面空白不是由资源文件路径不正确引起的,如果资源找不到就将绝对路径改为相对路劲,具体解决方案看这里:webpack–资源和css中图片引用打包为相对路径的方案问题现象在本地开发环境没有任何问题,路由也正常显示,但是打包并部到服务器之后,访问页面就是空白,看控制台...

2018-07-25 19:18:49 17738

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