- 博客(172)
- 资源 (2)
- 收藏
- 关注
RSS订阅
转载 你get了无数技能，为啥却一事无成
欢迎访问我的个人网站 http://www.xiaolongwu.cn前几日看到阮一峰老师的发的一句话，颇有感慨，「你只是坐在电脑前，往网上发表了一段文字或者一张图片，随便什么，就能够接触到多少陌生的灵魂。这就是我热爱互联网的原因」。我打心底认为这是一个最好的时代，这个时代，我们能接触的信息比历史上任何时候都多，我们通过互联网能够轻易的分享自己的喜悦，传播自己的思想，正如我此刻正在敲的这些文...
2018-08-07 19:20:23
676
原创 js基础进阶--编码实用技巧(一)
js编码的实用技巧(二) 在平时的开发中，编码技巧很重要，会让你少写很多代码，起到事倍功半的效果。下面总结几种简单的技巧，大家共同学习一下1、 利用+、-、/1,*1将字符串转换为整数型这个方法试用于将字符串类型的数字转换为整数型，如果带字母就会返回NaN。var a = "1234", b = "leonWuv";//我们想
2018-02-08 00:43:54
1760
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
997
原创 vue项目中过滤器filters的使用设计
前言vue项目中过滤器是很常见的功能，我们应该如何合理的设计它的使用方式呢？先看下官方文档： vue过滤器文档项目中对过滤器的使用不是很统一，有局部使用的，全局使用的，或者是直接引用过滤器文件的每个都注册一下，这几种使用方式都不是很友好。我们如何优化一下呢？且向下看。设计思路单独文件夹维护过滤器工具；在main.js中注入为全局过滤器;在具体需要的地方使用;具体代码新建filters文件夹，每一个过滤器为一个单独的文件维护，最后统一收口到index文件中。比如一个很常
2021-11-26 17:26:11
632
原创 vs code保存文件后不自动编译问题
问题 某一次编码中，写好代码，按下Ctrl + S，结果vs code控制台没有任何反应，也就是代码没有被自动编译。 之前，当写完代码，保存之后，控制台就会显示Compiling…，表示正在编译中，过一会儿会显示compiled successfully in xxxs，表示用了多少秒重新编译成功了。定位问题 重新打开一个别的项目，改动文件，保存后会自动编译。 所以排除是vs code工具的问题。 在本项目中，先stash当前的代码，再切换分支，改动代码，保存后会自动编译。 所以排
2021-06-09 20:55:32
11119
1
原创 Mac如何生成并配置多个ssh秘钥
前言通过这篇文章，您将清楚为什么需要配置多个ssh秘钥，如何生成多个秘钥，如何配置并让多个秘钥生效，如何测试秘钥是否生效等。配置多个ssh秘钥的场景在公司，我们提交代码可能是coding，或者可能是gitlab，或者是其他。同时我们还需要维护自己的github或者gitee账号。公司的gitlab邮箱账号肯定和自己的github邮箱账号不一样，如果我们都选用ssh的协议来提交代码，那么gitlab邮箱生成的秘钥不能在github上使用。这时，就需要生成多个秘钥，分别配置gitlib、github等
2021-04-13 23:12:20
2076
原创 Vue报错 -- the “scope“ attribute for scoped slots have been deprecated and replaced by “slot-scope“
vue项目中出现如下报错Vue报错 --the “scope” attribute for scoped slots have been deprecated and replaced by “slot-scope”原因 vue自2.5版本以来，作用域槽的“scope”属性已被弃用，并更改为“slot-scope”。解决方案<!-- 将这个 --><template scope="scope"> </template><!--
2021-04-09 13:52:44
481
原创 Component legend.scroll not exists. Load it first
先看问题Component legend.scroll not exists. Load it first–这是由于echarts报错引起的一个问题，大概意思就是说，我们缺少一个模块，让我们先引入这个模块；如何引起的我们在优化代码时，为了减少包的体积，对echarts做了按需引入，大概如下；// 按需加载echarts// 引入主模块import echarts from 'echarts/lib/echarts';// 引入工具模块import 'echarts/lib/compon
2021-03-16 22:01:34
1299
原创 css基础--chrome浏览器已保存的密码回填时带默认白色背景问题
欢迎访问我的个人博客：http://www.xiaolongwu.cn问题有时候，我们页面的主题色是深色的，在chrome浏览器里登录成功之后，会有个记住密码功能，这个功能是chrome自带的功能，然后我们下次登录的时候，就会提示让我们选择浏览器记住的账号和密码，选完之后会有个白色的背景，与我们自己写的风格很不搭配；当然，这个也浏览器默认的颜色，我们是可以修改的；解决方案加上如下css，...
2019-11-29 17:37:28
1115
原创 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/[email protected]@mini-css-e...
2019-08-20 11:28:40
1300
原创 git--git tag相关命令和实践记录
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言由于项目迭代开发比较快，所以就需要在每个迭代版本上打tag的需求，博主之前的策略为，创建一些名字为tag-xx的分支来充当tag的角色，但是这样显然是不可取的，所以就实践了一下tag的功能并记录下来；正文假如我们的项目到某个阶段的版本封板了，要上线，在这时，通常是要打tag留个标记的；这时我们就利用git的tag命...
2019-07-01 21:34:22
1770
原创 js基础--数据类型检测的相关知识
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言最近工作有点忙，好几天都没更新技术博客了。周末起床打开有道云笔记，发现自己的博客todolist里躺了一堆只有名字的文件。话不多说，我们开干，加油！干货满满今天，我们一起学习一下js中的数据类型检测相关的知识，也顺便做个总结。1、数据类型介绍我们都知道，在js中分为基本数据类型和复杂数据类型。基本数据类型又...
2019-03-11 12:35:13
361
原创 js基础进阶--关于setTimeout的思考
欢迎访问我的个人博客：http://www.xiaolongwu.cn先热身看看下面的代码会打印出什么？ for (var i = 0; i &lt; 5; i++) { setTimeout(function () { console.log(i); }, 100); }上面的结果是 5 5 5 5 5这里和浏览器的事件队列和事件循环机...
2019-02-27 19:39:36
2859
原创 vue--为什么data属性必须是一个函数
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言老规矩，我们还是先说为什么。问题描述：为什么在vue组件中，我们的data属性必须是一个函数,new Vue()中的data除外，因为new Vue中只有一个data属性。原因：因为我们能抽离出来的组件，肯定是具有复用性的，它在项目中会存在多个实例。如果data属性值是一个对象时，那么它所有的实例都会共享这些数据，这...
2019-02-26 17:25:21
1752
原创 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
705
原创 js基础--将内存中的数据保存为文件下载到本地
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言最近在做一个项目，有个需求就是，前端在内存中维护了一个很复杂的json对象，当点击下载按钮时，需要把这个json对象保存到文本中并下载到本地。总结了两种实现方式假如在我们项目中有个json对象如下： var jsonObj = { name: 'Leon WuV', age: ...
2019-01-15 23:49:15
12170
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
1754
转载 提高程序员编程能力的有效方法
欢迎访问我的个人网站 http://www.xiaolongwu.cn文章转载自 ：https://mp.weixin.qq.com/s/ROBb7h2GOAn1sulH6_1RMQ前言那就是去读别人写的代码。读那些你常用的库、编程框架的源代码，读那些你景仰的大牛的源代码，读代码里的测试（测试本身就是一种有效的文档）；读代码、改代码、运行代码。其实，所谓写程序，大部分的时间都是花在读代码...
2019-01-09 10:38:10
495
原创 nodejs--自动重启工具nodemon简介
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言我们在写nodejs时，是不是有这样的痛点，每次改完代码后都需要重启node服务，这个是很操蛋的事情。nodemon介绍在这里，我要给大家介绍一个自动重启工具，他就是nodemon；nodemon会监听项目路径下的文件，如果发生变化就会重启服务，那么他就完美解决了我们上面说的每次改完代码需要手动重启服务的痛点；当...
2018-12-28 01:40:28
1363
原创 js基础进阶--从ajax到fetch的理解
欢迎访问我的个人博客：http://www.xiaolongwu.cn基本知识1. Ajax是什么？答：Ajax是一种可以在浏览器和服务器之间使用异步数据传输（HTTP请求）的技术。使用它可以让页面请求少量的数据，而不用刷新整个页面。而传统的页面（不使用Ajax）要刷新部分内容，必须重载整个网页页面。2. Ajax基于什么？答：它基于的是XMLHttpRequest（XHR）。这是一个比...
2018-12-26 23:45:54
646
转载 git -- git emoji列表（github commit 前面的小icon）
Git commit emoji 指南emojiemoji代码commit说明
2018-12-24 15:32:34
5968
原创 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
10697
4
原创 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
17378
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
16098
4
原创 vue -- 非父子组件传值，事件总线（eventbus）的使用方式
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言先说一下什么是事件总线，其实就是订阅发布者模式；比如有一个bus对象，这个对象上有两个方法，一个是on（监听，也就是订阅），一个是emit（触发，也就是发布），我们通过on方法去监听某个事件，再用emit去触发这个事件，同时调用on中的回调函数，这样就完成了一次事件触发；这是一种设计模式，和语言没有关系；如果不太了...
2018-11-30 12:00:55
6870
19
原创 JavaScript设计模式--观察者模式（发布者-订阅者模式）
欢迎访问我的个人博客：http://www.xiaolongwu.cn简单列子下面是实现发布—订阅模式的步骤：1、先要指定好谁充当发布者（比如售楼处）2、然后给发布者添加一个缓存列表，用于存放回调函数以便通知订阅者（售楼处的花名册）3、最后发布消息的时候，发布者会遍历这个缓存列表，依次触发里面存放的订阅者回调函数（遍历花名册，挨个发短信）// 定义订阅发布模式 var publ...
2018-11-29 14:39:10
894
原创 vue -- 父组件通过$refs获取子组件的值和方法
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言在vue项目中组件之间的通讯是很常见的问题，同时也是很重要的问题，我们大致可以将其分为三种情况：父传子：在父组件中绑定值，在子组件中用props接收子传父：在父组件中监听一个事件，在子组件中利用$emit触发这个事件并带上数据作为第二个参数，这时父组件中监听事件的回调函数就会被调用，回调函数的参数就是子组件带上来的...
2018-11-15 17:29:31
32737
1
原创 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
34746
5
原创 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
105649
25
原创 Missing space before function parentheses 报错终极解决方案
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言首先，我们碰到的这个问题只是一类问题的一个代表，总结起来就是关于eslint的问题；类似的还有括号后面多个空格呀，不能用双引号呀等等的问题；我们项目中既然选择了eslint，那么就是想做代码级的规范，如果解决问题的方案是在webpack的配置文件里注释掉eslint检查的相关配置，或者是在eslint的配置文件里将2...
2018-10-12 20:01:06
15320
2
转载 《深入浅出Vue.js》作者谈前端框架的“御剑之道”
欢迎访问我的个人博客：http://www.xiaolongwu.cn编者按：本文作者 Berwin，W3C性能工作组成员，360导航高级前端工程师。《深入浅出Vue.js》（正在出版）作者。你在使剑，是的，但是你的目的是杀人，直追你的目标，忘记手中长剑，才能使出最高的剑法… 而这世上又有多少剑客， 拘泥于手中快剑而落入俗套，终究无法到达登峰造极的境界… ----阿莱克西斯前言剑，...
2018-10-10 17:42:14
11691
2
原创 Prettier的三种使用场景和使用方法
欢迎访问我的个人博客：http://www.xiaolongwu.cnPrettier是最近很火的一个代码美化工具，其中文意思是“漂亮的、机灵的”，它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码。他的整个圈子很强大，有基于各种编辑器的插件（vs code，atom），有脚本类的，有插件类的（eslint的插件eslint-plugin-prettier）。更多有关pretti...
2018-09-26 19:17:29
24082
原创 npm常见命令
欢迎访问我的个人博客：http://www.xiaolongwu.cnnpm的常见命令下载安装某个模块 npm install -D（添加到开发环境）/-S（添加到生产环境）使用以下命令来卸载模块 npm uninstall 查看所有全局安装的模块 npm list -g查看依赖的某个模块的当前版本号 npm list -g //不带-g为此项目内查找...
2018-09-22 22:54:38
714
原创 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
3853
转载 RESTful API详解
要弄清楚什么是RESTful API,首先要弄清楚什么是REST。REST – REpresentational State Transfer，英语的直译就是“表现层状态转移”。如果看这个概念，估计没几个人能明白是什么意思。那下面就让我来用一句人话解释一下什么是RESTful:URL定位资源，用HTTP动词（GET,POST,PUT,DELETE)描述操作。&amp;nbsp;&amp;nbsp;&amp;...
2018-09-17 13:10:26
531
原创 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
2876
原创 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
10697
3
原创 nodejs入门（一）
欢迎访问我的个人博客：http://www.xiaolongwu.cn什么是NodeJSJS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行...
2018-09-13 19:00:51
5903
原创 es6 -- Array.from()函数的用法
欢迎访问我的个人博客：http://www.xiaolongwu.cn前言ES6为Array增加了from函数用来将其他对象转换成数组。当然，其他对象也是有要求，也不是所有的，可以将两种对象转换成数组。1.部署了Iterator（迭代器）接口的对象，比如：Set，Map，Array。2.类数组对象，什么叫类数组对象，就是一个对象必须有length属性，没有length，转出...
2018-09-12 17:46:22
954
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人