- 博客(20)
- 收藏
- 关注
原创 React + Typescript,使用react-boilerplate-cra-template创建react项目
React + Typescript 使用 react-boilerplate-cra-template 创建 react 项目Create react app use react-boilerplate-cra-template.使用 cra-template-rb 模板,配合 create-react-app 命令npx create-react-app --template cra-template-rb your-app-name如果有已经存在的git项目,可以先将空的git项目clo
2020-09-07 11:58:04 636
原创 JavaScript BOM 深入 —— 变更this指向与闭包
一、JavaScript 闭包 闭包概述 基本描述:一个拥有许多变量和绑定了这些变量的环境的表达式(通常时一个函数),因而这些变量也是该表达式的一部分。 相关理论: (1)JavaScript语言允许使用内部函数,即允许在一个函数内部进行另外一个函数的声明。 (2)JavaScript语言允许存在链式作用域(chain ...
2018-06-22 17:40:07 235
原创 JavaScript Event 事件对象与委托
一、JavaScript 非IE浏览器下Event事件对象 Event 事件对象 基本描述:当dom tree中某个事件被触发的时候,会同时自动产生一个用来描述事件所有的相关信息(比如触发事件的元素、或者是事件的类型)的对象,这个对象就是event(事件对象)。 相关说明: (1)事件本身是一个抽象的概念,我们将其理解为交互。但是在程序中不能...
2018-06-17 19:01:58 243
原创 JavaScript 事件类型
一、JavaScript 文档事件(上) 文档事件 基本描述:和鼠标事件这种需要用户主动做出某些操作以此来触发的事件不同之处在于,文档事件中大部分并不需要用户主动触发,而是会在文档加载至不同状态时自动调用。 基本内容: (1)文档彻底加载成功/失败时,自动触发事件:load/error; 语法:node.onlo...
2018-06-10 18:10:34 257
原创 JavaScript 事件基础
一、JavaScript 事件概述 事件 基本描述:是可以被js检测到的行为,实质上是一种交互操作。 具体事例:可以给某按钮添加一个onclick点击事件的事件监听,当用户对按钮发生点击时来触发监听所绑定的回调函数。用户对按钮做出的点击,这件事情,本质上就是一种交互操作。而这个交互操作在JavaScript中我们就称之为【事件】。 事件作用: ...
2018-06-09 16:46:57 255
原创 JavaScript DOM 深入
一、DOM、Document节点概述 DOM、Document节点与Node节点的关系 基本描述: (1)DOM全称为Document Object Model (文档对象模型),是一套用来管理控制html文档的规则。 DOM规则中规定: a,DOM将其范畴内的所有对象都称为节点(node)。 ...
2018-06-09 15:20:42 188
原创 JavaScript语法深入(二)
一、JavaScript变量深入 变量提升 基本描述:变量提升是JS中对于变量访问的一种机制,其包括变量提升、函数内的变量提升和函数名提升三种。 机制描述:在全局作用域中通过var声明的变量、在函数作用域内部使用var声明的变量以及通过function命令声明的函数,在代码执行之前,其声明部分都会被默认提升到代码头部的操作,称为变量提升。 注意事项:...
2018-06-03 19:20:24 130
原创 JavaScript语法深入(一)
一、JavaScript概述 核心包括两个部分:基本的语法构造、标准库 主要调试工具:控制台(ctrl+shift+J / F12) 标准与原名:ECMAscript 名词解释:(1)变量:其表示的值可以发生改变的量称为变量。 (2)语句:一般JavaScript中以分号结束一条语句,通常习惯上来讲一行只写一个语句。 变量命名规...
2018-06-01 21:58:41 183
原创 JavaScript BOM 概述与内置对象
一、BOM概述BOM(Browser Object Model)即浏览器对象模型,是一套用来管理控制浏览器的规则。(1)BOM和DOM很像,都是一套管理抽象对象的规则。(2)BOM主要负责页面与页面之间的通讯。(3)BOM的核心对象是window对象,通常情况下说BOM一般都是说的window对象。(4)BOM因为是对浏览器进行管理的规则,因此并没有统一的标准。二、BOM与DOM的关系DOM通过d...
2018-05-29 21:58:45 713
转载 getElementsBy和querySelectorAll区别
不论是querySelectorAll还是getElementsByTagName/getElementsByClassName/getElementsByName都是在编写JavaScript脚本的时候获取dom节点列表常见的操作。那么querySelectorAll相比get系列的方法有什么区别呢? 1、W3C标准 querySelectorAll 属于W3C中的S...
2018-05-27 14:50:27 860
原创 JavaScript鼠标移动粒子跟随效果
※ 如上图是最终显示效果,跟随鼠标的移动,生成的粒子跟随。 需要用到的js库:Underscore。Underscore是一个JavaScript实用库,提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象。它是这个问题的答案:“如果我在一个空白的HTML页面前坐下,并希望立即开始工作,我需要什么?”...它弥补了部分jQuery没有实现的功能,同时又是Backbo...
2018-05-21 21:15:57 6065
原创 数据持久化之cookie、localStorage、sessionStorage
数据持久化(数据本地化)是一种将数据“长久”的保存在客户端的技术操作※ cookie 由于cookie是存储在客户端本地的,因此可以作为一些必要信息的存储容器(登录信息)。① 前端设置cookie 写入:document.cookie = "key=value;expires=过期时间戳"; 读取:document.cookie; 删除:document.cookie = ...
2018-05-16 22:19:05 410
原创 JavaScript Cheat Sheet (JavaScript备忘录)(二)
JavaScript DatesDate()setMonth()getDate()setFullYear()getDay()setHours()getMonth()setMinutesgetFullYear()setSeconds()getYear()setMilliseconds()getHours()setTime()getMinutes()setUTCDate()getSeconds()se...
2018-05-13 22:12:47 536
原创 JavaScript Cheat Sheet (JavaScript备忘录)(一)
JavaScript Event HandlersonAbortonMouseDownonBluronMouseMoveonChangeonMouseOutonClickonMouseOveronDblClickonMouseUponDragDroponMoveonErroronResetonFocusonResizeonKeyDownonSelectonKeyPressonSubmitonKey...
2018-05-13 21:29:03 407
原创 封装Ajax与跨域
一、为什么要封装Ajax (1)原生的方式过于繁琐,并且大量重复代码。var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject(""); // 异步对象声明xhr.onreadystatechange = function(){ // 事件监听 if(xhr.readyState == 4...
2018-05-10 21:16:39 876 1
原创 Ajax与Http协议
一、Ajax与Http协议详解 Ajax全名为Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),是指围绕【由js向服务器发起http请求】这个功能而开发的一整套完整的做法。换言之,ajax和dom、bom类似,都是为了解决某些问题而提出的一套规则,而我们学习的正是这些规则中用来解决问题的办法。 Ajax模块在处理网络请求的时候,...
2018-05-09 20:46:20 3186 1
原创 PHP基础入门(三)
一、MySQL PDO对象1. singleton 单例模式,是一种构造类的设计模式。其目的是为了在全局获取这个类的对象时总是能获取到唯一的对象,而不是每次实例化都创建出一个新的对象。特别是在DB操作中,DB连接(连接人)这种对象就必须通过单例模式来实现的。2. PDO与DB PDO即PHP数据对象(PHP Data Object)。PDO可被视为一个工具,而这个工具为PHP访问数据库定义了一个轻...
2018-05-08 21:19:06 267 1
原创 MySQL数据库基本入门
一、MySQL数据库简介 MySQL是一种开放源代码的关系型数据库管理系统(RDBMS),使用最常用的数据库管理语言--结构化查询语言(SQL)进行数据库管理。 MySQL是开源的,因此任何人都可以在General Public License的许可下下载并根据个性化的需求对其进行修改。 MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下,M...
2018-05-06 18:26:12 364
原创 PHP基础入门(二)
一、php中的类和对象 关键字 class 类名 { 类内部结构 },类名命名规则和变量名一样,一般以大写字母开头。 对象是类的实例,要创建一个类的实例,必须用 new 关键字。类应在被实例化之前定义。$对象名 = new 类名(); 可以不加小括号。<?php class Peo { $pname = "human"; // 属性 function pFu...
2018-05-04 19:59:10 176
原创 PHP基础入门(一)
一、php基本语法 1、开始标记<?php,结束标记?><?php php代码写在这里面?> 2、每个语句都要用分号 ; 结束,不然会报错。注释用js的注释即可。<?php 这是一行代码; // 单行注释 /* 这是多行注释 这是多行注释 这是多行注释 */?>3、echo是php中...
2018-05-03 22:37:50 368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人