- 博客(40)
- 收藏
- 关注
转载 Axios的配置 此处输入图片的描述 既然尤大推荐的应该有过人之处,好吧于是在新的项目上开始使用Axios,开启这段学习(踩坑)的历程。 安装 1 npm install axios 使用 Axio
Axios的配置既然尤大推荐的应该有过人之处,好吧于是在新的项目上开始使用Axios,开启这段学习(踩坑)的历程。安装1npm install axios使用Axios和其他的ajax库都是很类似的,提供了2种使用的方式一种是直接使用实例方法的如:下面是实例的所有可用方法,方法中的config会与axios实例
2017-06-23 12:26:35
1082
转载 JS中URL中的特殊字符问题:escape,encodeURI,encodeURIComponent(转)
JS中URL中的特殊字符问题:escape,encodeURI,encodeURIComponent(转)在使用url进行参数传递时,经常会传递一些中文名(或含有特殊字符)的参数或URL地址,在后台处理时会发生转换错误。在有些传递页面使用GB2312,而在接收页面使用UTF8,这样接收到的参数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL,与使用客户
2017-05-24 11:31:53
1509
转载 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
639
转载 h5新标签video详解
HTML5播放器细谈,从大众自带浏览器 到 wechat和QQ以x5内核的浏览器,以及UC其他特殊的浏览器在此不再细谈:)当然也会分析iphone iOS系统和Android手机系统的差别。【基本属性】video标签属性:src :视频的属性,url地址poster:视频封面,没有播放时显示的图片preload:预加载|none|metadata(部分预加载)|auto。默
2017-04-13 13:52:16
22081
1
转载 javascript execCommand,复文本框神器
javascript execCommand,复文本框神器2014年8月26日 10716次浏览下面我们来介绍一下javascript execCommand方法,可以说javascript execCommand是复文本框必不可少的方法。今天上午的文章js复文本函数,是用自己封装的函数方法来写的,通常项目中一般不这么写,复文本加粗,倾斜,下划线,字体等等方法,大多是用docu
2017-03-25 13:48:32
1132
转载 JavaScript-正则表达式
JavaScript-正则表达式记录这篇高大上的正则表达式,其实接触很多,但是实际项目里面感觉运用的比较少呀,用的不太好,今天整理一下之前看过的文章,以方便自己以后查询。创建一个正则表达式第一种方法:var reg = /pattern/;第二种方法:var reg = new RegExp('pattern');正则表达式的exec方法简介r
2017-03-25 00:33:54
345
转载 使用Node.js+Socket.IO搭建WebSocket实时应用
使用Node.js+Socket.IO搭建WebSocket实时应用原创 2014-05-28 彼得潘 编程 | Web领域的实时推送技术,也被称作Realtime技术。这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新。它有着广泛的应用场景,比如在线聊天室、在线客服系统、评论系统、WebIM等。WebSocket简介谈到Web实时推送,就
2017-02-25 20:59:50
640
1
转载 弹性布局详解
Web 应用的样式设计中,布局是非常重要的一部分。布局用来确定页面上不同组件和元素的尺寸和位置。随着响应式用户界面的流行,Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。响应式用户界面设计中最重要的一环就是布局。需要根据窗口尺寸来调整布局,从而改变组件的尺寸和位置, 以达到最佳的显示效果。这也使得布局的逻辑变得更加复杂。本文介绍的是 CSS3 规范中引入的新布局模型:弹性盒模型(fle
2017-02-14 15:22:55
5426
转载 JavaScript 中的 this 用法以及 call(apply) 的理解
想要深入了解 JavaScript 这门语言,一个必须掌握的知识点就是对 `this` 的理解。其中, `call` 和 `apply` 又与 `this` 有着密切的联系。趁现在有空,在网上看了一些教程之后,自己根据印象将其整理在这篇博文中。this 是什么this 是 JavaScript 中的一个关键字。它用在对象的方法中。 this 总是指向调用该方法的对象。举个最简单
2017-02-13 13:53:21
6159
3
转载 JavaScript模块管理之RequireJS
背景JavaScript这门脚本语言,相对于Python等确实比较简陋、甚至于丑陋。比如在代码文件管理、和模块管理上,存在很多空白。Paste_Image.pngJavaScript语言的不足对于JavaScript文件:文件按顺序加载,JavaScript本身缺少对文件依赖关系的管理。更重要的是:js文件的加载会阻塞页面渲染。在单页面Web应用中,只有一个页面
2017-02-10 17:00:45
786
转载 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
338
转载 webpack详细教程
写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一次,写完以后你会发现你已明明
2017-02-08 13:03:58
1013
转载 微信小程序开源项目库集合
微信小程序开源项目库集合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
732
原创 PHP连接和操作MySQL数据库基础教程
从这里开始我的博客,后台数据库是什么?没错,就是MySQL,服务器端使用的脚本就是PHP,整个框架使用的是WordPress。PHP和MySQL就像夫妻一样,总是在一起干活。现在这里,就集合PHP,总结一下MySQL的实际使用,也算作是MySQL开发的入门。关于PHP与MySQL的合作,不外乎以下三种方法:1.mysql扩展;但是目前已经不推荐使用;2.mysqli扩展;同时提供面向对
2017-01-16 14:09:54
541
原创 node.js http请求详解和配置服务目录
http阅读: 11266Node.js开发的目的就是为了用JavaScript编写Web服务器程序。因为JavaScript实际上已经统治了浏览器端的脚本,其优势就是有世界上数量最多的前端开发人员。如果已经掌握了JavaScript前端开发,再学习一下如何将JavaScript应用在后端开发,就是名副其实的全栈了。HTTP协议要理解Web服务器程序的工作原
2017-01-12 20:59:45
7367
1
转载 Angular.js 介绍及实践教程
简介AngularJS 是一款来自 Google 的前端 JavaScript 框架,也是 SPA(single-page-application,单页应用)框架。AngularJS 框架的体积非常小,但是设计理念和功能却非常强大,极大地简化前端开发的负担,它快速成为了 JavaScript 的主流框架,帮助开发者从事 web 开发。SPA 和 MVCSPA:单页面应用是指
2017-01-12 17:18:39
698
转载 前端构建工具gulp入门教程
第一步:安装Node首先,最基本也最重要的是,我们需要搭建node环境。访问http://nodejs.org,然后点击大大的绿色的install按钮,下载完成后直接运行程序,就一切准备就绪。npm会随着安装包一起安装,稍后会用到它。第二步:使用命令行也许现在你还不是很了解什么是命令行——OSX中的终端(Terminal),windows中的命令提示符(Command Pr
2017-01-11 11:05:29
639
转载 nodejs操作mysql数据库
nodejs操作mysql数据库今天粗略的研究了一下nodejs操作数据库的包,觉得nodejs连接数据库不错。nodejs如何操作mysql?nodejs如果想对数据库进行操作需要一个mysql包,登录https://www.npmjs.com 搜索mysql发现了mysql发现这个包热度比较高就进去看了一下。这个包是作为nodejs链接m
2017-01-06 19:55:13
797
转载 JS JSONP跨域请求实例详解
JS JSONP跨域请求实例详解JSONP(json with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。这篇文章主要介绍了JS JSOP跨域请求实例详解的相关资料,需要的朋友可以参考下:在项目开发中遇到跨域的问题,一般都是通过jsonp来解决的。但是JSONP到底是个什么东西呢,实现的原理又是什么呢。在项目的空闲时间可以好好的来研究一
2016-12-29 19:54:20
1146
转载 HEXO搭建个人博客
HEXO搭建个人博客 2015-08-25| 阅读:19934次 经过各种找资料,踩过各种坑,终于使用 hexo 搭建个人博客初步完成了,域名目前用得时 github 的,我的 hexo 是 3.1.1 版本,hexo 不同的版本,很多配置都不一样。好吧,废话不多说了,开始吧。 本篇文章累计了大量评论,和我的一些解答,读者有什么问题可以先看看评论,或者搜下关键字,如果还是有
2016-12-27 17:45:39
4364
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
439
转载 HTML5 Canvas 详解
导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变(发散)图形变形(平移、旋转、缩放)矩阵变换(图形变形的机制)图形组合给图形绘制阴影绘制图像(图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形])绘制文字保存和恢复状态(context)保存文件结合setInterval制作动画结语、demo下载前言是html5出现的新标签,像
2016-12-17 19:44:15
511
转载 Canvas API 详解
概述Canvas API(画布)用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图(bitmap)。使用前,首先需要新建一个网页元素。 id="myCanvas" width="400" height="200"> 您的浏览器不支持canvas!上面代码中,如果浏览器不支持这个API,则就会显示标签中间的
2016-12-14 13:26:38
8284
转载 深入解读JavaScript面向对象编程实践
深入解读JavaScript面向对象编程实践Mar 9, 2016面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化、多态、和封装几种技术。 对JavaScript而言,其核心是支持面向对象的,同时它也提供了强大灵活的基于原型的面向对象编程能力。 本文将会深入的探讨有关使用JavaScript进行面向对象编程的一些核心基础知识,包括对象的创建,继承机制, 最后还会简
2016-12-14 09:21:41
571
转载 Javascript面向对象编程(二):构造函数的继承
Javascript面向对象编程(二):构造函数的继承作者: 阮一峰日期: 2010年5月23日这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例。今天要介绍的是,对象之间的"继承"的五种方法。比如,现在有一个"动物"对象的构造函数。 function Animal(){
2016-12-13 18:37:06
300
转载 MUI框架初级教程
写在前面本系列文章我们将利用mui基于网易云音乐API实现一个音乐播放器APP,同时基于环形或者融云实现聊天功能。作为本系列文章的第一篇,本文会详细讲解html5+中管理应用窗口界面的Webview模块的用法,因为是初级教程篇不过多讲解原理部分,初级用户只需要知道基本用法就可以,并使用mui.js中的组件进行页面效果展示。webview基本知识>Webview模块管理应用窗
2016-12-01 13:42:57
19860
3
转载 js正则表达式验证大全(收集)
以下函数调用方式: ?1234functioncheck() {varbb = document.getElementById("txt_id").value;//txt_id为文本框的ID alert(ismobile(bb));//ismobile
2016-11-24 14:09:39
1258
转载 Javascript异步编程的4种方法
Javascript异步编程的4种方法作者: 阮一峰日期: 2012年12月21日你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现
2016-11-10 18:48:13
392
转载 获取元素,获取节点详解
//描述家庭族谱图,只要我们获得一个元素,就可以通过很多的属性或者方法找到页面中的任何一个元素 //一、获取元素的常用的8个方法: // 1、document.getElementById('') // 1、ID重复了,只获取第一个 // 2.IE6、7下不区分ID大小写 // 3.IE6、7
2016-11-07 15:46:34
3190
转载 JS完美运动框架的封装过程
JS完美运动框架的封装过程原文 http://guowenfh.github.io/2015/12/21/JS-Animated-Frames/主题 JavaScript运动框架的实现思路运动,其实就是在一段时间内改变 left 、right 、 width 、height 、 opactiy 的值,到达目的地之后停止。现在按照以下步骤来进行我们的运动
2016-11-04 17:45:20
2520
转载 window对象的属性和方法
转window对象的属性和方法分类:jswindow对象与属性 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象的实例也可由window.open()方法创建。由于window对
2016-11-04 11:35:21
3301
转载 弹性布局详解display:flex;
Flex 布局教程:语法篇作者: 阮一峰日期: 2015年7月10日网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提
2016-10-14 10:18:09
688
转载 四种途径将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
547
转载 [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
24470
转载 用rem来做响应式开发
用rem来做响应式开发Author:owenhong2014-08-12 强烈推荐这篇文章:《web app 变革之rem》px转rem工具:《px转rem工具》 由于最近在做公司移动项目的重构,因为要实现响应式的开发,所以大量使用到了rem的单位,觉得这个单位有点意思。但是现在貌似用他的人很少。上
2016-10-10 20:50:07
754
原创 CSS书写规范、顺序和命名规则
一、注意事项1)所有的命名最好都小写2)表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等3)到的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。4)给每一个表格和表单加上一个唯一的、结构标记id5)给图片加上alt标签6)尽量不缩写,除非一看就明白的单词7)不建议使用“_”下划线来命名CSS选择器
2016-10-10 10:56:51
3595
转载 前端开发BFC原理实例分析
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么? 在解释 BFC 是什么之前,
2016-10-09 13:59:17
813
原创 web前端开发之几种布局方式之响应式布局
一理解几种布局的概念1、静态布局(Static Layout)即传统Web设计,对于PC设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅被遮掩部分; 意思就是不管浏览器尺寸具体是多少,网页布局就按照当时写代码的布局来布置; 对于移动设备,单独设计一个布局,使用不同的域名如wap.或m.。2、弹性布局弹性布局是CSS3
2016-10-09 10:55:22
49808
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
1478
转载 BFC神奇背后的原理
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么? 在解释 BFC 是什么之前,需要
2016-09-29 09:33:22
642
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人