自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

王工头的博客

热爱Web前端,爱钻研,爱电影,爱旅游,拥有做各种白日梦的天赋,希望有一群志同道合的道友们~~~

  • 博客(137)

原创 webpack 基本属性配置

webpack 基本属性配置欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~const path = require('path')module.exports = { entry: { // main是默认入口,也可以是多入口 main: './src/main.js' }, // 出口 ...

2019-01-26 16:01:11 332

原创 Web前端中的几种流行布局

Web前端中的几种流行布局欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~圣杯布局圣杯布局是一种三列布局,两边定宽,中间宽度自适应圣杯布局可以将整个div.container看做一个奖杯,div.left和div.right看做奖杯的两个耳朵圣杯布局的原理就是当子元素处于浮动状态时,设置负margin,子元素会叠盖到兄弟元素之上方法一:利用 BFC 元素与浮动元...

2019-01-26 15:56:58 1100

原创 hexo搭建个人博客详细教程

hexo个人博客欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~一 Git 安装及GitHub账号注册Git详细安装教程————点击此处GitHub账号注册详细教程————点击此处二 NodeJS 安装NodeJs详细安装过程和环境配置————点击此处三 Hexo 安装Hexo基本框架搭建过程————点击此处四 ...

2019-01-24 16:41:07 93

原创 __dirname和__filename

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~// path.jsconsole.log('文件目录' + __dirname)console.log('文件绝对路径' + __filename)`node path.js` 执行文件得到结果文件目录 D:\ocr-demo-page文件绝对路径 D:\ocr-demo-pa...

2020-03-16 12:04:20 72

原创 webpack path.resolve

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~var path = require("path") //引入node的path模块path.resolve('/foo/a', './b') // returns '/foo/a/b'path.resolve('/foo/a', 'b') // returns '/fo...

2020-03-16 11:46:34 109

转载 Vue-Slot的使用和理解

slot我看文档和看书,内容太多,没看懂,看了篇博客,感觉简单粗暴好理解,不做搬砖侠了,链接贴在下面Vue-Slot的使用和理解

2019-05-01 18:01:38 107

原创 props数据验证

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 前言2 示例1 前言组件props选项的值可以为为数组类型,也可以是对象类型props选项的对象类型可以用于对外部传递进来的参数进行数据验证比如某个数据必须是数字类型,如果传入字符串,就需要在控制台弹出警告2 示例Vue.component('my-comp...

2019-05-01 17:14:37 650

原创 v-model的修饰符

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 v-model.lazy2 v-model.number3 v-model.trim与事件的修饰符类似,v-model也有修饰符,用于控制数据同步的时机1 v-model.lazy使用.lazy修饰符,会转变为在change事件中同步,简单粗暴的讲就是,此时数据并不...

2019-05-01 16:32:28 606

原创 vue中v-model和@input绑定事件

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 前言2 代码1 前言v-model双向数据绑定,@input输入触发事件,不多赘述,今天在书上看到一个,假如输的是汉字,用v-model去绑定数据的时候,当还没有敲下汉字的时候,假如还是在拼音阶段的时候就不会实时更新,所以使用@input去绑定事件,来实现实时显示汉字2 ...

2019-05-01 15:39:05 2392

原创 vue中清除定时器

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 前言2 方式一3 方式二4 缓存5 参考文档1 前言最近看《vue.js实战》这本书,看到清除定时器在beforeDestroy钩子函数中进行,但是按照经验,我记得destroyed中也是可以的,于是自己建了一个vue-cli工程去研究清除定时器的一些方法2 方式一ex...

2019-04-20 22:07:54 2216 2

原创 快速搭建简单的vue-cli工程

打开windows命令行,输入几个指令:node -vnpm -v (或者这里可以使用cnpm会快点)vue -Vwebpack -v确认以上四个环境都配置好了,基本出现版本号了就正常在桌面新建一个空文件夹testcd /testvue init webpack详细请见https://www.jianshu.com/p/1ee1c410dc67...

2019-04-16 20:35:25 64

原创 安卓手机联调Chrome调试H5页面

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 前言2 debugx5.qq.com3 手机连接电脑并打开开发者选项和USB调试4 Chrome设置5 参考文章1 前言由于最近调试H5,客户那边只有一个链接,得想办法重现bug并且还要能调试,就用了这个方法,而且因为有点忙,此文档只做记录,所以没有配很详细的图,有原始参考...

2019-04-16 20:34:18 3601

原创 如何优化webpack打包速度

欢迎访问我的博客https://qqqww.com/,祝各位码农同胞们早日迎娶白富美,走上人生巅峰~~~文章目录前言怎么优化webpack打包速度有些其他方法对webpack的理解对webpack了解哪些webpack的打包原理webpack的构建流程参考文章前言今天面试遇到了一个问题,先问的是怎么理解webpack的,我答了webpack的主要作用与主要原理,然后问我怎样优化web...

2019-02-20 15:53:32 910

原创 再看Object.assign

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 前言2 什么是浅拷贝3 什么是深拷贝4 看看Object.assign5 总结6 参考文章1 前言这是今天面试的一个问题,问题是:Object.assign是深拷贝还是浅拷贝,因为之前专门就JS的深拷贝和浅拷贝做过研究,也写了文档记录,自认为自己高的还是比较清楚的,所以我就...

2019-02-20 13:57:05 68

原创 less的基本用法

title: less的基本用法copyright: truedate: 2019-02-14 14:58:00tags: less的基本用法keywords: less的基本用法description: less的基本用法,对less的理解,less的由来等less的基本用法欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~前言当我们用多了CSS的时候,特别...

2019-02-14 17:13:46 1226

原创 Vue生命周期详解

欢迎访问我的博客https://qqqww.com,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 图解Vue生命周期2 参考文章1 图解Vue生命周期2 参考文章Vue.js官网中的生命周期图示...

2019-02-12 23:28:33 312

原创 微信小程序生命周期

欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 app.js生命周期2 页面Page生命周期3 官网中关于App.js生命周期4 官网中页面生命周期5 参考文章1 app.js生命周期说到生命周期,无非就是创建、更新、销毁等阶段,类似于Vue,React下面是我在微信小程序开发者工具输入App()自动补全的信息,关于这些钩子函数的解释都自动注释了,...

2019-02-12 23:21:46 648

原创 React生命周期

欢迎访问我的博客https://qqqww.com,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 前言2 图解React生命周期3 组件详解3.1 初始化阶段3.2 重新渲染阶段3.3 销毁阶段4 参考文章1 前言学习React,生命周期的各个组件是必须要学习的,对于事件触发的时机至关重要,也决定能不能写出高性能的组件,对于React的生命周期,我还需要更多的学习,多看...

2019-02-12 23:15:21 76

原创 NodeJS中的网络编程

欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 前言2 网络编程2.1 什么是网络编程2.2 网络编程需要什么3 TCP Server4 结语5 参考文章1 前言常听到网络编程,自己也有些模糊的概念,或许在哪里都用到过,只是不知道那是网络编程而已,今天花时间来好好理解一下,谨作为笔记行和分享,如果这里有什么需要补充或者不对的地方,欢迎道友指正2 网络...

2019-02-12 19:28:00 412

原创 模块化开发之AMD规范

模块化开发之AMD规范欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~概念AMD(Asynchronous Module Definition),异步模块定义:它是在浏览器端实现模块化开发的规范。由于该规范不是原生js支持的,使用AMD规范进行开发的时候需要引入第三方的库函数,也就是鼎鼎大名的R...

2019-01-31 23:56:37 111

原创 模块化开发之CommonJS规范

欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 前言2 CommonJS2.1 定义模块2.2 模块导出和载入1 前言随着网站开发的复杂度越来越高,不管是前台还是后台的js文件都越来越多,就出现了几个问题:变量命名冲突文件依赖复杂度增高页面载入过多依赖傻傻分不清,不利于维护NodeJS 模块化开发解决以上问题妥妥的,NodeJs模块化开发遵循C...

2019-01-31 23:27:43 722

原创 模块化开发之AMD规范

欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 概念2 RequireJS2.1 定义模块2.2 模块的加载3 AMD模式开发4 参考文章1 概念AMD(Asynchronous Module Definition),异步模块定义:它是在浏览器端实现模块化开发的规范。由于该规范不是原生js支持的,使用AMD规范进行开发的时候需要引入第三方的库函数,也就是...

2019-01-31 23:25:16 238

原创 ES6中Module语法与加载实现

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 前言2 引入ES6模块的好处2.1 静态加载带来的好处3 ES6中Module语法3.1 export命令3.2 import命令3.3 模块的整体加载3.4 export default命令3.5 跨模块常量4 ES6中的Module加载实现4.1 浏览器加载5 文章推荐6 参...

2019-01-31 23:24:32 269

原创 浅谈模块化开发

欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~文章目录1 前言1.1 什么是模块化1.2 引入模块化的意义2 CommonJS3 AMD 规范4 CMD规范5 AMD VS CMD6 ES6中的Module7 ES6 中的模块与 CommonJS 模块差异9 参考文章1 前言前段时间做的项目,其中也用到了模块化编程的思路,...

2019-01-31 23:14:37 173

原创 模块化开发之CMD规范

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~文章目录1 概念2 SeaJS2.1 定义模块2.2 加载模块3 参考文章1 概念CMD(Common Module Definition),通用模块定义,它解决的问题和AMD规范是一样的,只不过在模块定义方式和模块加载时机上不同,CMD也需要额外的引入第三方的库文件,SeaJS...

2019-01-31 21:55:54 317

原创 src 和 href

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~相同点:src 与 href 都是作为载入文件使用区别:href:href 超文本引用,用来建立当前元素和文档之间的链接。常用的有:link、a浏览器会识别该文档为css文档,并行下载该文档,并且不会停止对当前文档的处理。这也是建议使用link,而不采用@import加载css的原...

2019-01-31 18:24:36 221

原创 浅谈模块化开发

浅谈模块化开发欢迎访问我的博客,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~前言前段时间做的项目,其中也用到了模块化编程的思路,所以就想来总结下,方便以后使用,欢迎道友们踩点什么是模块化将一个项目按照功能划分,理论上一个功能一个模块,互不影响,在需要的时候载入,尽量遵循高内聚低耦合,关于高内聚低耦合可...

2019-01-31 18:11:13 28

原创 模块化开发之CommonJS规范

模块化开发之CommonJS规范欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~前言随着网站开发的复杂度越来越高,不管是前台还是后台的js文件都越来越多,就出现了几个问题:变量命名冲突文件依赖复杂度增高页面载入过多依赖傻傻分不清,不利于维护NodeJS 模块化开发解决以上问题妥妥的,N...

2019-01-31 16:34:03 32

原创 模块化开发之CMD规范

模块化开发之CMD规范欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~概念CMD(Common Module Definition),通用模块定义,它解决的问题和AMD规范是一样的,只不过在模块定义方式和模块加载时机上不同,CMD也需要额外的引入第三方的库文件,SeaJSSeaJSSeaJ...

2019-01-31 09:59:51 97

原创 ES6中Module语法与加载实现

ES6中Module语法与加载实现欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~前言在前三篇文章中一次介绍了CommonJS,AMD,CMD,他们都需要单独载入文件在阮一峰老师的module一文中写到,ES6 在语言标准的层面上,实现的模块功能,而且实现得相当简单,完全可以取代 Common...

2019-01-31 04:33:20 34

原创 简书文章左侧目录

欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~文章目录1 前言2 CSDN上自动生成目录3 简书markdown自动生成目录4 简书文章左侧目录1 前言因为文章也发布了一些,而CSDN上的目录有点隐蔽,对于初学者可能找不到,简书上我到现在也没找到目录的位置,所以本来初衷是要找简书和CSDN自动生成目录的解决方案的,CSDN的很好...

2019-01-30 23:54:53 252

原创 ES6中的Symbol

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~声明:本文参考业界大佬阮一峰老师的Symbol引入Symbol的好处为解决属性名冲突问题而生ES5 中方法和属性的命名:以前,我们给一个对象下的方法或者属性命名的时候,可能会与该对象原有的方法或者属性产生冲突,这样的场景想必大家也很熟悉,我们常用到的解决办法是将方法前加一段项目...

2019-01-30 18:43:15 106

原创 简书左侧目录

欢迎访问我的博客,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~1 前言因为文章也发布了一些,而CSDN上的目录有点隐蔽,对于初学者可能找不到,简书上我到现在也没找到目录的位置,所以本来初衷是要找简书和CSDN自动生成目录的解决方案的,CSDN的很好搞定,下面就先从CSDN说起2 CSDN上自动生成目录前...

2019-01-30 09:15:49 25

原创 ES6新特性整理

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~声明:本文参考文章如下:业界大佬阮一峰老师的ES6标准入门一位道友的[理解 JavaScript 中的 for…of 循环](https://www.cnblogs.com/m2maomao/p/7743143.html)github上的You-Dont-Know-JSBabe...

2019-01-30 02:13:39 4105

原创 ES6中的class关键字

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~声明:本文参考业界大佬阮一峰老师的ES6标准入门ES5 中的面向对象// 创建一个构造函数function People (name, age) { this.name = name this.age = age}// 向构造函数的原型对象中添加 say 方法...

2019-01-30 02:04:09 64

原创 ES6中的Symbol

ES6中的Symbol欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~声明:本文参考业界大佬阮一峰老师的Symbol引入Symbol的好处为解决属性名冲突问题而生ES5 中方法和属性的命名:以前,我们给一个对象下的方法或者属性命名的时候,可能会与该对象原有的方法或者属性产生冲突,这样...

2019-01-30 01:33:41 52

原创 ES6中的class关键字

ES6中的class关键字欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~声明:本文参考业界大佬阮一峰老师的ES6标准入门ES5 中的面向对象12345678910111213// 创建一个构造函数function People (name, age) { this.name = na...

2019-01-29 20:06:52 31

原创 .offset(), .position(), .scrollTop(), .width(), .innerWidth(), .outerWidth()

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~上篇文档总结了《一些坐标属性》,这里总结一些距离或者宽高属性,它们分别为:.offset().position().scrollTop(),.scrollLeft.width(),.height.innerWidth(),innerHeight().outerWidth(),ou...

2019-01-29 19:47:12 56

原创 e.clientX,e.clientY, e.pageX , e.pageY , e.offsetX , e.offsetY , e.screenX , e.screenY

e.clientX,e.clientY, e.pageX , e.pageY , e.offsetX , e.offsetY , e.offsetX , e.offsetY欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~声明:参考文档你是如何理解var e=e||window.event的刚才写博客《javascript实现简单拖...

2019-01-29 19:11:52 1084

原创 javascript实现简单拖曳功能

欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~相比大家对这一类场景很熟悉,QQ登陆面板跟着鼠标的拖动,鼠标到哪它到哪,飞机大战小游戏里,鼠标或者手指到哪,飞机到哪,这一类场景用的很多,那么下面来简单实现一下:思路:在鼠标移动的时候,计算鼠标位置给盒子一个绝对定位,将鼠标位置赋值给盒子HTML 结构<!DOCTYPE HTML>&am

2019-01-29 18:15:41 145

空空如也

空空如也

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