- 博客(81)
- 收藏
- 关注
转载 观察者模式
一、什么是观察者模式 观察者模式又叫做发布—订阅模式,是我们最常用的设计模式之一。它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知和更新。观察者模式提供了一个订阅模型,其中对象订阅事件并在发生时得到通知,这种模式是事件驱动的编程基石,它有利益于良好的面向对象的设计。二、观察者模式的使用场景 1、实际上,只要我们曾经在DOM节点...
2019-09-10 09:55:00
248
转载 async与await
async/await的基础用法一、async/await的优点1)方便级联调用:即调用依次发生的场景;2)同步代码编写方式:Promise使用then函数进行链式调用,一直点点点,是一种从左向右的横向写法;async/await从上到下,顺序执行,就像写同步代码一样,更符合代码编写习惯;3)多个参数传递:Promise的then函数只能传递一个参数,虽然可以通过包装...
2019-09-09 15:44:00
238
转载 PHP链接数据库
1. PHP内置函数介绍先介绍一些PHP的常用函数作为参考,再进行操作就很容易了。1)连接数据库Mysql_connect(ip,用户名,密码) or die (‘连接失败!’);2)选择数据库(两种方法)方法一: Mysql_query(‘use 数据库名’);方法二: Mysql_select_db(‘数据库名’);3)设置客户端的字符编码如果遇到了...
2019-09-09 10:29:00
505
转载 HTTP协议
一、HTTP的概念 HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写。 它的发展是万维网协会(World Wide Web Consortium)和Internet工作小组IETF(Internet Engineering Task Force)合作的结果,是用于从WWW服务器传输超文本到本地浏览器的传送协议。 它可以使浏览器更...
2019-09-03 12:01:00
236
转载 JQuery
一、jQuery简介 (一)jQuery 是一个快速、轻量级、可扩展的 js 库,它提供了易于使用的跨浏览器的API,使得访问dom,时间处理、动画效果、ajax请求变得简单;简化了JS对DOM的操作 (二)jQuery下载官网:https://jquery.com/download/二、jQuery版本 (一)压缩版:compressed, production ...
2019-09-02 12:11:00
120
转载 Vue-vuex
一、vuex是对数据的管理者 管理方式:集中式管理 数据 方法 计算 模块 可以解决vue当中的频繁传递繁琐问题,通过vuex来对数据进行传值;vuex可以对数据进行共享,并且某个组件数据发生变化,相对应的组件也会发生变化;也是双向绑定 使用: 下载:cnpm install vuex -S 引入:import vuex fr...
2019-09-02 12:10:00
81
转载 React-事件绑定
一、class方式定义组件事件绑定的几种方法由于类的方法默认不会绑定this,因此在调用时候如果忘记绑定,this的值将会是undefined。通常如果不是直接调用,应该为方法绑定this,绑定方式有以下几种: (一)在构造函数中使用bind绑定this 1 class Button extends React.Component { 2 con...
2019-09-02 12:10:00
126
转载 node
一、node.js (一)名词: 1、服务器:一台电脑 2、接口:地址 3、前端:能够直接呈现给用户的数据 4、后端:提供接口给前端 5、数据库:存储数据 (二)node 1、是一个运行JavaScript的环境,基于V8引擎由Google Chrome推出 2、node -v:查看版本号 3、c...
2019-09-02 12:08:00
95
转载 Node
一、客户端 vs 服务器二、静态页面 vs 动态页面三、什么是node.js 1.node.js是一个基于Chrome的V8引擎的JavaScript运行环境使用了事件驱动以及非阻塞的I/O式模型 nodejs中的npm是全球最大的包管理网站 2.V8引擎是一款最好的JavaScript脚本引擎 渲染引擎 3.I/O模型 I:input...
2019-09-02 12:07:00
92
转载 Vue-axios/resource
一、vue-resource老版本的请求数据 (一)使用: 1、引入:resource.js 参数1:请求地址 参数2:传递的值 参数3:回调函数名 2、通过then接收返回的结果 this.$http.jsonp("地址",{传递的值},{jsonp:"cb"}).then(data=>{})...
2019-09-02 12:06:00
101
转载 Vue-路由(router)
一、路由 (一)前端路由 每一个路由都是一个对象 (二)路由模式:mode 1、hash路由,会带#号的哈希值(默认) 2、history路由,不会带#号(要有后端支持),只在开发环境有效,在其他环境中,一旦刷新就会找不到,需要设置重定向 (三)路由的常用配置项 1、path:路由请求的路径 2、component:路由...
2019-08-27 14:32:00
146
转载 Vue-脚手架
一、脚手架(vue-cli) (一)什么是脚手架 概念:是一种用于快速开发Vue项目的系统架构 优点:能够帮助咱们快速的开发项目 缺点:由于脚手架适用于各种项目的开发,而不是单独的针对某一项目单独研发的,会出现代码冗余 (二)脚手架的使用: 1、安装脚手架 vue-cli 全局安装打开cmd运行:cnpm insta...
2019-08-27 14:30:00
164
转载 Vue-概念、指令、修饰符
一、Vue概念 (一)什么是Vue:渐进式JavaScript框架 (二)Vue特点:数据进行驱动 (三)两大核心:虚拟DOM,双向绑定 (四)版本: 1、开发版本:包含完整的警告和调试模式 2、生产版本:删除了警告,33.30KB min+gzip二、Vue指令 (一)指令:对HTML标签属性的一种扩展,以v-开头 1、v...
2019-08-27 14:29:00
155
转载 ES6
一、ES6概念 JavaScript是EMCAScript的一种,它只是一种标准,js一直被各个语言诟病,因为js的作用域让开发者困扰,也因为js在以前不算是面向对象的语言。ES6的出现,让js语言上了一个台阶。js在发展过程中,一直在完善自己的漏洞。ES6将弱类型的js提升为中弱类型。所以我们必须要学习ES6。二、定义变量 1.let是定义变量的关键字,特点是: ...
2019-08-27 14:25:00
77
转载 gulp安装流程、使用方法及CMD常用命令导览
gulp安装流程、使用方法及CMD常用命令导览 一、名词介绍:Npm——node包管理工具一开始我不理解,包管理工具是什么鬼。后来用到的gulp也好,gulp的插件包也好,都是要在npm这个里边弄出来的。可以理解为,一个硬盘,里边放的各种整理好的、适用于各种功能的且不重复的文件夹(插件),然后我们需要啥,就去里边摘下来。当然也可以用它来删除插件rimraf删...
2019-08-27 10:28:00
256
转载 gulp基础
一、什么是gulp? (一)gulp是前端项目的自动化构建工具二、gulp的作用 (一)常用的gulp插件 1、压缩JS 2、合并文件 3、重命名文件 4、编译sass 5、压缩css 6、压缩图片三、gulp依赖的运行环境: node.js四、安装node.js并测试是否安装成功五、全局安装gulp...
2019-08-27 10:26:00
141
转载 字符串及字符串的方法
一、字符串 JS中的任何数据类型都可以当作对象来看。所以string既是基本数据类型,又是对象。二、声明字符串 var sStr = ‘字符串’; var oStr = new String(‘字符串’);三、字符串属性 1.length计算字符串的长度(不区分中英文)。 var str = 'hello world'; console...
2019-08-27 10:21:00
180
转载 ES5
一、ES5简介 ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准的修正。 与HTML5规范进程本质类似,ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。二、ES5严格模式 目的: 1.消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为。...
2019-08-27 10:13:00
199
转载 JS的设计模式
一、什么是设计模式? (一)设计模式(Design Pattern)是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。二、单例模式 (一) 概念:单个实例,只有一个对象,多次创建,返回同一个对象。单例模式的核心:确保只有一个实例,并提供全局访问。 (二) 实现浮窗三、 组合模式 (一) 组合多个对象形成树形结构以表示具有“整体-部分”关系的层...
2019-03-14 21:04:00
150
转载 VSN与GitHub
一、VSN 和 GitHub (一)VSN集中化的版本控制系统:拥有一个单一的集中管理的服务器,保存所有文件的修订版本,而协同工作的人们都通过客户端连到这台服务器,取出最新的文件或者提交更新。 (二)GitHub分布式版本控制系统:客户端并不只提取最新版本的文件快照,而是把代码仓库完整地镜像下来。 这么一来,任何一处协同工作用的服务器发生故障,事后都可以用任何一个镜像出来的...
2019-03-13 09:45:00
469
转载 JS闭包函数的概念及函数的继承
一、闭包和函数 (一)什么是闭包函数 概念:简单说就是函数中嵌套函数,嵌套在这里面的函数叫做闭包函数,外面的函数叫做闭包环境 作用:通过闭包函数,可以访问到闭包函数所在局部作用域中的变量及参数 特点:闭包的特点或本质:将局部变量常驻内存,这既是它的优点也是它的缺点,使用不当还会造成内存泄漏 闭包的原理:闭包是利用JS中的垃圾回收机制,当一个函...
2019-03-11 22:09:00
129
转载 Promise的工作原理
一、什么是Promise (一)Promise是ES6新增的解决异步(非阻塞)中存在的问题而产生的构造函数二、Promise中的三种状态 pending(进行中) resoved(成功后) rejected(失败后)三、Promise.prototype.then : 当promise的状态返回resove时,则调用then()方法 Promise.prot...
2019-03-11 22:02:00
623
转载 JS原生的Ajax
一、Ajax的概念 (一)Ajax是一种在无需重新加载整个网页(刷新网页)的情况下能够更新部分网页的技术 (二)Ajax的全称是Asynchronous JavaScript and XML,即异步JavaScript+XML,它并不是新的编程语言,而是几种原有技术的结合体二、Ajax的优势 (一)无刷新更新数据 (二)异步与服务器通信 (三)前端和后端...
2019-03-11 21:54:00
154
转载 MySQL数据库的基本操作
一、mySQL数据库 (一)数据库的概念 1、概念:可以存储数据的一个仓库 2、结构化数据:以表格的形式展现,结构更清晰,这样的数据称之为结构化数据; 3、关系型数据库与非关系型数据库:读取文件速度非关系型更快 (二)数据库管理软件 1、一种对数据库文件进行管理的软件,通常简称数据库 2、常见的数据库管理软件:Oracle、M...
2019-03-11 21:51:00
108
转载 PHP基础语法
一、1、服务器和客户端客户端 程序: 通过浏览器直接运行服务器 程序: 通过安装某种服务器软件 程序才可以运行 apache php文件 tomcat jsp文件 iis .asp文件 .net服务器文件必须在某种协议下运行 http 和 http...
2019-03-11 21:49:00
123
转载 JS原型链
一、创建对象的方法 (一)在了解原型链之前,首先先了解一下创建对象的几种方式,介绍以下三种。 代码:<script type="text/javascript"> // 第一种方式:字面量 var o1 = {name: 'o1'} var o2 = new Object({name: 'o2'}) ...
2019-03-11 21:05:00
82
转载 JS兼容问题
//1.滚动条到顶端的距离 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;//2.滚动条到左边的距离 var scrollLeft = document.documentElement.scrollLeft || document.body.ScrollLeft;//...
2019-02-26 16:06:00
67
转载 ES5与ES6
一、ES5及ES6 (一)严格模式 (二)bind/call/apply(改变上下文this指向,都是函数对象的方法) 1、bind:返回值是一个函数 2、call:返回值是一个对象 3、apply:返回值是一个对象 (三)JSON.parse/JSON.stringify 1、JSON.parse():将json字符串转为jso...
2019-02-25 09:33:00
186
转载 正则表达式
一、正则表达式 (一)正则的概念 1、正则表达式是一种特殊的字符串模式,用于匹配一组字符串,就好比用模具做产品,而正则就是这个模具,定义一种规则去匹配符合规则的字符 (二)创建正则的方式 1、字面量的方式:/正则表达式/标志位; 2、构造函数方式:new RegExp('正则表达式','标志位') (三)正则表达式的方法 1、正则...
2019-02-23 08:54:00
94
转载 Cookie
一、cookie (一)什么是cookie: 1、就是会话跟踪技术,存放在客户端浏览器中的一段文本信息 2、会话:从浏览网站开始到结束的这个过程称为一次会话,浏览器关闭,表示会话结束 3、会话跟踪技术:客户端向服务器请求数据,多次请求时,实现数据共享的过程,称为会话跟踪技术 (二)cookie的存取 1、document.c...
2019-02-21 10:06:00
94
转载 JS浏览器的默认行为及阻止行为
一、浏览器的默认行为以及阻止行为 (一)右键菜单事件:oncontextmenu; 阻止:return false; (二)超链接的默认行为:跳转; 阻止:标准浏览器:event.preventDefault(); IE8及以下:event.returnValue = false; 兼容:event.preventDefau...
2019-02-20 10:58:00
1973
转载 JS的事件对象
一、什么是事件对象(黑匣子) (一)事件: onclick ondblclick (二)当绑定对象的事件被触发时,所发生的所有详细信息都会保存在一个地方,这个地方称为事件对象 二、如何获取事件对象 (一)标准浏览器:给事件触发函数传递的第一个参数; (二)IE浏览器:全局对象的属性window.event; (三)兼容:ev...
2019-02-19 08:54:00
123
转载 JS获取元素,节点的方法
一、设置或获取元素对象中(标签中)的属性和自定义属性 对象.属性 对象['属性'] 对象.getAttribute('属性名') 对象.setAttribute('属性名','属性值'); 对象.removeAttribute('属性名')二、outerHTML : 当前节点对象及所有子节点(标签及所有内容) innerHTML : 当前节点中所有的内容...
2019-02-18 09:01:00
212
转载 JS的BOM与DOM
一、BOM (一)概念:是 Browser object model 的缩写,简称浏览器对象模型。 BOM 提供了独立于内容而与浏览器窗口进行交互的对象 由于 BOM 主要用于管理窗口与窗口之间的通讯,因此其核心对象是 window (二)Window窗口对象 1.Window 对象是 BOM 的顶层(核心)对象,所有对象都是通过它延伸出...
2019-02-16 09:57:00
107
转载 JS的一些内置方法
一、内置函数Math 1.Math 1)Math.abs() 求绝对值 2)Math.PI 圆周率 2.求近似值: 1)Math.round() 四舍五入(负数: >0.5 进一 <=0.5 舍去) 2)Math.ceil() 向上取整 3)Math.floor() 向下取整 3.求最值 ...
2019-02-14 15:11:00
463
转载 JSES5扩展数组的方法及字符串的操作方法
一、ES5扩展方法 1.严格模式"use strict" 1)必须加在作用域的开头 2.数组扩展方法 1)indexOf(元素,从哪个下标开始查找) 作用:在数组中查找指定的元素第一次出现的下标位置,如果没有找到,返回-1 扩展:lastIndexOf(元素,从哪个下标开始向前查找) 作用:在数组中从后向前查找指定...
2019-02-12 20:25:00
188
转载 JS数组及操作方法,堆和栈的概念
一、数组 1.数组就是个容器,里面可以存放任意类型的数 2.定义数组:1)var arr = []; 2)var arr = new Array();构造函数定义方式,如果括号中有一个整数,该正数代表的是数组的长度 3.数组长度属性:length 4.数组的数据类型:Object 5.取出数组中的数据:数组名[下标],下标从0开始,最大下标...
2019-02-12 19:58:00
693
转载 JS变量作用域,浏览器预解析
一、变量的作用域 1.作用域:变量的作用范围 2.全局变量:变量在整个程序都是有效的(从程序开始到程序结束变量均有效)在函数体外部定义的变量都是全局变量;在函数体内部 没有用var定义的变量也有可能是全局变量 3.局部变量:变量只能在函数体的内部使用,跳出函数体后局部变量自动销毁 在函数体内部通过var定义的变量或函数的形式参数 4.作用域链:在函数体内部修改某个...
2019-02-12 19:57:00
108
转载 JS函数的基本概念
一、什么是函数 将反复使用的功能代码,封装成一独立的模块,这个模块叫做函数二、封装函数的好处 1.一次封装,多次使用 2.使程序可控三、函数的分类:内置()函数和自定义函数四、函数的数据类型(function)五、如何声明函数 1.语句定义法(任何地方都可以调用) function 函数名(【形参】){ 功能模块(函数体);...
2019-02-12 10:46:00
156
转载 JS循环语句
一、什么是循环结构 满足一定条件,(((重复)))执行一段相同的代码二、循环思想是什么(循环三要素) 开始 结束 步长(步进)三、可以实现循环语句的有哪些 while do while for四、while:当型循环 格式:表达式1: while(表达式2){ 语句; 表达式3;...
2019-01-24 11:10:00
86
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人