- 博客(107)
- 收藏
- 关注
RSS订阅
原创 webpack 基本属性配置
webpack 基本属性配置欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~const path = require('path')module.exports = { entry: { // main是默认入口，也可以是多入口 main: './src/main.js' }, // 出口 ...
2019-01-26 16:01:11
947
原创 Web前端中的几种流行布局
Web前端中的几种流行布局欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~圣杯布局圣杯布局是一种三列布局，两边定宽，中间宽度自适应圣杯布局可以将整个div.container看做一个奖杯，div.left和div.right看做奖杯的两个耳朵圣杯布局的原理就是当子元素处于浮动状态时，设置负margin，子元素会叠盖到兄弟元素之上方法一：利用 BFC 元素与浮动元...
2019-01-26 15:56:58
2561
原创 hexo搭建个人博客详细教程
hexo个人博客欢迎访问我的博客https://qqqww.com/，祝所有码农同胞们早日走上人生巅峰，迎娶白富美~~一 Git 安装及GitHub账号注册Git详细安装教程————点击此处GitHub账号注册详细教程————点击此处二 NodeJS 安装NodeJs详细安装过程和环境配置————点击此处三 Hexo 安装Hexo基本框架搭建过程————点击此处四 ...
2019-01-24 16:41:07
207
原创 模块化开发之AMD规范
模块化开发之AMD规范欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~概念AMD(Asynchronous Module Definition)，异步模块定义：它是在浏览器端实现模块化开发的规范。由于该规范不是原生js支持的，使用AMD规范进行开发的时候需要引入第三方的库函数，也就是鼎鼎大名的R...
2019-01-31 23:56:37
369
原创 模块化开发之CommonJS规范
欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~文章目录1 前言2 CommonJS2.1 定义模块2.2 模块导出和载入1 前言随着网站开发的复杂度越来越高，不管是前台还是后台的js文件都越来越多，就出现了几个问题：变量命名冲突文件依赖复杂度增高页面载入过多依赖傻傻分不清，不利于维护NodeJS 模块化开发解决以上问题妥妥的，NodeJs模块化开发遵循C...
2019-01-31 23:27:43
1008
原创 模块化开发之AMD规范
欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~文章目录1 概念2 RequireJS2.1 定义模块2.2 模块的加载3 AMD模式开发4 参考文章1 概念AMD(Asynchronous Module Definition)，异步模块定义：它是在浏览器端实现模块化开发的规范。由于该规范不是原生js支持的，使用AMD规范进行开发的时候需要引入第三方的库函数，也就是...
2019-01-31 23:25:16
492
原创 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
656
原创 浅谈模块化开发
欢迎访问我的博客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
460
原创 模块化开发之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
735
原创 src 和 href
欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~相同点：src 与 href 都是作为载入文件使用区别：href：href 超文本引用，用来建立当前元素和文档之间的链接。常用的有：link、a浏览器会识别该文档为css文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用link，而不采用@import加载css的原...
2019-01-31 18:24:36
342
原创 浅谈模块化开发
浅谈模块化开发欢迎访问我的博客，祝所有码农同胞们早日走上人生巅峰，迎娶白富美~~前言前段时间做的项目，其中也用到了模块化编程的思路，所以就想来总结下，方便以后使用，欢迎道友们踩点什么是模块化将一个项目按照功能划分，理论上一个功能一个模块，互不影响，在需要的时候载入，尽量遵循高内聚低耦合，关于高内聚低耦合可...
2019-01-31 18:11:13
86
原创 模块化开发之CommonJS规范
模块化开发之CommonJS规范欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~前言随着网站开发的复杂度越来越高，不管是前台还是后台的js文件都越来越多，就出现了几个问题：变量命名冲突文件依赖复杂度增高页面载入过多依赖傻傻分不清，不利于维护NodeJS 模块化开发解决以上问题妥妥的，N...
2019-01-31 16:34:03
94
原创 模块化开发之CMD规范
模块化开发之CMD规范欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~概念CMD(Common Module Definition)，通用模块定义，它解决的问题和AMD规范是一样的，只不过在模块定义方式和模块加载时机上不同，CMD也需要额外的引入第三方的库文件，SeaJSSeaJSSeaJ...
2019-01-31 09:59:51
281
原创 ES6中Module语法与加载实现
ES6中Module语法与加载实现欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~前言在前三篇文章中一次介绍了CommonJS，AMD，CMD，他们都需要单独载入文件在阮一峰老师的module一文中写到，ES6 在语言标准的层面上，实现的模块功能，而且实现得相当简单，完全可以取代 Common...
2019-01-31 04:33:20
105
原创 简书文章左侧目录
欢迎访问我的博客https://qqqww.com/，祝所有码农同胞们早日走上人生巅峰，迎娶白富美~~文章目录1 前言2 CSDN上自动生成目录3 简书markdown自动生成目录4 简书文章左侧目录1 前言因为文章也发布了一些，而CSDN上的目录有点隐蔽，对于初学者可能找不到，简书上我到现在也没找到目录的位置，所以本来初衷是要找简书和CSDN自动生成目录的解决方案的，CSDN的很好...
2019-01-30 23:54:53
422
原创 ES6中的Symbol
欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~声明：本文参考业界大佬阮一峰老师的Symbol引入Symbol的好处为解决属性名冲突问题而生ES5 中方法和属性的命名：以前，我们给一个对象下的方法或者属性命名的时候，可能会与该对象原有的方法或者属性产生冲突，这样的场景想必大家也很熟悉，我们常用到的解决办法是将方法前加一段项目...
2019-01-30 18:43:15
242
原创 简书左侧目录
欢迎访问我的博客，祝所有码农同胞们早日走上人生巅峰，迎娶白富美~~1 前言因为文章也发布了一些，而CSDN上的目录有点隐蔽，对于初学者可能找不到，简书上我到现在也没找到目录的位置，所以本来初衷是要找简书和CSDN自动生成目录的解决方案的，CSDN的很好搞定，下面就先从CSDN说起2 CSDN上自动生成目录前...
2019-01-30 09:15:49
138
原创 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
6146
1
原创 ES6中的class关键字
欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~声明：本文参考业界大佬阮一峰老师的ES6标准入门ES5 中的面向对象// 创建一个构造函数function People (name, age) { this.name = name this.age = age}// 向构造函数的原型对象中添加 say 方法...
2019-01-30 02:04:09
206
原创 ES6中的Symbol
ES6中的Symbol欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~声明：本文参考业界大佬阮一峰老师的Symbol引入Symbol的好处为解决属性名冲突问题而生ES5 中方法和属性的命名：以前，我们给一个对象下的方法或者属性命名的时候，可能会与该对象原有的方法或者属性产生冲突，这样...
2019-01-30 01:33:41
154
原创 ES6中的class关键字
ES6中的class关键字欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~声明：本文参考业界大佬阮一峰老师的ES6标准入门ES5 中的面向对象12345678910111213// 创建一个构造函数function People (name, age) { this.name = na...
2019-01-29 20:06:52
128
原创 .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
120
原创 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
1557
原创 javascript实现简单拖曳功能
欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~相比大家对这一类场景很熟悉，QQ登陆面板跟着鼠标的拖动，鼠标到哪它到哪，飞机大战小游戏里，鼠标或者手指到哪，飞机到哪，这一类场景用的很多，那么下面来简单实现一下：思路：在鼠标移动的时候，计算鼠标位置给盒子一个绝对定位，将鼠标位置赋值给盒子HTML 结构<!DOCTYPE HTML>&am
2019-01-29 18:15:41
442
原创 javascript实现简单拖曳功能
javascript实现简单拖曳功能欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~场景：想必大家对这一类场景很熟悉，QQ登陆面板跟着鼠标的拖动，鼠标到哪它到哪，飞机大战小游戏里，鼠标或者手指到哪，飞机到哪，这一类场景用的很多，那么下面来简单实现一下：思路：在鼠标移动的时候，计算鼠标位...
2019-01-29 14:36:08
102
原创 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.screenX , e.screenY欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~声明：参考文档你是如何理解var e=e||window.event的...
2019-01-29 14:10:09
1749
原创 ES6 新特性
ES6 新特性欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~声明：本文参考文章如下：业界大佬阮一峰老师的ES6标准入门一位道友的理解 JavaScript 中的 for…of 循环github上的You-Dont-Know-JSBabel 转码...
2019-01-29 04:50:08
687
原创 .offset(), .position(), .scrollTop(), .width(), .innerWidth(), .outerWidth()
一些距离属性和宽高属性欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~上篇文档总结了《一些坐标属性》，这里总结一些距离或者宽高属性，它们分别为：.offset().position().scrollTop()，.scrollLeft.width()，.height.innerWidth()，in...
2019-01-29 04:44:20
110
原创 javascript中的 parseInt()
欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~本文参考MDN 中的 parseInt()英文好的，请移步 MDNparseInt()MDN 中对 **parseInt（）**的讲解总结如下：语法parseInt(string, [radix]);参数string：必需，要解析的值，如果 string 不是字符串，则将其转化为字符串，并忽略字符串中的...
2019-01-28 23:08:05
211
原创 浅谈渐进增强和优雅降级
浅谈渐进增强和优雅降级欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~声明：本文参考大佬张鑫旭老师和康斌老师的文章：CSS “渐进增强”在web制作中常见应用举例渐进增强 VS 优雅降级概念渐进增强：先解决页面基本布局，再逐渐根据需求进行完善，张鑫旭老师在他的博客 CSS “渐进增强”在web制作中常见应用举例里举的例子...
2019-01-27 19:15:43
335
原创 同步加载、异步加载和延迟加载和预加载
同步加载、异步加载、延迟加载和预加载欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~同步加载常默认的是同步加载1<script src="http://yourdomain.com/script.js"></script>同步模式又称阻塞模式，会阻止浏览器的后续操...
2019-01-27 03:46:51
523
原创 渐进增强和优雅降级
浅谈渐进增强和优雅降级欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~声明：本文参考大佬张鑫旭老师和康斌老师的文章：CSS “渐进增强”在web制作中常见应用举例渐进增强 VS 优雅降级概念渐进增强：先解决页面基本布局，再逐渐根据需求进行完善，张...
2019-01-27 03:08:14
173
原创 同步加载、异步加载、延迟加载和预加载
javascript中的同步加载、异步加载、延迟加载和预加载欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~同步加载常默认的是同步加载&amp;lt;script src=&quot;http://yourdomain.com/script.js&quot;&amp;gt;&amp;lt;/script&amp;gt;同步模式又称阻塞模式，会阻止浏览器的
2019-01-27 01:20:49
1161
原创 javascript中的伪数组
javascript中的伪数组欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~什么是伪数组假如有这样一段代码&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &
2019-01-27 00:20:10
1557
1
原创 Ajax工作原理及实例
Ajax工作原理及实例欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~Ajax基本概念Ajax(Asynchronous JavaScript And XML)，异步 JavaScript 和 XML，用于异步请求数据，在不刷新网页的情况下更新页面数据，提升用户体验基本工作原理注意：涉及到 AJAX 操作的页面“不能”...
2019-01-27 00:17:58
232
原创 图解HTTP:从输入网址到呈现
图解HTTP:从输入网址到呈现欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~那首先上图，看下图参照下面的说明说明：下面以按具体流程讲解：当用户需要请求github.com的时候，首先要打开浏览器，输入URL地址，即输入github.com浏览器发起 DNS 调用去解析URL中的域名字段：先检查本地缓存中有没有这个域名...
2019-01-27 00:14:11
389
原创 javascript中的深拷贝与浅拷贝
javascript中的深拷贝与浅拷贝欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~声明：参考文章：http://www.cnblogs.com/Chen-XiaoJun/p/6217373.html看这个深拷贝和浅拷贝之前，先要对javascript中不同数据类型之间的传值有一定的了解javascript中不同数据类型之间的传值javascript中数据...
2019-01-26 23:30:29
264
原创 Ajax工作原理及实例
Ajax工作原理及实例欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~Ajax基本概念Ajax(Asynchronous JavaScript And XML)，异步 JavaScript 和 XML，用于异步请求数据，在不刷新网页的情况下更新页面数据，提升用户体验基本工作原理注意...
2019-01-26 20:26:08
88
原创 javascript中substring,substr和slice对比
javascript中substring,substr和slice对比欢迎访问我的博客https://qqqww.com/，祝所有码农同胞们早日走上人生巅峰，迎娶白富美~~先写下最终结论，这样方便阅读者快速使用：substring(a, b)：指的是截取从开始位置到结束位置，a：开始位置，b：结束位置的后一位slice(a, b)：指的是截取从开始位置到结束位置，且a和b可以为负数...
2019-01-26 18:45:42
269
原创 vuex
vuex欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~描述本文档对于有一定vue项目环境搭建和配置的相关经验的人会更轻松的理解什么是 vuexvuex 是 Vue 配套的公共管理数据工具，他可以把一些共享的数据，保存到 vuex 中，方便整个程序中的任何组件直接获取或者修改公共数据为什么要用vuex下面原始的传值和vuex...
2019-01-26 15:54:02
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人