- 博客(59)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Dart学习--002
Dart 语言特性dart 语言是一种面向对象的语言，它里面的一切变量都是对象，它具有如下特性：一切变量都是对象，每个对象都是类的实例。是强类型的语言，但是它具备类型推测的功能，变量声明的时候可以不用指定变量的类型。Dart的入口函数dart中所有要被执行的代码都需要放在main函数中void main() { /* 这里放需要执行的代码块 */}上面的代码中main函数前...
2019-09-26 22:02:27
195
原创 Dart学习--001
Dart介绍Dart是由Google开发的计算机编程语言,它可以被用于web、服务器、移动应用 和物联网等领域的开发。Dart诞生于2011年，号称要取代JavaScript。但是过去的几年中一直不温不火。直到Flutter的出现现在被人们重新重视。Dart语言现在的在最新稳定版本是2.5。Dart语言环境搭建如果要在本地开发Dart语言的话需要先安装Dart SDK官方文档地址：http...
2019-09-25 22:13:12
606
原创 VUE学习--01
什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一个前端框架Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。安装Vue1.直接下载源码然后通过路径引入开发版本：https://vuejs.o...
2019-06-06 23:47:44
134
转载 深度剖析：如何实现一个 Virtual DOM 算法
作者：戴嘉华链接：https://github.com/livoras/blog/issues/13目录：1 前言 2 对前端应用状态管理思考 3 Virtual DOM 算法 4 算法实现 4.1 步骤一：用JS对象模拟DOM树 4.2 步骤二：比较两棵虚拟DOM树的差异 4.3 步骤三：把差异应用到真正的DOM树上 5 结语 6 References1 前言...
2019-05-27 23:26:47
83
原创 nodejs学习--07
Node中的模块化什么是模块化js设计之初只是为了实现表单验证这样的简单功能，没设计模块化方案，所以js天生不支持模块化不支持模块化简单来说就是在一个js文件内不能引入其他js文件为了让js支持模块化，一些大神自己编写底层库文件，让js开始支持模块化js模块化规范有四种标准： AMD CMD CommonJS ES6Node属于CommonJS标准使用模块化可以很好的解...
2019-05-27 23:06:34
78
原创 nodejs学习--06
MySQL数据库介绍什么是数据库存储数据的仓库。常见的数据库: MySQL、 Oracle、 Sqlserver、 DB2等。MySQL简介MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，目前属于 Oracle 旗下产品数据表的结构和excel一模一样：表结构:和excel表的结构是一样的。每一列都是一类数据 — 字段每一行代表一条数据 — 记录...
2019-05-27 22:59:21
302
原创 nodejs学习--05
npm概述npm（node package manager）翻译过来就是node包管理器包（package）是某个独立功能的封装，包是在模块基础上更深一步的抽象。简单理解：一个包中可以包含一组功能相近的模块再简单的理解，包就是node的插件，下载安装好就可以配合node使用了npm就是安装、卸载包的管理工具npm不用单独安装，安装完node，npm默认就安装好了使用npm安装No...
2019-05-25 23:06:47
90
原创 nodejs学习--04
http模块http服务器处理模块node不同于Apache，安装完node并没有一个能够提供Web服务环境，需要使用http模块自己来搭建>Web服务器http是一个系统模块，让我们能够通过简单的流程创建一个Web服务器http模块搭建Web服务器使用http模块搭建Web服务器创建 Web 服务器的步骤导入 http 核心模块创建 server 对象(serv...
2019-05-22 23:19:48
110
原创 nodejs学习--03
Node介绍Node全名是Node.js，但它不是一个js文件，而是一个软件Nodejs是一个基于Chrome V8引擎的ECMAScript的运行环境Nodejs可以执行js文件（有了Nodejs之后，js文件就能运行在服务器端了）Nodejs提供了大量的工具（API），能够让我们完成文件读写、Web服务器创建等功能nodejs中的JS和浏览器中的JS的区别安装了浏览器这个软...
2019-05-16 23:05:26
108
原创 nodejs学习--02
ECMAScript 6 介绍ECMAScript 6 又叫 ES2015，简称 ES6ES6 是继 ES4、ES5 之后的 JS 语言规范ES6 中增加了一些新的特性ES6 的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言2015年6月发布ES6 是新的 JS 的代码规范，提供了一些新特性，使我们可以开发大型应用ES6 弥补了 JS 语...
2019-05-14 20:18:04
202
1
原创 nodejs学习--01
HTTP 协议Web浏览器、服务器和相关的Web应用程序都是通过HTTP相互通信的。HTTP是现代全球因特网中使用的公共语言。HTTP 协议概述HTTP(HyperText Transfer Protocol) 超文本传输协议HTTP 是一种能够获取如 HTML 这样的网络资源的 protocol (通讯协议)。是一种 client客户端 - server服务器 同时要遵守的协议请求...
2019-05-13 23:32:29
155
原创 Ajax学习-03
封装ajax函数前面发送ajax请求的时候，总是要写大量重复的代码，用起来非常麻烦，为了简化ajax的使用，自己封装一个函数。/** * 发送一个 AJAX 请求 * @param {String} url 请求地址 * @param {String} method 请求方法 * @param {Object} params 请求参数 * @param {F...
2019-05-12 23:23:16
88
原创 Ajax学习-02
同步与异步关于同步与异步的概念在生活中有很多常见的场景，举例说明。同步：一个人在同一个时刻只能做一件事情，在执行一些耗时的操作（不需要看管）不去做别的事，只是等待异步：在执行一些耗时的操作（不需要看管）去做别的事，而不是等待xhr.open() 方法第三个参数要求传入的是一个 boolean 值，其作用就是设置此次请求是否采用异步方式执行，默认为 true，如果需要同步执行可以通过...
2019-05-07 22:44:07
58
原创 Ajax学习-01
AJAX 概念介绍“JavaScript 对我们而言能力有限”，我们目前所了解到的 Web 所提供的 API 都只停留在“单机游戏”的阶段。例如：无法在实现用户登录功能时，当用户输入邮箱地址显示用户对应的头像无法在实现用户注册功能时，当用户输入邮箱或者用户名就提示是否存在无法在实现留言板功能时，实时看到最新的用户留言总结：过去写的页面都是模拟的数据，刷新后页面数据还...
2019-05-06 23:02:36
80
原创 jQuery学习-04
jQuery操作尺寸height设置或者获取高度//带参数表示设置高度$(“img”).height(200);//不带参数获取高度$(“img”).height();返回值是number类型（比如200），而使用$(“img”).css(“width”)返回的是字符串（比如200px）width设置获取获取宽度，与高度操作功能一样//带参数表示设置宽度$(“img”).w...
2019-05-05 23:34:13
69
原创 jQuery学习-03
jquery操作DOM创建元素//$(htmlStr)//htmlStr：html格式的字符串$('<span>这是一个span元素</span>');添加元素添加新建的元素：//方法一：将jQuery对象添加到调用者内部的最后面。 var $span = $('<span>这是一个span元素</span>');$('div')...
2019-05-04 20:59:33
73
原创 jQuery学习-02
jQuery的两大特性1. 链式编程任意的设置操作后，都可以继续操作当前的jQuery对象。获取操作后，无法操作当前的jQuery对象 。函数根据功能划分为两种：获取型操作，设置型操作。返回值的设置方式： - 获取性操作必须有返回值； - 设置型操作不需要返回值。（不需要，不是不可以return） - 链式编程的实现方式：设置后返回 retuen this ;...
2019-05-04 20:40:55
93
原创 jQuery学习-01
什么是jQuery？说白了：jQuery就是一个js库，使用jQuery的话，会比使用JavaScript更简单。js库：把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。jQuery中提供一个顶级对象$ == jQuery学习jQuery，主要是学什么呢？学习jQuery，主要学习jQuery的一大堆的api。API：application p...
2019-04-28 23:15:43
101
原创 JavaScript基础19--正则表达式
JavaScript 中使用正则表达式正则表达式：是用来对字符串进行操作的一组工具。创建正则对象方式1：var reg = new Regex('\d', 'i');var reg = new Regex('\d', 'gi');方式2：var reg = /\d/i;var reg = /\d/gi;参数标志说明i忽略大小写g全局匹配...
2019-04-26 23:10:17
77
原创 JavaScript基础18--函数的闭包和递归
闭包函数函数内声明的变量成为局部变量，局部变量也称为私有变量，私有变量是无法在函数外使用。概念：能够操作私有变量的函数就称为闭包函数（在私有变量处于的作用域外进行操作）。作用：使变量私有化，确保数据的安全性（不会被随意修改）。通过内部子函数的方式，设置闭包函数功能。可以在返回的闭包函数中指定对私有变量的一种操作方式。通过返回对象的方式，对象中设置多个闭包函数结构。可以在对象中设置...
2019-04-25 23:20:31
118
原创 JavaScript基础17--函数的属性和方法
函数的属性length 代表形参个数（fun.length）。arguments属性 ，但是这个属性不被推荐使用了。推荐使用arguments伪数组对象进行实参操作。callee 用于获取函数的调用位置。全局中调用返回null ，在某个函数中调用，返回这个函数。arguments.callee属性 代表当前函数 。函数的方法callcall() 方法调用一个函数, 其具有一个指定...
2019-04-22 23:10:21
89
原创 JavaScript基础16--函数进阶
函数进阶函数的定义方式函数声明函数表达式new Function函数声明function foo () {}函数表达式var foo = function () {}函数声明与函数表达式的区别函数声明必须有名字函数声明会函数提升，在预解析阶段就已创建，声明前后都可以调用函数表达式类似于变量赋值函数表达式可以没有名字，例如匿名函数函数表达式没有变量提升，...
2019-04-19 23:18:55
126
原创 JavaScript基础15--原型和继承
更简单的原型语法我们注意到，前面例子中每添加一个属性和方法就要敲一遍 Person.prototype 。为减少不必要的输入，更常见的做法是用一个包含所有属性和方法的对象字面量来重写整个原型对象：function Person (name, age) { this.name = name this.age = age}Person.prototype = { type: '...
2019-04-15 20:07:48
80
原创 JavaScript基础14--面向对象和原型对象
JavaScript 面向对象编程面向对象介绍什么是对象Everything is object （万物皆对象）对象到底是什么，我们可以从两次层次来理解。(1) 对象是单个事物的抽象。一本书、一辆汽车、一个人都可以是对象，一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象，实物之间的关系就变成了对象之间的关系，从而就可以模拟现实情况，针对对象进行编程。(...
2019-04-15 16:48:22
126
原创 JavaScript基础13--同步和异步&touch事件
JavaScript是单线程语言，程序执行只有一个线程参与。JS在ES5引入的多线程的概念，但是实际上其他线程只能进行辅助操作，计算或者绘制。例如DOM操作 都是由主线程控制的。同步和异步JavaScript中的每个要执行的 功能 可以称为是一个任务，任务分为同步和异步两种。同步任务按照代码顺序，从上到下，从左到右，一次执行。某些任务较为耗时或者执行时间不确定，就不能采用同步任务了。异步...
2019-04-14 22:37:04
260
原创 JavaScript基础12--BOM属性和方法介绍
BOMBOM（Browser Object Model）：浏览器对象模型，提供了一套操作浏览器功能的工具。BOM包含的内容很多，但是很多东西都不太常用，在BOM中需要大家掌握的就一个东西，那就是定时器 。window对象window对象是一个全局对象，也可以说是JavaScript中的顶级对象像document、alert()、console这些都是window的属性，其实BOM中...
2019-04-11 23:43:45
93
原创 JavaScript基础11--节点操作和事件设置
克隆节点语法：node.cloneNode(deep)功能：克隆一个节点参数：deepfalse：默认值，表示浅复制：只会复制节点本身，不会复制节点的内部内容。true：深复制，会复制标签，以及标签内的所有内容克隆出来的节点跟原来的节点没有关系不要给要克隆的节点设置id获取元素的属性节语法：box.getAttributeNode(“id”)获取的是 id=”box”;...
2019-04-09 23:42:22
165
原创 JavaScript基础10-节点操作和键盘事件
节点节点的概念页面创建后，DOM会根据HTML文档结构生成文档树（又称节点树），HTML文档中的每个标签、文本、属性均为 ‘树’ 中的一个部分，这些组成部分称为 节点。节点根据形式不同，又有不同的分类，例如标签称为元素节点，文本称为文本节点，等等。节点树的根据 ‘树’ 中不同节点之间的关系，给我们提供了一套访问方式，用于方便对页面内容的操作。节点的属性节点分类：常见节点：元素节...
2019-04-07 23:11:39
171
原创 JavaScript基础09--DOM操作获取元素
取消标签默认样式许多标签具有默认的事件效果，例如a标签，默认点击后会进行跳转如果不希望执行跳转，可以在自定义事件代码最后设置return falsevar link = document.getElementById('link');link.onclick = function () { console.log('这是要执行的代码'); return false; // 阻止a标...
2019-04-05 22:25:27
123
原创 JavaScript基础08--DOM介绍和DOM属性操作
JavaScript的组成ECMAScript - JavaScript的核心 （必需）ECMAScript是JavaScript的核心，描述了语言的基本语法和数据类型。ECMAScript是一套标准，但标准与 具体实现 无关。BOM - 浏览器对象模型 （工具）通过BOM可以操作浏览器，比如：弹框、控制台操作、浏览器跳转、获取坐标与分辨率等信息。DOM - 文档对象模型 （工具）...
2019-04-05 22:13:56
114
原创 JavaScript基础07--Math、Array、String内置对象介绍
内置对象JavaScript中的对象分为3种：内置对象、自定义对象、浏览器对象JavaScript 提供多个内置对象：Math/Array/Date…对象只是带有属性和方法的特殊数据类型。Math对象Math对象具有数学常数和函数的属性和方法，都是以静态成员的方式提供跟数学相关的运算来找Math中的成员（求绝对值，取整，获取随机数等等）Math.PI // 圆周率Math...
2019-03-30 23:19:00
99
原创 JavaScript基础06--JS对象的创建方式
对象为什么要有对象对象能够将一组具有“内在联系”的数据，集合为一个操作单位，方便数据的处理。比如，一个人，具有的数据包括：name， age， sex， edu， salary，等等。则如果只用传统基本类型的变量，就会需要多个变量来记录，而用对象变量，则只要一个变量就可以。什么是对象现实生活中：万物皆对象，对象是一个具体的事物，一个具体的事物就会有行为和特征。举例： 一个人，一部车...
2019-03-29 21:30:20
90
原创 JavaScript基础05--作用域和预解析
代码规范1.命名规范 变量、函数 的命名 应用中要尽量做到“见名知意” 变量 的名称一般用名词 函数 的名称一般用动词2.变量规范 操作符的前后要有空格 var name = 'zs'; var result = 5 + 6;3.注释规范 // 这里是注释4.空格规范 if (true) { } for (var i = 0; i <= 10...
2019-03-25 23:19:17
200
原创 JavaScript基础04--数组和函数介绍
数组数组的概念所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组的定义数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。通过数组字面量创建数组// 创建一个空数组var arr1 = []; // 创建一个包含3个数值的数组，多个数组项以逗号隔开var arr2 = [1, 3, 4]; //...
2019-03-23 23:00:48
79
原创 JavaScript基础03--分支结构和循环结构
运算符的优先级优先级从高到底 1. () 优先级最高 2. 一元运算符 ++ -- ! 3. 算术运算符 先* / % 后 + - 4. 大小比较运算符 > >= < <= 5. 相等比较运算符 == != === !== 6. 逻辑运算符 先 && 后 || 7. 赋值运算符...
2019-03-22 23:14:02
161
原创 JavaScript基础02--数据类型转换和运算符
字面量在源代码中一个固定值的表示法。数值字面量：8, 9, 10.24字符串字面量：‘Hello word’, “JavaScript”布尔字面量：true，false注释单行注释用来描述下面一个或多行代码的作用// 这是一个变量var name = 'hm';多行注释用来注释多条代码/*var age = 18;var name = 'zs';consol...
2019-03-21 23:02:26
92
原创 JavaScript基础01--变量和数据类型介绍
JavaScript是什么JavaScript是一种运行在客户端(浏览器) 的编程语言，用来给网页添加动态功能。JavaScript最初的目的演示，最初的目的是为了处理表单的验证操作。JavaScript现在的意义(应用场景)JavaScript 发展到现在几乎无所不能。网页特效服务端开发(Node.js)命令行工具(Node.js)桌面程序(Electron)App(Cor...
2019-03-20 22:11:31
224
原创 HTML5基础-6
伸缩布局(flex)概念伸缩布局[弹性布局]Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性.任何一个容器都可以指定为 Flex 布局。设置盒子为伸缩盒子display: flex;例如:.box {display: flex;}伸缩盒子两条轴主轴(main axis): 默认水平从左向右侧轴(cross axis):...
2019-03-17 21:54:53
63
原创 HTML5基础-5
移动web屏幕适配屏幕尺寸指的是屏幕对角线的长度屏幕分辨率(像素)例如: 1366 * 768 px指的是在水平方向有1366个像素点,在垂直方向有768个像素点长度单位介绍相对长度单位: px (像素), em ...绝对长度单位: 英寸(in) | 厘米 (cm)像素密度(PPI)概念: 每英寸所能容纳像素点的个数 (像素密度越大,画面越精细,反之越粗糙)...
2019-03-10 21:31:29
83
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人