深沉的简单-优快云博客

原创 ES6常用知识学习札记

转载请注明出处原文连接 http://blog.huanghanlian.com/article/5c7aa6c7bf3acc0864870f9des6 是什么首先弄明白ECMA和js的关系。ECMA是标准，Javascript是ECMA的实现。因为js也是一种语言，但凡语言都有一套标准，而ECMA就是javascript的标准。在2015年正式发布了ECMAscript6.0，简称ES6...

2019-03-14 00:53:19 343

原创正则表达解析 Markdown 语法

转载请注明出处原文连接 http://blog.huanghanlian.com/article/5c80b4176f8b011040530140文章起源源于本博客开发实现需要在首页列表需要对文字进行截取，需要截取第一张Markdown 语法的图片url。在文章详情页以及关于文章展示的页面。需要对文章内容进行截取。填充headdescription。利于seo优化Markdown ...

2019-03-07 15:24:32 3070 1

原创我的Web组件库:原生JS篇

插件库包含了WEB中常见的：轮播、滚动条、弹出框、弹层、等等等，使用方式一致，接口文档说明详细就单单一个轮播，结合了无缝滚动，响应式、参数可调控，多种动画特效等等特点！具体请看api说明。插件官方网址：huanghanlian.com 感兴趣的也可关注项目：http://www.huanghanlian.com/widget/

2017-01-10 11:50:14 5746

其实浏览器只认CSS，所以Sass文件需要编译成CSS才能够起作用。如何将Sass文件需要编译成CSS，这里推荐简单的工具，koala官方网站http://koala-app.com/index-zh.html，更具系统版本选择相应的版本进行下载。下载后傻瓜式安装安装后可能是英文界面。点击设置，将英文改成中文，关闭软件重新打开即可。如何使用Sass在项目目录下创建Sass文件，比如我在项目目录css

2016-12-23 15:29:10 665

原创 JavaScript 正则表达式（实例）

RegExp对象字面量var reg=/\bis\b/g;定义变量reg然后把正则表达式文本写到两个反斜杠之间，"\正则文本\"。\b代表单词边界，\bis\b代表正则is单纯后面再加个\b是保证is是一个完整的单词，而不是两个字符。var reg=/\bis\b/;"He is a boy .This is a dog.Where is she?".replace(reg,'IS');//

2016-12-20 15:33:08 945

原创 Ajax全接触(五) 处理跨域方式

那么什么是跨域呢？处理跨域方式-代理我们在前端代码中将ajax访问后台url改成http://127.0.0.1:80/dengtu/serverjsonp.php$(document).ready(function() { $("#search").click(function() { $.ajax({ type: "GET",

2016-12-20 15:31:51 578

原创 Ajax全接触(四) jQuery中的AJAX

语法|Query.ajax([*settings*]) 参数描述 settings 可选。用于配置 Ajax 请求的键值对集合。可以通过 $.ajaxSetup() 设置任何选项的默认值。 type 类型：String 默认值: “GET”)。请求方式 (“POST” 或 “GET”)，默认为 “GET”。注意：其它 HTTP 请求方法，如 PUT 和 DEL

2016-12-20 15:31:22 373

原创 Ajax全接触(三)JSON格式

JSON是存储和交换文本信息的语法，类似与XML。它采用键值的方式来组织，易于人们阅读和编写，同时也易于解析和生成json基本概念JSON:JavaScript对象表示法，(JavaScript Object Notation)JSON是存储和交换文本信息的语法，类似与XML。它采用键值的方式来组织，易于人们阅读和编写，同时也易于解析和生成JSON是独立于语言的，也就是说不管什么语言，都可以解

2016-12-20 15:30:55 376

原创 Ajax全接触(二)例子ajax+php

接触Ajax例子要求查询员工信息，可以通过输入员工编号查询员工基本信息；新建员工信息，包含员工姓名，员工编号，员工性别，员工职位；实现步骤纯html页面，用来实现员工查询和新建的页面；php页面，用来实现员工查询和新建员工的后台接口；在本地部署web服务器，用户来测试，通过本地web服务器，我们可以及时的查看编写的php代码实际效果。选择一个一体软件包，XAMMPhttps://www.

2016-12-20 15:30:24 428

原创 Ajax全接触(一)基础理论

什么是同步? 客户端要发起请求，服务器端要去处理，而且去响应，这时候客户端完全是等待，等待服务器端的处理和响应，当服务器端处理响应后客户端会重新载入页面。这时候如果你有错误，那么只能再次发起请求，再次等待。同步的事件会让人疯狂。同步和异步什么是同步客户端要发起请求，服务器端要去处理，而且去响应，这时候客户端完全是等待，等待服务器端的处理和响应，当服务器端处理响应后客户端会重新载入页面。这时候如果你有

2016-12-20 15:29:46 400

原创常见的BOM功能

window对象window对象是BOM的核心，window对象指当前的浏览器窗口。 window对象方法: 方法描述 alert() 显示带有一段消息和确认按钮的警告框 prompt() 显示可提示用户的对话框 comfirm() 显示带有一段消息以及确认按钮和取消按钮的对话框 open() 打开一个新的浏览器窗口或查找一个已命名的窗口 close()

2016-12-20 15:28:40 2991

原创 JavaScript 精粹基础进阶(9)OOP面向对象编程(下)

我们怎么去模拟重载，在javasceipr中我们可以通过参数的类型区别或者数量的区别，来去让同样一个函数名字，可以根据不同的参数列表的情况来去调用相应的函数。javascript中函数类型是不确定的，并且参数的个数也是可以任意的，那么我们可以通过判断实际传入的参数的个数，来去做一个模拟的重载，OOP(模拟重载、链式调用、模块化) 模拟重载function person() { var

2016-12-20 15:27:36 490

原创 JavaScript 精粹基础进阶(8)OOP面向对象编程(上)

面向对象编程，oop并不是针对与javascript，很多语言都实现了oop这样一个编程发法论，比如说java，c++，都是实现了oop的语言。概念与继承概念面向对象程序设计(Object-oriented programming OOP)是一种程序设计范型，同时也是一种程序开发的方法。对象指的是类的实例，它将对象作为程序的基本单元，将程序和数据封装其中，以提高软件的重用性，灵活性和扩展性。

2016-12-20 15:26:46 1892

原创 JavaScript 精粹基础进阶(7)函数和作用域（闭包、作用域）

闭包在JavaScript中是一个非常重要的概念。闭包例子function outer() { var loc = 30; return loc;};console.log(outer()); //30outer函数是一个函数声明，有一个局部变量loc赋值为30，返回loc。当这个函数调用之后，局部变量就会被释放了，function outer() { var loc

2016-12-20 15:26:07 405

原创 JavaScript 精粹基础进阶(6)函数和作用域（函数、this）

函数是一块JavaScript代码，被定义一次，但可执行调用多次，js中的函数也是对象，所以js函数可以像其他对象那样操作和传递所以我们也常叫js中的函数为函数对象。函数概述函数的构成主要有几个部分函数名,参数列表,函数体function foo(x, y) { if (typeof x === 'number' && typeof y === 'number') { ret

2016-12-20 15:25:04 401

原创 JavaScript 精粹基础进阶(5)数组

第一节、创建数组、数组操作数组概述数组是值的有序集合。每个值叫做元素，每个元素在数组中都有数字位置编号，也就是索引。JS中的数组是弱类型的，数组中可以含有不同类型的元素。数组元素甚至可以是对象或其它数组。例子：var arr = [1, true, null, undefined, {x : 1}, [1, 2, 3]]; 创建数组-字面量var BAT = ['Alibaba', 'T

2016-12-11 16:14:32 578

原创 JavaScript 误区

接触JavaScript两年多遇到过各种错误，其中有一些让人防不胜防，原来对JavaScript的误会如此之深，仅以此文总结一下常见的各种想当然的误区String replacestring的replace方法我们经常用，替换string中的某些字符，语法像这样子string.replace(subStr/reg,replaceStr/function)第一个参数是要查找的字符串或者一个正则表达式

2016-12-11 05:36:31 738

原创 setTimeout()和setInterval() 何时被调用执行

定义setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把它清除。从定义上我们可以看到两个函数十分类似，只不过前者执行一次，而后者可以执行多次，两个函数的参数也相同，第一个参数是要执行的code或

2016-12-11 05:35:26 470

原创 DOM事件探秘(2)事件类型

DOM有不同的事件类型，按大类分有鼠标事件，键盘事件。根据《DOM事件探秘》文章，我们来做几个综合实例。鼠标事件面板拖拽状态切换功能。演示地址：http://www.huanghanlian.com/DOM_Event_demo/Drag/ 知识点有的时候我们想通过class去取元素，这时候我们可以写个简单封装。<div class="box"> <div

2016-12-11 05:29:49 556

原创 DOM事件探秘

JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型，当文档、浏览器、元素或与之相关对象发生特定事情时，浏览器会产生事件。如果JavaScript关注特定类型事件，那么它可以注册当这类事件发生时要调用的句柄。理解事件流

2016-12-11 05:28:38 502

原创 JavaScript 正则表达式

正则表达式的主要作用是用来匹配字符，由于他简单且功能强大，所以它不仅用在javascript，很多高级语言JAVA,PHP等，也都支持正则表达式。工作原理通配符匹配技术

2016-12-08 00:17:55 415

原创 JavaScript 精粹基础进阶(4)对象

对象中包含一系列属性，这些属性是无序的。每个属性都有一个字符串key和对应的value。对象

2016-12-05 02:59:30 450

原创 JavaScript 精粹基础进阶(3)语句

JavaScript程序由语句组成，语句遵守特定的语法规则。例如：if语句, while语句, with语句等等。语句

2016-12-05 02:58:13 922

原创 JavaScript 精粹基础进阶(2)表达式和运算符

表达式是指能计算出值得任何可用程序单元。——Wiki 表达式是一种JS短语，可使JS解释器用来产生一个值。——《JS权威指南》表达式和运算符

2016-12-05 02:56:45 387

原创 JavaScript 精粹基础进阶(1)数据类型

数据类型 JavaScript六种数据类型JavaScript一共有六种数据类型，其中有五种原始类型，和一种对象类型。 JavaScript 隐式转换var x='The answer'+42;//The answer42var y=42+'The answer';//42The answer这里的加号可以理解为字符串的拼接var x="37"-7; //30var y="3

2016-12-05 02:53:58 363

原创 git工作常用手册

git工作常用手册

2016-11-11 21:19:51 506

原创 Git-github-实用笔记(上)

Git-github-实用笔记(上)

2016-11-09 22:50:13 1239

原创 sublime text3实用教程-安装js智能提示插件

转载请注明出处原文连接http://blog.huanghanlian.com/article/5c7f637d0577597db4c0a289在诸多工具中，Sublime Text无疑是一款利器，它界面优美、功能强悍、性能令人惊讶，需要注意的是，它并不是IDE，而是一个单纯的文本编辑工具，但其代码高亮显示、语法提示、自动完成且反应快速，还有各种丰富插件的支持，使得文本编辑过...

2016-11-09 22:32:24 62869 1