夜行独者-CSDN博客

原创 JavaScript学习总结【9】DOM Ready

1、DOM　　DOM（Document Object Model）即文档对象模型，是从文档中抽象出来的，DOM 操作的对象就是文档，DOM 将 HTML 文档呈现为带有元素、属性和文本的树结构，即节点树。通过 DOM，JS 可创建动态的 HTML，可以使网页显示动态效果并实现与用户的交互功能。DOM 给我们提供了用程序来动态控制 HTML 的接口(也叫API)，因此 DOM 处在 JS

2017-02-05 18:20:49 1172

原创 JavaScript学习总结【8】面向对象编程

1、什么是面向对象编程　　要理解面向对象，得先搞清楚什么是对象，首先需要明确一点这里所说的对象，不是生活中的搞男女朋友对象，面向对象就是面向着对象，换在代码中，就是一段代码相中了另一段代码，自此夜以继日的含情脉脉的面向着这一段代码，这就叫做面向对象，谁要这么给人解释，那笑话可就闹大了，但是可以把男朋友或者女朋友视为一个对象，之前我们也简单的介绍过对象，即可以把一个人视为一个对象，对象有他的

2017-01-21 14:57:12 1440

原创 PHP学习笔记之MySQL（十）

编程接口从PHP5开始，PHP向程序员提供了两种MySQL应用程序编程接口:一种是从PHP早期版本一直就有的mysql功能模块;另一种是从PHP5才开始有的mysqli接口;mysql功能模块不是PHP的一个集成组件。要想使用这个功能扩展模块，不管使用是哪一种操作系统，都必须在php.ini文件里启用这个扩展以确保PHP能够找到所有必要的DLL "php_mysqli"。phpinf

2017-01-20 14:27:00 1122

原创 PHP学习笔记之SQL语言（九）

一、SQL 语言简介SQL (structured Query Language) 结构化查询语言;主要用途是构造各种数据库系统操作指令，如 SELECT、INSERT、UPDATE、DELETE;SQL命令可以分类以下三大类别：DML(Data Manipulation Language 数据处理语言）：这类命令主要包括 SELECT、INSERT、UPDATE、DEL

2017-01-20 14:23:11 718

原创 AngularJS 基础入门

简介什么是AngularJS一个功能非常完备的前端框架，通过增强HTML的方式提供一种便捷开发Web应用程序的方式其核心特点就是几乎无任何DOM操作，让开发人员的精力和时间全部集中于业务MVC的特性增强了代码的结构和可维护性，应对需求的变化做出最小的改动为什么使用AngularJS更少的代码实现更强劲的功能提供了很多在传统后端开发中大量使用的思想和方式，提高前台代码

2017-01-16 23:01:21 1009

原创 PHP学习笔记之PHP面向对象（八）

常用格式1.定义类 class name{}2.创建对象(实例化) $obj = new name();3.访问对象中的成员 $obj->attr;4.const常量可以在类中定义常量,即不会在类中改变的值.对于从该类实例化的任何对象来说,常量值在这些对象的整个生命周期中都保持不变 echo self::PI;

2017-01-15 15:11:24 1117

原创 PHP学习笔记之PHP正则（七）

preg_matchpreg_math($reg,$str)在$str中寻找正则reg,存在返回1,否则返回0;preg_math_all($reg,$str,$arr)在$str中寻找匹配正则reg的个数,将所有匹配正则$reg的内容逐个存入$arr数组//声明一个字符串$str = "bagldghsghdk";//在字符串中搜索正则表达式"/a/",存在返回1,否则返回0

2017-01-15 15:08:03 1053

原创 JS中常遇到的浏览器兼容问题和解决方法

浏览器的宽高问题：//以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var winH=document.body.clientHeight||document.docuemntElement.clientHeig

2017-01-12 22:08:49 1816 1

转载 WebStorm使用教程

WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具任何一个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑文件右上角是没有那个熟悉的 * 的。好处：省去了ctrl + s之后，在结合Firefox的vim，基本不动鼠标就可以看到结果页面了。坏处：没有以前的 * 标识，万一键盘误操作

2017-01-12 22:03:07 96035 6

转载前端build工具介绍

即使对于一些经验丰富的开发者来说，诸多的前端工具还是会让他们感到头痛。解决这个问题的最好办法，就是在概念上理解他们的工作方式，已经他们之间相互配合的方式。不要被各种专业名词唬住Node, NPM, Grunt, Gulp, Bower, Webpack, Browserify, Yeoman, Brunch……诸多的名词让你一时间感到手足无措，好像根本学不完。其实关键就是，不要被它

2017-01-12 21:49:30 3710

转载 JavaScript键盘码参照表

简介：JS获取键盘按键的键码event.keyCode，记录-方便查找。1、键盘各按键对应的数字keycode 8 = BackSpacekeycode 9 = Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shiftkeycode 17 = Controlkeycode 18 = Altkeycode 19

2017-01-10 08:48:17 1791

转载 HTML特殊字符编码对照表

简介：在HTML中的、&等字符有特殊的含义（用于链接签，&用于转义），我们不能直接使用。这些符号是不显示在我们最终看到的网页里的，所以使用的时候我们需要转义。特殊符号命名实体十进制编码ζζζηηηθθ

2017-01-09 21:59:57 2284

原创 PHP学习笔记之PHP字符串（六）

一、输出字符串1.echoecho 是一个语法，不是函数echo 没有返回值;echo 可以输出多个值，使用逗号分隔;2.printprint 实际上不是一个函数（它是一个语言结构）3.printf() %b二进制输出 //brianry %d整数输出 //data %f浮点数输出

2017-01-06 21:45:29 1050

原创 PHP学习笔记之PHP文件上传（五）

文件上传的相关配置表单设置设定表单数据的提交方式为POST设定enctype属性值为:multipart/form-data为了避免用户等待许久之后才发现上传文件太大,可以在表单中添加MAX_FILE_SIZE隐藏域,用过设置其value值可以限制上传文件的大小//form表单数据以"post"方式传输到"file.uploads.php"页面 //上传文件标签

2017-01-06 21:42:38 1058

原创 JavaScript学习总结【7】JS RegExp

1、RegExp 简介　　RegExp 即正则表达式（Regular Expression，在代码中常简写为 regex、regexp或RE/re/reg），就是使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式，搜索模式可用于文本搜索和文本替换。　　正则表达式是由一个字符序列形成的搜索模式，当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容，也就是说正则表

2017-01-02 15:50:54 2656

原创 Ionic之基本布局

简介Hybrid vs. OthersionicCSS框架基本布局布局模式定高条块：.bar.bar : 位置.bar : 嵌入子元素.bar : 嵌入input内容：.content和.scroll-contentHybrid vs. Others要开发手机App，目前有三种方式：原生/Native：使用原生SDK开发App。优点不用说，当你有足够

2017-01-01 16:15:13 3089

原创 PHP学习笔记之PHP数组（四）

一.数组概念数组可以理解为有序的(键-值)对组成的数据值的集合;如果我们把变量理解为单个值的容器,那么数组就是可以包含多个值的容器;根据索引值的不同数组分为:索引数组和关联数组;arr(key=>value,key=>value)二.创建数组与其他语言的数组实现方式不同,php不需要在创建数组时指定其大小;因为php是一种松散类型的语言,所以甚至不需要在使用前声明;

2017-01-01 15:37:50 2161

原创 PHP学习笔记之PHP函数（三）

认识php函数函数可以使程序更具模块化,拥有良好的结构;函数分为内置函数和自定义函数;函数名不区分大小写,不过在调用函数的时候，通常使用其在定义时相同的形式;php不支持函数重载, 所以自定义函数不能和内置函数重名;函数参数的传递1.值传递(传值):函数内对参数值的改变不会影响函数外部的值;2.引用传递(传址):有些情况下，可能希望在函数体内对参数的修改在函数体外也能反映;

2017-01-01 15:12:07 3326

原创 PHP学习笔记之PHP操作（二）

一.打开和关闭文件1.fopen()函数将resource绑定到一个流或句柄。绑定之后，脚本就可以通过句柄与此资源交互;//以只读方式打开一个位于本地服务器的文本文件;$fn = fopen("test.txt","r");//以只读方式打开一个远程文件$fn2 = fopen("http://www.baidu.com","r");2.fclose(handle)

2016-12-31 15:09:10 2362

原创 PHP学习笔记之PHP基础（一）

PHP简介1.服务端语言,专为WEB设计,可以嵌入到HTML语言2.PHP代码将在WEB服务器中被解释为HTML代码,返回客户端3.PHP是用于动态内容和数据交互的最优秀的语言4.PHP官方网站:http://www.php.net5.开放源代码6.跨平台的服务器端脚本语言7.容易学习,大量地借用C,Java和Perl语言的语法8.完全免费Apache简介1.Apache是WE

2016-12-31 15:02:54 2354

转载 JSON跟JSONP的区别

前言由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者要求用户设备必须支持We

2016-12-29 21:45:31 2023

转载 MySQL入门教程

MySQL的相关概念介绍MySQL 为关系型数据库(Relational Database Management System), 这种所谓的"关系型"可以理解为"表格"的概念, 一个关系型数据库由一个或数个表格组成, 如图所示的一个表格:表头(header): 每一列的名称;列(col): 具有相同数据类型的数据的集合;行(row): 每一行用来描述某个人/物的具体信息;

2016-12-27 22:07:17 4733

原创 Web前端之面试题

一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素，相对于最近一级的定位不是 st

2016-12-25 17:17:24 7191

原创图片的懒加载

懒加载的意义（为什么要使用懒加载）对页面加载速度影响最大的就是图片，一张普通的图片可以达到几M的大小，而代码也许就只有几十KB。当页面图片很多时，页面的加载速度缓慢，几S钟内页面没有加载完成，也许会失去很多的用户。所以，对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载，等到滚动到可视区域后再去加载。这样子对于页面加载性能上会有很大的

2016-12-25 16:42:48 6741

转载 Canvas之"黑客帝国"

首先，在新建页面写上canvas标签，在js中获取并设置高宽：canvas id="canvas">canvas>script> var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"); //设置canvas大小，全屏显示 setSize();

2016-12-25 16:23:32 7197

转载 Canvas之粒子动画

首先添加一个canvas：canvas id="canvas">canvas>11下面是样式：style> #canvas{ position: absolute; display: block; left:0; top:0; background: #0f0f0f; z-ind

2016-12-25 16:15:23 12070 1

原创常用正则表达式大全

很多不太懂正则的同学，在遇到需要用正则校验数据时，往往去网上找很久，结果找来的还是很不符合要求。所以我把一些常用的正则表达式整理了一下，在这里分享给大家。给自己和同学们做个参考。一、校验数字的表达式1、数字：^[0-9]*$2、n位的数字：^\d{n}$3、至少n位的数字：^\d{n,}$4、m-n位的数字：^\d{m,n}$5、零和非

2016-12-25 15:53:27 6590

原创重力+拖拽+碰撞运动

重力+拖拽+碰撞运动 html, body { background: burlywood; } * { margin: 0px; padding: 0px; } input { background: deepskyblue; } #div { width: 200px;

2016-12-25 15:46:11 7000

原创编码器Atom使用指南

关于如何初步使用Atom，可以参见官方手册：Atom 基础使用。Atom is a text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching

2016-12-25 15:13:03 9062

原创 Sublime Text使用教程

在诸多工具中，Sublime Text无疑是一款利器，它界面优美、功能强悍、性能令人惊讶，需要注意的是，它并不是IDE，而是一个单纯的文本编辑工具，但其代码高亮显示、语法提示、自动完成且反应快速，还有各种丰富插件的支持，使得文本编辑过程非常规范、快速高效。下载安装直接去官网http://www.sublimetext.com/3下载官方版，尽量不要下载网上的中文版，会出现各种奇怪的

2016-12-24 22:48:48 31380

转载 PHP知识点总结（二）

数组PHP数组之索引数组初始化PHP有两种数组：索引数组、关联数组。索引和关联两个词都是针对数组的键而言的。先介绍下索引数组，索引数组是指数组的键是整数的数组，并且键的整数顺序是从0开始，依次类推。下面使用图来说明一下：可以使用下面代码实现：$fruit = array("苹果","香蕉","菠萝"); 注意数组的键是从0

2016-12-24 22:40:58 10115

转载 PHP知识点总结（一）

基本的 PHP 语法PHP 中的每个代码行都必须以分号结束。分号是一种分隔符，用于把指令集区分开来。通过 PHP，有两种在浏览器输出文本的基础指令：echo 和 print。[php] view plain copy My first PHP page echo "Hell

2016-12-24 22:34:54 8909

原创 JavaScript学习总结【6】JS BOM

1、BOM 简介　　所谓的 BOM 即浏览器对象模型（Browser Object Model）。BOM 赋予了 JS 操作浏览器的能力，即 window 操作。DOM 则用于创建删除节点，操作 HTML 文档。BOM 尚无正式的标准，导致各浏览器对于 BOM 方法的支持各有不同，因此需要具体问题具体对待。 2、window 对象　　window 对象是 BOM 的

2016-12-23 23:52:23 7701

原创 PHP基本语法

什么是变量？在程序的执行过程中值可以发生变化的量，称之为变量如：$username="zhangsan"; //定义一个变量$username,并赋值为"zhangsan" $username="李四"; //变量$username的值替换为"李四" echo $username;

2016-12-23 22:58:52 6649

原创 PHP常用数组函数

一、数组操作的基本函数数组的键名和值array_values($arr) 获得数组的值array_keys($arr) 获得数组的键名array_flip($arr) 数组中的值与键名互换（如果有重复前面的会被后面的覆盖）in_array("apple",$arr) 在数组中检索applearray_search("apple",$arr)

2016-12-23 22:45:23 6655

原创 PHP输出echo、print、print_r、printf、sprintf、var_dump比较

一、echo echo() 实际上不是一个函数，是php语句，因此您无需对其使用括号。不过，如果您希望向 echo() 传递一个以上的参数，那么使用括号会发生解析错误。而且echo是返回void的，并不返回值，所以不能使用它来赋值。例子： 1 <?php$a = echo("55nav"); // 错误！不能用来赋值echo "55nav"; // 55nav ec

2016-12-22 23:29:57 7240

转载 PHP运行环境（Apache配置、Mysql）搭建安装详细说明

安装apache：1，不要安装到有中文的目录中：2，尽量将apache，php，mysql安装到一个总的目录，便于管理。 3，尽量将之前安装的amp集成安装环境删除，并删除已经配置的环境变量：此处是服务器名称的设置，可以随便输入，完成之后可用IP或者localhost来进行访问，邮箱随便填写，保证邮箱格式的正确

2016-12-22 23:23:23 7722

原创 JavaScript数组中的22个常用方法总结

前言数组总共有22种方法，本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组方法、数组删改方法、数组位置方法、数组归并方法和数组迭代方法共10类来进行详细介绍对象继承方法数组是一种特殊的对象，继承了对象Object的toString()、toLocaleString()和valueOf()方法【toString()】toStrin

2016-12-21 18:52:17 7475

转载 JavaScript框架比较：AngularJS vs ReactJS vs EmberJS

Javascript场景的易变性Web开发的变化发生的很快。几乎每个月都会引入一个新的JavaScript框架，并且现有的框架经常被更新。由于这些框架是开放源代码的，因此世界各地的大型社区也都可以不断地使之丰满起来。因此，了解每个框架的优点和它们之间的区别并不是一件容易的事情。深入Angular vs React vs Ember许多开发人员因为JavaScript框架的种

2016-12-21 18:44:51 7171

原创 JS 中的事件绑定、事件监听与事件委托

事件绑定要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在JavaScript中，有三种常用的绑定事件的方法：在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。在DOM中直接绑定事件我们可以在DOM

2016-12-21 13:35:27 12970 1

空空如也

空空如也