- 博客(172)
- 资源 (2)
- 收藏
- 关注
转载 专业程序员的七个特质
欢迎访问我的个人网站 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 276
原创 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 1037
原创 webpack -- 简单的使用总结
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言这里只是大概的简单的使用总结,要想深入的理解还需自己一点一点的在实际的工作中积累。webpack是什么webpack是一个前端构建的打包工具(并不是什么库或框架), 它能把各种资源,例如JS(含JSX)、coffee、css(含less/sass)、图片等都作为模块来处理和使用。基础知识点...
2018-08-13 02:31:32 556
原创 webpack -- require和import机制
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言虽然我们很多人每天都在写项目,require或者import写的爽得很,但是有几个人真正的知道它背后的运行原理和所谓的规则机制。开始我们基于webpack开发,就拿基本的vue项目来举例子吧假如我们项目中要用到vue这个框架,我们在代码里写上import Vue from 'vue'/...
2018-08-13 02:30:38 5712
转载 js模块化的发展历程
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言这是一篇关于js模块化历程的长长的流水账,记录js模块化思想的诞生与变迁,展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑,没经历过的人也应该知道这段历史。无模块时代在ajax还未提出之前,js还只是一种“玩具语言”,由Brendan Eich花了不到十天时间发明,用来在网页上进行表单校验...
2018-08-07 19:02:06 1703
原创 vue -- vue-router的history模式打包后页面空白的解决方案
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言采坑记录,以便后面翻阅首先你需要确认页面空白不是由资源文件路径不正确引起的,如果资源找不到就将绝对路径改为相对路劲,具体解决方案看这里:webpack–资源和css中图片引用打包为相对路径的方案问题现象在本地开发环境没有任何问题,路由也正常显示,但是打包并部到服务器之后,访问页面就是空白,看控制台...
2018-07-25 19:18:49 29087 2
原创 vue -- 如何去掉url默认的锚点#
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言vue项目中持续踩坑做一些记录,以便后面翻阅项目的url中会自带#,看起来很不是舒服,其实是vue-router在搞怪,router跳转有两种实现方式: 1. hash(带#)值模式,vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变...
2018-07-23 16:45:08 11067 3
原创 webpack -- 关于proxyTable的配置在开发环境和生产环境中的原理解析
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言首先,proxyTable是我们在本地开发环境中调试接口用的,目的是为了解决本地跨域的问题,因为本地地址为localhost:xxxx/xxx在线上的生产环境是没用的!!!假设我们用的是vue-cli命令行工具生成的webpack项目模板,我们很容易能在config文件夹下面找到index.js文件。...
2018-07-19 16:52:46 19347 17
原创 webpack -- 资源和css中图片引用打包为相对路径的方案
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言最近在用vue-cli+webpack做项目,项目架构搭好了之后,想build之后看看效果,但是build出来的index.html文件中的默认资源引用都是绝对路径,也就是相对于根目录的绝对路径;但是我项目如果部署到线上也不一定是在根目录里呀,所以这种默认相对于根目录的绝对路径肯定是不实用的;解决方案...
2018-07-18 20:58:30 15032 2
转载 webpack -- 热更新原理
开发环境页面热更新早已是主流,常见的需求如赛事网页推送比赛结果、网页实时展示投票或点赞数据、在线评论或弹幕、在线聊天室等,都需要借助热更新功能,才能达到实时的端对端的极致体验。webpack-hot-middlewarewebpack-hot-middleware中间件是webpack的一个...
2018-07-13 14:44:00 5982
原创 报错 throw new Error('invalid "instanceof" keyword value ' + c)解决办法
显示如下报错D:\myProjectDemos\webpackDemo\node_modules\ajv-keywords\keywords\instanceof.js:52 throw new Error('invalid "instanceof" keyword value ' + c); ^Error: invalid "instanceof" keyword v...
2018-07-06 17:45:46 8733 4
转载 vue -- 理解Vue.nextTick 的原理和用途
有同学在看 Vue 官方文档时,对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。其实如果看一下深入响应式原理 - vue.js中的有关内容,可能会有所理解,不过有些同学可能看到这个标题之后就选择跳过了,因此这里简述如下:Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。next...
2018-07-05 16:59:54 6074
转载 webpack -- require和import的区别
我之前在 《前端搭环境之从入门到放弃》这篇文章中吐槽过,webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上...
2018-06-29 09:49:15 1133 1
转载 Node中导入模块require和import傻傻分不清楚
ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使用module.exports导出接口。不把require和import整清楚,会在未来的标准编程...
2018-06-29 09:46:08 5141
转载 javascript设计模式——发布订阅模式
前面的话 发布—订阅模式又叫观察者模式,它定义对象间的一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。在javascript开发中,一般用事件模型来替代传统的发布—订阅模式。本文将详细介绍发布订阅模式 现实事例 不论是在程序世界里还是现实生活中,发布—订阅模式的应用都非常广泛 比如,小明最近看上了一套房子,到了售楼处之后才被告知,该楼盘的房子...
2018-06-21 09:48:13 268 1
转载 HTTP代理(转发代理&反向代理)与重定向
转发代理服务器Forward Proxy:客户端无法直接请求服务器,只能将请求发往转发代理服务器(简称代理服务器),代理服务器将请求转发给服务器,接收到服务器响应后再将响应转发回客户端。适用于客户端从内部网络访问外部网络时,可能由于防火墙的存在无法直接访问外网,这时需要借助转发代理服务器访问外部网络(防火墙可能配置了只允许转发代理服务器与外部通信及一些其他规则)。有时为了加速代理服务器响应...
2018-06-13 01:21:39 3109
转载 位图(标量图)与矢量图区别
1、概念矢量图 使用线段和曲线描述图像,所以称为矢量,同时图形也包含了色彩和位置信息。 位图 使用像素点来描述图像,也称为点阵图像。2、与分辨率的相关性矢量图 与分辨率无关,可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来,都不会影响清晰度。 位图 是由一个一个像素点产生,当...
2018-06-11 13:30:43 12781
转载 ES6 --函数
如同我们所看到的,ES6 中引入来箭头函数,相比 ES5 来讲是最为直观而明显的特性。在 ES6 之前,声明一个函数:function add(a, b) { return a + b;}add(1, 2); // 3如果用箭头函数的形式写:const add = (a, b) => a + b;add(1, 2); // 3计算圆面积的例子:const square ...
2018-05-22 19:10:52 367
转载 史上最全的VsCode快捷键列表
按 Press 功能 Function Ctrl + Shift + P,F1 显示命令面板 Show Command Palette Ctrl + P 快速打开 Quick Open Ctrl + Shift + N 新窗口/实例 New window/i...
2018-05-21 12:02:17 13169
原创 js基础进阶--函数柯里化carrying
欢迎访问我的个人博客:http://www.xiaolongwu.cn定义函数柯里化就是创建已经设置单个参数或者多个参数的函数,函数变为接受一个参数,返回一个值来个例子 function add(){ // 将传进来的实参转换为数组arr var arr = Array.prototype.slice.call(arguments...
2018-05-17 00:26:10 315
原创 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-15 20:47:50 4208
转载 js基础--深入理解call、apply、bind
一、函数的三种角色首先要先了解在函数本身会有一些自己的属性,比如:length:形参的个数;name:函数名;prototype:类的原型,在原型上定义的方法都是当前这个类的实例的公有方法;__proto__:把函数当做一个普通对象,指向Function这个类的原型函数在整个JavaScript中是最复杂也是最重要的知识,对...
2018-05-15 18:28:16 933
转载 js基础--深入javascript之原型和原型链
原型和原型链是js中的难点也是重点,明白了原型和原型链会让我们在后面不管是学习还是工作都会更加高效,并且原型和原型链会是面试中必不可少的话题。看完此篇文章一定会让你对原型,原型链有深刻全面的了解。深入系列:深入javascript之作用域深入系列:深入javascript...
2018-05-14 19:58:57 598
转载 Vue 使用中的小技巧
在vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧,在下将不定期更新~1. 多图表resize事件去中心化1.1 一般情况有时候我们会遇到这样的场景,一个组件中有几个图表,在浏览...
2018-05-10 17:41:34 644
转载 gulp & webpack整合,鱼与熊掌我都要!
为什么需要前端工程化? 前端工程化的意义在于让前端这个行业由野蛮时代进化为正规军时代,近年来很多相关的工具和概念诞生。好奇心日报在进行前端工程化的过程中,主要的挑战在于解决如下问题:如何管理多个项目的前端代码?如何同步修改复用代码?如何让开发体验更爽?项目实在太多之前写过一篇博文...
2018-05-07 09:46:51 1681
转载 关于HTML5中meta name="viewport" 的详解及用法
移动端的布局不同于pc端,首先我们要知道在移动端中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了好几个像素。在移动端浏览器中以及某些桌面浏览器中,window对象有一个devicePixelR...
2018-05-04 17:54:48 16628
转载 webpack进阶——DllPlugin优化打包性能(基于vue-cli)
介绍:打包会输出一个类dll包(dll包源于windows的动态链接库),这些代码本身不会执行,主要是提供给我们的业务代码引用。(比如dll中有一个工具方法为时间格式化,这个方法本身并不会执行,但是当我们的业务中需要执行时间格式化时,就会引用这个方法在我们的业务中执行时间格式化)。简言之:将静态资源...
2018-05-04 15:46:32 2020
原创 深入理解弹性盒flex布局
欢迎访问我的个人博客:http://www.xiaolongwu.cn1. 前言flex弹性盒,是一种布局方式,当页面需要适应不同的屏幕大小以及设备类型时,它依然能确保元素拥有更恰当的排布行为,弹性盒属于 CSS 3 部分,IE9 以下不支持,现代浏览器指的就是 IE9 及以上的浏览器2. flex的优势举个例子:这里我们要实现一个功能,让一个dom元素水平垂直居中;...
2018-05-04 15:08:53 6895 1
原创 promise和setTimeout执行顺序的问题
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言promise为es6引进的语言标准,为异步编程的一种解决方案;阅读此文的前提是了解promise的基本用法和特性,比如他自执行特性、状态不可逆特性等抛出问题且看下面代码和问题 setTimeout(function(){console.log(1)},0); new Promise(fu...
2018-04-23 18:48:41 14274 10
转载 vue-cli的webpack模板项目配置文件分析
2017-09-11更新:更新到webpack 2.6.1所对应的配置,完善部分代码注释。由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修改配置的时候不会“太折腾”。一、文件结构本文主要分析开发...
2018-04-20 17:34:31 359
原创 js统计一个字符串中出现次数最多的字母
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言如题代码 function num (str){ var a = {}; var b = str.split(""); // key为元素 值为个数 for (let i = 0; i...
2018-04-20 14:40:18 10766 1
转载 最新vue-cli 2.9.1和2.8.x版本的区别
最近vue-cli更新,用其构建项目的时候,发现bulid文件下少了两个文件,分别是dev-sever.js和dev-client.js vue-cli 2.8 vue-cli 2.9.1 这是为什么呢 我们查看下package.json vue-cli...
2018-04-18 20:05:20 4377
原创 ie11 Object doesn't support property or method 'attachEvent'
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言大概的情景是这样的,jquery版本为1.10.1版本;浏览器为ie11;报错info为–Object doesn’t support property or method ‘attachEvent’分析原因其主要原因为ie的监听事件问题,ie11以下的为attachEvent,而ie11为addEv...
2018-04-18 19:14:09 12437
转载 csdn如何快速转载别人的文章
前言 对于喜欢逛CSDN的人来说,看别人的博客确实能够对自己有不小的提高,有时候看到特别好的博客想转载下载,但是不能一个字一个字的敲了,这时候我们就想快速转载别人的博客,把别人的博客移到自己的空间里面,当然有人会说我们可以收藏博客啊,就不需要转载,(⊙o⊙)… 也对。。实现 因为我自己当初想转载的时候却不知道该怎么转载,所以学会了之后就把方法写出来,帮助那些想转载却不知道该怎么转载...
2018-04-18 11:27:27 1014
转载 我们为什么要用vue,他解决了什么问题,如何使用它?
欢迎访问我的个人博客:http://xiaolongwu.cnVue.js新手入门指南最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的结业项目。在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以...
2018-04-16 19:06:01 53792 33
原创 一个比tree命令结果更加优美的目录结构小工具treer
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言本文前提是在win系统下,macos系统请绕过;先看treetree命令是cmd自带的功能,用于生成文件目录结构,请看下面例子,我这里使用的是cmder替代cmd 再看treertreer的具体安装和用法1、安装treer//安装npm install tree...
2018-04-11 11:48:10 6512 1
原创 git bash、cmder 下操作文件及文件夹相关命令集合
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言由于win系统自带的cmd命令行工具具有很多的缺陷,所以就出现了很多的替代品,比如git bash、cmder、powershell等,本人常用的为bash和cmder,他们的命令基本相似,这里就说下他们对文件和文件夹的相关操作命令常用命令切换目录 cd:change directory的简写,如:...
2018-04-10 20:48:30 3870
原创 cmder 添加到右键菜单时提示 Access is denied解决办法
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言关于cmder优点和如何下载,还有它的min版和完全版有啥区别,我在这里就不说了,网上文章一大堆,请自行搜索,我在这里只说首次安装存在问题最多的地方每次用cmder手动一层一层的进入目标文件夹,是一件很麻烦的事儿。所以,将cmder添加到系统右键菜单是个很好地解决方法。就像使用git bash那样的方便;...
2018-04-10 19:47:11 3952
原创 css基础--:before和::before的区别
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言日常工作中我们可能会经常遇到类似这样的问题,今天我们就彻底的搞明白他们之间的区别与联系:after与::after原理相同相同之处两者都是css的伪元素,都可以在元素内容的前面添加内容两者的写法是等价的,也就是 :before ==::before不同之处:befor是css2的...
2018-04-09 17:08:45 7086
原创 js中的几种随机排序方案
欢迎访问我的个人博客:http://www.xiaolongwu.cn今天我们来看看实现随即排序的几种做法方法一思路为:遍历数组,每次循环都随机一个在数组长度范围内的数,并交换本次循环的位置和随机数位置上的元素function randomSort1(arr){ for (let i = 0, l = arr.length; i < l; i++) { ...
2018-04-03 16:15:20 8009
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人