叶兴胜-CSDN博客

转载 Axios的配置此处输入图片的描述既然尤大推荐的应该有过人之处，好吧于是在新的项目上开始使用Axios,开启这段学习（踩坑）的历程。安装 1 npm install axios 使用 Axio

Axios的配置既然尤大推荐的应该有过人之处，好吧于是在新的项目上开始使用Axios,开启这段学习（踩坑）的历程。安装1npm install axios使用Axios和其他的ajax库都是很类似的，提供了2种使用的方式一种是直接使用实例方法的如：下面是实例的所有可用方法，方法中的config会与axios实例

2017-06-23 12:26:35 1068

转载 JS中URL中的特殊字符问题:escape,encodeURI,encodeURIComponent(转)

JS中URL中的特殊字符问题:escape,encodeURI,encodeURIComponent(转)在使用url进行参数传递时，经常会传递一些中文名（或含有特殊字符）的参数或URL地址，在后台处理时会发生转换错误。在有些传递页面使用GB2312，而在接收页面使用UTF8，这样接收到的参数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL，与使用客户

2017-05-24 11:31:53 1498

转载 js常用正则验证

一、校验数字的表达式1数字：^[0-9]*$2n位的数字：^\d{n}$3至少n位的数字：^\d{n,}$4m-n位的数字：^\d{m,n}$5零和非零开头的数字：^(0|[1-9][0-9]*)$6非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7带1-2位小数的正数或负数：^(\-)?\d+

2017-04-20 23:49:00 626

转载 h5新标签video详解

HTML5播放器细谈，从大众自带浏览器到 wechat和QQ以x5内核的浏览器，以及UC其他特殊的浏览器在此不再细谈：）当然也会分析iphone iOS系统和Android手机系统的差别。【基本属性】video标签属性：src ：视频的属性，url地址poster：视频封面，没有播放时显示的图片preload：预加载|none|metadata（部分预加载）|auto。默

2017-04-13 13:52:16 21890 1

转载 javascript execCommand,复文本框神器

javascript execCommand,复文本框神器2014年8月26日 10716次浏览下面我们来介绍一下javascript execCommand方法，可以说javascript execCommand是复文本框必不可少的方法。今天上午的文章js复文本函数，是用自己封装的函数方法来写的，通常项目中一般不这么写，复文本加粗，倾斜，下划线，字体等等方法，大多是用docu

2017-03-25 13:48:32 1116

转载 JavaScript-正则表达式

JavaScript-正则表达式记录这篇高大上的正则表达式，其实接触很多，但是实际项目里面感觉运用的比较少呀，用的不太好，今天整理一下之前看过的文章，以方便自己以后查询。创建一个正则表达式第一种方法：var reg = /pattern/;第二种方法：var reg = new RegExp('pattern');正则表达式的exec方法简介r

2017-03-25 00:33:54 343

转载使用Node.js+Socket.IO搭建WebSocket实时应用

使用Node.js+Socket.IO搭建WebSocket实时应用原创 2014-05-28 彼得潘编程 | Web领域的实时推送技术，也被称作Realtime技术。这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新。它有着广泛的应用场景，比如在线聊天室、在线客服系统、评论系统、WebIM等。WebSocket简介谈到Web实时推送，就

2017-02-25 20:59:50 629 1

转载弹性布局详解

Web 应用的样式设计中，布局是非常重要的一部分。布局用来确定页面上不同组件和元素的尺寸和位置。随着响应式用户界面的流行，Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。响应式用户界面设计中最重要的一环就是布局。需要根据窗口尺寸来调整布局，从而改变组件的尺寸和位置，以达到最佳的显示效果。这也使得布局的逻辑变得更加复杂。本文介绍的是 CSS3 规范中引入的新布局模型：弹性盒模型（fle

2017-02-14 15:22:55 5361

转载 JavaScript 中的 this 用法以及 call(apply) 的理解

想要深入了解 JavaScript 这门语言，一个必须掌握的知识点就是对 `this` 的理解。其中， `call` 和 `apply` 又与 `this` 有着密切的联系。趁现在有空，在网上看了一些教程之后，自己根据印象将其整理在这篇博文中。this 是什么this 是 JavaScript 中的一个关键字。它用在对象的方法中。 this 总是指向调用该方法的对象。举个最简单

2017-02-13 13:53:21 6143 3

转载 JavaScript模块管理之RequireJS

背景JavaScript这门脚本语言，相对于Python等确实比较简陋、甚至于丑陋。比如在代码文件管理、和模块管理上，存在很多空白。Paste_Image.pngJavaScript语言的不足对于JavaScript文件：文件按顺序加载，JavaScript本身缺少对文件依赖关系的管理。更重要的是：js文件的加载会阻塞页面渲染。在单页面Web应用中，只有一个页面

2017-02-10 17:00:45 736

转载 git常用命令详解

Git的上传和下载转自http://blog.csdn.net/kingzone_2008/article/details/8727023http://blog.csdn.net/ithomer/article/details/7529022由于经常要在家写代码，所以需要有个能够方便访问代码管理工具。最近尝试了一下GitHub。经过了一翻纠结之后，基本上掌握

2017-02-10 15:36:00 323

转载 webpack详细教程

写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明

2017-02-08 13:03:58 997

转载微信小程序开源项目库集合

微信小程序开源项目库集合UI组件weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库Wa-UI ★122 - 针对微信小程序整合的一套UI库wx-charts ★105 - 微信小程序图表工具wemark ★85 - 微信小程序Markdown渲染库WeZRender ★36 - 微信小程序Canvas增强组件wetoast ★21 - 仿照微信小程序提

2017-01-17 09:13:17 727

原创 PHP连接和操作MySQL数据库基础教程

从这里开始我的博客，后台数据库是什么？没错，就是MySQL，服务器端使用的脚本就是PHP，整个框架使用的是WordPress。PHP和MySQL就像夫妻一样，总是在一起干活。现在这里，就集合PHP，总结一下MySQL的实际使用，也算作是MySQL开发的入门。关于PHP与MySQL的合作，不外乎以下三种方法：1.mysql扩展；但是目前已经不推荐使用；2.mysqli扩展；同时提供面向对

2017-01-16 14:09:54 531

原创 node.js http请求详解和配置服务目录

http阅读: 11266Node.js开发的目的就是为了用JavaScript编写Web服务器程序。因为JavaScript实际上已经统治了浏览器端的脚本，其优势就是有世界上数量最多的前端开发人员。如果已经掌握了JavaScript前端开发，再学习一下如何将JavaScript应用在后端开发，就是名副其实的全栈了。HTTP协议要理解Web服务器程序的工作原

2017-01-12 20:59:45 7303 1

转载 Angular.js 介绍及实践教程

简介AngularJS 是一款来自 Google 的前端 JavaScript 框架，也是 SPA（single-page-application，单页应用）框架。AngularJS 框架的体积非常小，但是设计理念和功能却非常强大，极大地简化前端开发的负担，它快速成为了 JavaScript 的主流框架，帮助开发者从事 web 开发。SPA 和 MVCSPA：单页面应用是指

2017-01-12 17:18:39 680

转载前端构建工具gulp入门教程

第一步：安装Node首先，最基本也最重要的是，我们需要搭建node环境。访问http://nodejs.org，然后点击大大的绿色的install按钮，下载完成后直接运行程序，就一切准备就绪。npm会随着安装包一起安装，稍后会用到它。第二步：使用命令行也许现在你还不是很了解什么是命令行——OSX中的终端（Terminal），windows中的命令提示符（Command Pr

2017-01-11 11:05:29 636

转载 nodejs操作mysql数据库

nodejs操作mysql数据库今天粗略的研究了一下nodejs操作数据库的包，觉得nodejs连接数据库不错。nodejs如何操作mysql？nodejs如果想对数据库进行操作需要一个mysql包，登录https://www.npmjs.com 搜索mysql发现了mysql发现这个包热度比较高就进去看了一下。这个包是作为nodejs链接m

2017-01-06 19:55:13 783

转载 JS JSONP跨域请求实例详解

JS JSONP跨域请求实例详解JSONP(json with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。这篇文章主要介绍了JS JSOP跨域请求实例详解的相关资料,需要的朋友可以参考下:在项目开发中遇到跨域的问题，一般都是通过jsonp来解决的。但是JSONP到底是个什么东西呢，实现的原理又是什么呢。在项目的空闲时间可以好好的来研究一

2016-12-29 19:54:20 1134

转载 HEXO搭建个人博客

HEXO搭建个人博客 2015-08-25| 阅读：19934次　　经过各种找资料，踩过各种坑，终于使用 hexo 搭建个人博客初步完成了，域名目前用得时 github 的，我的 hexo 是 3.1.1 版本，hexo 不同的版本，很多配置都不一样。好吧，废话不多说了，开始吧。　　本篇文章累计了大量评论，和我的一些解答，读者有什么问题可以先看看评论，或者搜下关键字，如果还是有

2016-12-27 17:45:39 4354 2

转载 PHP文件上传详解

PHP文件上传详解上传文件分为两个部分，HTML显示部分和PHP处理部分，HTML部分主要是让用户来选择所要上传的文件，然后通过PHP中的$_FILES，我们可以把文件上传到服务器的指定目录。先来看一下HTML部分。form action="upload.php" method="post" enctype="multipart/form-d

2016-12-26 20:00:01 416

转载 HTML5 Canvas 详解

导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变（发散）图形变形（平移、旋转、缩放）矩阵变换（图形变形的机制）图形组合给图形绘制阴影绘制图像（图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形]）绘制文字保存和恢复状态（context）保存文件结合setInterval制作动画结语、demo下载前言是html5出现的新标签，像

2016-12-17 19:44:15 491

转载 Canvas API 详解

概述Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。使用前，首先需要新建一个网页元素。 id="myCanvas" width="400" height="200"> 您的浏览器不支持canvas！上面代码中，如果浏览器不支持这个API，则就会显示标签中间的

2016-12-14 13:26:38 8232

转载深入解读JavaScript面向对象编程实践

深入解读JavaScript面向对象编程实践Mar 9, 2016面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式，主要包括模块化、多态、和封装几种技术。对JavaScript而言，其核心是支持面向对象的，同时它也提供了强大灵活的基于原型的面向对象编程能力。本文将会深入的探讨有关使用JavaScript进行面向对象编程的一些核心基础知识，包括对象的创建，继承机制，最后还会简

2016-12-14 09:21:41 566

转载 Javascript面向对象编程（二）：构造函数的继承

Javascript面向对象编程（二）：构造函数的继承作者：阮一峰日期： 2010年5月23日这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。　　function Animal(){

2016-12-13 18:37:06 295

转载 MUI框架初级教程

写在前面本系列文章我们将利用mui基于网易云音乐API实现一个音乐播放器APP，同时基于环形或者融云实现聊天功能。作为本系列文章的第一篇，本文会详细讲解html5+中管理应用窗口界面的Webview模块的用法，因为是初级教程篇不过多讲解原理部分，初级用户只需要知道基本用法就可以，并使用mui.js中的组件进行页面效果展示。webview基本知识>Webview模块管理应用窗

2016-12-01 13:42:57 19758 3

转载 js正则表达式验证大全(收集)

以下函数调用方式： ?1234functioncheck() {varbb = document.getElementById("txt_id").value;//txt_id为文本框的ID alert(ismobile(bb));//ismobile

2016-11-24 14:09:39 1251

转载 Javascript异步编程的4种方法

Javascript异步编程的4种方法作者：阮一峰日期： 2012年12月21日你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现

2016-11-10 18:48:13 390

转载获取元素,获取节点详解

//描述家庭族谱图，只要我们获得一个元素，就可以通过很多的属性或者方法找到页面中的任何一个元素 //一、获取元素的常用的8个方法： // 1、document.getElementById('') // 1、ID重复了，只获取第一个 // 2.IE6、7下不区分ID大小写 // 3.IE6、7

2016-11-07 15:46:34 3179

转载 JS完美运动框架的封装过程

JS完美运动框架的封装过程原文 http://guowenfh.github.io/2015/12/21/JS-Animated-Frames/主题 JavaScript运动框架的实现思路运动，其实就是在一段时间内改变 left 、right 、 width 、height 、 opactiy 的值，到达目的地之后停止。现在按照以下步骤来进行我们的运动

2016-11-04 17:45:20 2506

转载 window对象的属性和方法

转window对象的属性和方法分类：jswindow对象与属性 Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，都会自动建立window对象的实例。另外，该对象的实例也可由window.open()方法创建。由于window对

2016-11-04 11:35:21 3123

转载弹性布局详解display:flex;

Flex 布局教程：语法篇作者：阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提

2016-10-14 10:18:09 680

转载四种途径将HTML5 web应用变成android应用

四种途径将HTML5 web应用变成android应用2012-01-29 10:09 来源：html5技术网编辑：sunsun【纠错】9人评论A-A+怎么开淘宝店网站优化方法创业如何获得投资怎么做微商最新LOL活动作为下一代的网页语言，HTML5拥有很多让人期待已久的新特性。HTML5的优势之一在于能够实现跨平台游戏编码移植，现在已经

2016-10-12 14:47:05 535

转载 [CSS] 详细解释 @media 属性与 (max-width:) and (min-width) 之间的关系及用法

[CSS] 详细解释 @media 属性与 (max-width:) and (min-width) 之间的关系及用法原文 http://blog.qiji.tech/archives/10167主题 CSS前言现在 HTML5/CSS3 很流行罢，也是未来时代的趋势。在 HTML5 带来的许多实用功能之后，CSS3也同带来了一些牛逼哄哄的功能呢。动画 ani

2016-10-10 21:30:40 24300

转载用rem来做响应式开发

用rem来做响应式开发Author:owenhong2014-08-12 强烈推荐这篇文章：《web app 变革之rem》px转rem工具：《px转rem工具》由于最近在做公司移动项目的重构，因为要实现响应式的开发，所以大量使用到了rem的单位，觉得这个单位有点意思。但是现在貌似用他的人很少。上

2016-10-10 20:50:07 747

原创 CSS书写规范、顺序和命名规则

一、注意事项1）所有的命名最好都小写2）表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等3）到的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。4）给每一个表格和表单加上一个唯一的、结构标记id5）给图片加上alt标签6）尽量不缩写，除非一看就明白的单词7)不建议使用“_”下划线来命名CSS选择器

2016-10-10 10:56:51 3581

转载前端开发BFC原理实例分析

BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？　　在解释 BFC 是什么之前，

2016-10-09 13:59:17 809

原创 web前端开发之几种布局方式之响应式布局

一理解几种布局的概念1、静态布局（Static Layout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；意思就是不管浏览器尺寸具体是多少，网页布局就按照当时写代码的布局来布置；对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。2、弹性布局弹性布局是CSS3

2016-10-09 10:55:22 49733 1

转载 H5移动端知识点总结

H5移动端知识点总结2016-02-04 00:48 by 空智, 2603 阅读, 5 评论, 收藏, 编辑H5移动端知识点总结阅读目录移动开发基本知识点calc基本用法box-sizing的理解及使用理解display:box的布局理解flex布局Flex布局兼容知识点总结回到顶部移动开发基本知识点一. 使用rem作为单位html

2016-10-08 15:34:44 1466

转载 BFC神奇背后的原理

BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？　　在解释 BFC 是什么之前，需要

2016-09-29 09:33:22 633

空空如也

空空如也