webxiaoma-CSDN博客

原创 webpack4 系列文章

初始篇配置篇处理ES6处理CSS处理静态资源处理目录文件使用 DevServer使用 Vue用 React实现懒加载提取公共模块编写 Plugins编写 Loader...

2018-09-26 11:27:36 333

原创 Git 系列文章

GIT 初识Git的基础操作Git的远程操作Git的分支管理Git标签操作Git团队协作Git 多账户管理Git的相关配置Git的子模块

2018-09-26 11:26:25 389

该文章以收录《nodeJS探索之路》本文所有练习已放入：https://github.com/webxiaoma/nodeJS-demos 的 file 文件夹中前言fs模块在nodeJS算是比较重要的模块了，本文主要讲的是nodejs 中fs模块的基础知识，目的是了解fs模块的大体作用。使用前先要引入fs模块，本文约定以const fs=require('fs')引入。详细的API请访问官网fs

2017-11-17 11:07:13 866

原创 js函数探索

该文章以收录：《JavaScript深入探索之路》前言函数是这样的一段JavaScript代码，它只定义一次，但是可能被执行或调用任意次。你可能已经从诸如子例程或者过程这些名字里对函数的概念有所了解。

2017-11-14 11:02:27 419

原创编写高性能js注意点

该文章以收录：《JavaScript深入探索之路》一、前言js这个大众语言我想，很多人多知道，它入门和简单，可是想要深入了解还是要有一定的水平、的，同样的效果虽然都可以写出来，但还是性能和可维护性却有很大差别。下来我们就来总结一下书写高质量js代码的一些注意点。代码维护是高成本的，如果我们在开发代码时，不注重代码的规范，可读性和可维护性，那么将来带给我们的将是更大的开支。如果说你是给公司

2017-10-26 17:52:08 549

原创 git版本认识及操

该文章以收录：《git探索之路》目录git探索之路——常用命令总结git探索之路——配置及基础使用git探索之路——版本认识及操作git探索之路——分支与标签git探索之路——解决冲突与团队合作git探索之路——标签管理git探索之路——配置与自定义前言这一章我们继续来探索git的使用，上一章我们已经介绍了如何利用git和远程仓库连接。一、git的工作流程说道git的工作流程，我们都只到git是分

2017-09-26 15:09:16 427

原创 git命令总结

该文章以收录 git探索之路git探索之路——常用命令总结git探索之路——配置及基础使用git探索之路——版本认识及操作git探索之路——分支与标签git探索之路——解决冲突与团队合作git探索之路——标签管理git探索之路——配置与自定义前言这一章我主要是总结了一下git的常用命令，方便我们去记。不是最全的，不断添加中git相关操作//全局配置：$ git config --global us

2017-09-26 15:06:03 374

原创 git配置及基础使用

该文章以收录 git探索之路目录git探索之路——常用命令总结git探索之路——配置及基础使用git探索之路——版本认识及操作git探索之路——分支与标签git探索之路——解决冲突与团队合作git探索之路——标签管理git探索之路——配置与自定义前言今天我来讲解一下git的基础用法，很简单，git我想大家应该都知道了，对于做程序的人，git和svn并不陌生。这里我不想再多说什么，如果还不了解git的

2017-09-26 15:03:44 409

原创 git学习之路

git探索之路 ——目录：git探索之路——常用命令总结git探索之路——配置及基础使用git探索之路——版本认识及操作git探索之路——分支与标签git探索之路——解决冲突与团队合作git探索之路——标签管理git探索之路——配置与自定义

2017-09-18 16:29:17 501

原创 JQuery源码之——— 方法和属性

有段时间不更新了，今天总结一下jQuery 的一些方法和属性一、jq 方法和属性的整体结构（91行 —— 281行） jQuery.fn = jQuery.prototype = { jquery: 版本 constructor: 修正指向问题 init(): 初始化和参数管理 selector: 存储选择字符串

2017-08-22 22:28:25 390

原创 webpack 插件 plugin

最近将自己看过的过使用过的webpack 插件来总结一下一、html-webpack-plugin 插件文档： https://github.com/jantimon/html-webpack-plugin#configuration 作用：：编译后，改变我们html文件中引的旧js名字用法：npm install --save-dev html-webpack-pluginwebpack.c

2017-08-08 13:44:25 682

原创 art-template 模板引擎

今天我总结一下art-template 模板引擎这个框架，比较简单一、文档，以及GitHub文档: https://aui.github.io/art-template/docs/index.htmlGitHub: https://github.com/aui/art-template

2017-08-03 18:40:04 1211

原创 JQuery源码之——变量，正则

JQuery源码之——变量，正则一、JQ源码中的正则：这里推荐一个正则测试理解的网站：https://regexper.com/1./[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/ 分析：这个是检测数字的。（如css中距离，字体等等设置 +10px,-10px,还有科学技术法） [+-]? 匹配零个或一个加号或减号 (?:\d*.|) 非获取匹配，匹

2017-08-02 21:28:07 586

原创 JQuery源码分析之—— 整体构架

这节我整理了一下，JQuery的整体构架。一、打开JQ 2.0.3 我们首先看到的是一个匿名函数。(function(window,undefind){ // 代码处理})(window,undefind)匿名函数不用过多解释，防止污染全局变量这里说明一下传递window 和 undefind 的作用传递window: 1.window是最顶层，做为参数方便查找，提高查询速

2017-08-01 22:32:25 445

原创 JQuery 源码分析

最近也一直在看JQuery 源码，（代码分析、文档分析，视频分析）接下来我就将其总结一下。以下是对JQuery-2.0.3 版本的源代码分析：jquery-2.0.3.js下载一、JQ整体代码 (更新中……..)1. JQuery：整体构架 2. 21-94行：定义了一些变量和函数 3. 96-283行：给JQ对象添加一些方法和属性 4. 285-347行： extend JQ的继承方

2017-08-01 22:20:07 799

原创 webpack 各种babel 转码

今天总结一下webpack 各种转码工具的操作方法。一、基本命令： webpack // 最基本的启动webpack的方法 webpack -w // 提供watch方法；实时进行打包更新 webpack -p // 对打包后的文件进行压缩 webpack -d // 提供source map，方便调式代

2017-08-01 18:30:22 1952

原创正则表达式

最近几天，没有总结知识点。今天我又重新回顾了一下正则表达式。现在就把它记录下来。一、正则基础：这里我不在一个一个去写了，可以看看王w3c 或菜鸟教程上面的介绍，挺详细的：http://www.runoob.com/regexp/regexp-metachar.html基础知识截图：重点内容另外，（）还代表子集，\1, \2, \3 …… 代表重复第一个子集，重复第二个子集，重复第三个子集，…

2017-07-31 22:31:09 324

原创 ES6 — 对象扩展

今天来总结一下es6的对象扩展，最近一直在看es6, 感觉es6真的很好用，不过也看到过网上一些反面语言，可能因人而异，es6 的发展前景让我们拭目以待。一、对象属性和方法1.简写// 属性简写var a = "first";var b = {a};console.log(b) // {a:"first"}//方法简写var obj = { method (){ retrun

2017-07-12 12:59:23 1504

原创移动端 transform 详解

今天我总结了一下transform 在移动端的用法。这里我主要讲解它的 2D 方法。其实3D 方法不是很难，我感觉编写3D 的难处在于你的想象力和数学功底。这里主要是讲js控制transform3D方法请见：http://blog.csdn.net/webxiaoma/article/details/69950318一、transform 位移我们使用js 控制位移的方法有两种：1.translat

2017-07-07 14:43:01 3808

原创移动端事件详解

今天来总结一下移动端事件的用法和注意事项。废话就不多说了，直接上吧！一、移动端基础事件1.基础事件touchstart 手指按下时触发 touchmove 手指移动时触发 touchend 手指抬起时触发2.使用方法我们在使用上面三个事件时，要用js 的事件绑定方式去使用（addEventListener()）, JQ 的 on() 等绑定事件不起作用，例如：var body = docume

2017-07-06 15:42:56 1981

原创书写手机移动页面时的一些坑

今天总结一下在写手机移动端页面时的一些注意事项。在写手机移动端页面时，我们有时候会稀里糊涂的遇到一些坑。同时手机页面的一些展示和我们pc端页面的展示是有一些区别的。一、书写移动端时需注意的meta 标签1. 第一个标签（最重要的标签）<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1

2017-07-03 12:59:37 2523

原创 php 处理文件

今天来总结一下php怎么处理文件。包括文件的读取与写入，文件的上传。文件的下载。一、文件的读写php 提供了许多处理文件的方法，我这里只讲其中一部分，更多方法请去php官网查看。1.打开文件 $file = fopen(路径,打开模式);fopen（）方法为我们打开文件，如果成功返回该文件，如果失败返回（0）false。它有两个参数，第一个参数是打开文件的路径，第二个参数是打开文件的模式。打开模式提

2017-06-28 22:30:17 366

原创去掉vue 中的代码规范检测（Eslint验证）

我们在使用vue 脚手架时，为了规范团队的代码格式，会有一个代码规范检测，如果不符合规范就会报错，有时候我们不想按照他的规范去写。这时我们需要关闭。这里有两种方法。1.在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code? 写 no;2.如果项目已经生成，我们可以这样。在项目中代开 bulid 文件夹下的 webpack.base.conf

2017-06-28 17:23:07 20457 1

原创 svg图片转化为字体图片

今天来说一下将svg 图片转化为字体图片的办法，很简单，不啰嗦直接讲方法。一、方法 11.讲svg图片转化字体图片网站 icoMoon : https://icomoon.io 进入网站后点击右上角 icoMoom App 按钮进入后，它提供了一些图片，可以点击选中，如果不想可以点击左上角 import Icons 按钮，上传你做好的svg 图片。然后：下载好后的文件：需要解压可以看看例

2017-06-28 16:57:09 4534 1

原创 js判断用户有没有操作页面

用js判断用户有没有操作页面，我们所要做的就是整理我们的思路。一、思路用户有没有操作界面，我们可以从页面在规定时间内有没有触发事件去考虑。比如用户有没有点击，有没有按键，有没有滚动鼠标滚轴。用户有没有移动鼠标等等。如果用户没有进行这些操作，那么我们可以大概的认为用户没有操作页面。我们可以给一个定时器。来记录在规定时间内用户有没有触发这些事件。我直接贴代码，代码的具体含义，我就不再讲解，思路大概就是这

2017-06-26 17:26:12 8500 1

原创 vue 脚手架的搭建和目录结构

今天总结一下vue的脚手架的搭建。很简单，今天我们就来说一下一、vue 脚手架的搭建。对于脚手架的具体搭建方法，我这里不在很详细的书写，具体方法我推荐菜鸟教程的方法，和具体，你一步一步的来就可以实现。链接地址：http://www.runoob.com/vue2/vue-install.html 对于不会使用或不知道 npm的，你可以从网上搜搜，下载node.js ,npm会随node.js一起被

2017-06-23 18:12:01 4733

原创 webpack的基础用法

如果你是作为前端的一员，可能你对webpack 并不陌生。它可以将很多如js,css，图片等打包成模块，正应了一切皆模块。当我们在写ES6的某些新语法是=时，有些浏览器可能不支持，这是我们可以利用webpack 去和babel 去将其转化为现在浏览器识别的代码。但是如果你刚接触webpack, 可能学习起来对一些概念可能不是很理解，去官网看有时候长篇大论的文档让人很蒙圈，网上搜索，出来的结果让人难懂

2017-06-21 18:30:59 748

原创 js 实现页面的复制功能 clipboard.js

今天来说一个插件，我们在做页面时可能会有这样的需求，点击一个按钮然后将一段文字复制到剪切版。这是我们就用到了clipboard.js一、引入clipboard.js1.下载：http://download.csdn.net/detail/webxiaoma/9876114 2.最新版本官网下载：http://clipboardshare.codeplex.com/二、使用方法js方法：

2017-06-21 09:22:02 1952

原创 ES6新数据类型 Symbol

ES6的出现，我个人认为，对js的发展会起到很大的作用。对前端的一些功能实现也起到了很大帮助。我们都知道es5 为我们提供了六种数据类型。分别是：对象（Object）、重点内容数字类型（Number）、布尔类型（Boolean）、字符串类型（String）、空类型（Null）、未定义类型（Undefind） E6又为我们增加了一种类型 symbol 类型，他表示独一无二的值。这样下来js 就有

2017-06-20 13:42:56 1662

原创 PHP 中对MySql 数据库的增删改查

最近打算系统的学习一下php，以前看过，但是并没深入的了解。接下来我就总结一下php中对mysql数据库的一些增删改查操作。我这里主要讲的是面向过程的操作方法一、链接数据库 1.php中链接数据库还是比较简单的。直接使用 mysql_connect()函数 (打开非持久的 MySQL 连接)；语法： mysql_connect(servername,username,passward) 这里

2017-06-19 18:08:31 1252

原创 MySql 写入数据时汉字乱码

最近在整mysql 时遇到点问题，我向数据库写入数据时，汉字出现了乱码，整了老半天，网上查了很多资料，最终还是让我解决了。下面我总结了一下解决乱码的几种情况。希望对你们有所帮助。一、前后台页面编码1.首先你应该不能忘了要个html页面添加编码格式，加入这句话<meta charset="UTF-8">，因为有时候我们的数据时从前台拿到的。 2.后台代码页面，你确定设置了编码格式。二、数据库你还要检

2017-06-19 15:12:55 2209

原创 js面向对象的一些小练习

今天来说一下js面向对象的小练习，废话不多说直接上练习，如果你能做出这个练习，说明你对js对象的一些知识已经很清晰了一、代码 function Foo(){ getName = function(){ alert(1); }; return this; }

2017-06-19 10:24:56 6818

原创 javascript DOM基础和扩展

今天总结一些js 的DOM的一些知识。很简单，也很基础，但是我认为很重要。一、前言我想很多人在学js时，都会经常用 getElementById() 和 getElementsByTagName() 但是今天我主要不是讲这两个，而是讲一下其他的Dom 操作的方法。二、querSelector()方法和 querySelectorAll() 方法。这两个方法它可以去解析css选择符。我们可以利用这两

2017-06-18 15:51:48 589

原创移动端手势事件 hammer.JS插件

今天我总结一下我以前用的一个移动端手势的插件 HAMMER.JS插件，很好用，而且提供的手势也很多。它没有任何依赖性，它很小，只有7.34 kB最小化+ gzip压缩！我只是简单的总结了一下他的用法，详细使用请访问官网一、引入hammer.JS1.下载地址：http://download.csdn.net/detail/webxiaoma/9872249 2.官网地址：http://hammerj

2017-06-16 16:38:50 9145 1

原创 ES6中的箭头函数

今天我来总结一下ES6 对函数做的一些处理。结合我ES5的函数特征，能够让我们根据实际情况，来很好的完成我们的项目需求。一、ES6的箭头函数1. 带参数的箭头函数let fun = (x) => xconsole.log(fun(2)) //2这种写法等同于ES5的function fun(x){ return x}console.log(fun(2)) //22.给参数默认值let f

2017-06-13 11:44:31 1314

原创 ES6的数据结构set 和 map

ES6为我们提供了两个数据解构 set 和 map ，用他们来处理我们的数据有时候会很方便。话不多说直接分析这两个方法。一、 set数据解构Set本身是一个构造函数，用来生成Set数据结构，类似于数组，但是成员的值都是唯一的。 Set内部判断两个值是否不同，类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身；另外，两个对象总是不相等的。1.set的用法

2017-06-09 18:07:31 836

原创 ES6中变量的解构与赋值

今天来总结一下es6 为我们提供的变量的结构赋值。这个能在我们大量的去声明变量和遍历数组是很实用。es6提供的这种方法也很简单，很容易理解。一、数组的赋值与解析1.我们以前赋值变量这样赋值var b = 1;var c = 2;var d = 3;var e = 4;而现在我们可以这样赋值： let [a,b,c,d] = [1,2,3,4]; console.log(a,b,c,d) //

2017-06-09 16:13:10 1754

原创 ES6 中的 let 和 const

以前我们在定义变量时用的是 var ，而es6 又给我们提供了两种方法 let 和 const (const 是定义常量的)。今天我就来总结一下let 和const 。比较简单，大神么鸟我。let 和 const的用法，可以阅读一下

2017-06-09 11:44:52 456

原创 vue 指令和模板

今天我来总结一下vue的指令和模板。指令和模板是vue比较基础的东西，也是vue中很重要的东西。一、vue指令vue指令有很多，比如： v-bind, v-click, v-style, v-class, v-once, v-if, v-else-if, v-model 等等。这些指令我就不一一讲解用法了。具体用法可以去看vue 官网的APIhttps://cn.vuej

2017-06-05 23:05:22 5059

原创 vue 的认识与介绍

今天来总结一些我对vue的认识与介绍，可能有时候我们可以不用对一个框架去有很深的认识，就可以去完成我们的工作，但是对于一个框架有基础的理解对我们开发和学习是很有帮助的，让我们很清楚的知道这个框架是做什么的，我们该用来做些什么。一、渐进式框架Vue什么是渐进式框架。vue官网说：Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue

2017-06-04 18:12:24 35798 2