- 博客(35)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Angular2 表单验证
1.实现双向数据绑定：<div class="label"> <label>测试一： <input type="text" [(ngModel)]='str' > <span>{{str}}</span> </label></div>
2018-08-20 16:10:26
747
原创 TypeScript 基础
1.什么是 TypeScript：（1）TypeScript 是一种由微软开发的开源的编程语言，它是 JavaScript 的一个超集，拓展了 JavaScript 的语法；（2）现有的 JavaScript 代码可与 typescript 一起工作无需任何修改；（3）typescript 可处理已有的 JavaScript 代码，并只对其中的 typescript 代码进行编译；...
2018-08-20 16:09:31
418
原创 Vue.js -- 渐进式JavaScript框架（4）
1.Vue.js 中父级和子级间通信（练习）：<body> <div id="app"> <father></father> </div> <script> //创建父组件 Vue.component('father',{
2018-08-20 16:07:33
244
原创 Vue.js -- 渐进式JavaScript框架（1）
1.Vue.js 是什么：Vue 是一套用于构建用户界面的渐进式框架（由易到难），也能够完成复杂的单页面应用；2.Vue.js 的安装使用：（1）使用 bower 下载安装 vue；（2）进行导入（路径在 vue 中的 dist 文件夹中）3.Vue.js 的指令（部分）：<body> <div id="view"> ...
2018-08-20 16:07:18
986
原创 gulp - 项目构建工具
1.通过 npm 安装 gulp：（1）npm 初始化：npm init；（2）安装在开发项目中：npm install gulp --save-dev（3）现在大部分人会直接用 npm 进行安装前后台管理的包； 前台的包使用：--save 安装；后台的包使用 --save-dev 安装；2.使用 gulp 的步骤：（1）导入 gulp 时必须要新创...
2018-08-20 16:07:02
177
原创 Vue-cli ----- 搭建 Vue 开发环境的脚手架
1.Vue-cli：Vue-cli 是专门搭建 vue 开发环境的脚手架，它是基于 webpack 的；2.安装 Vue-cli：（1）安装：npm install vue-cli -g（2）检测是否安装，查看版本：vue -V3.生成项目模板：（1）在一个空文件夹中生成项目模板：vue init webpack-simple 自己的项目名称（完成之后会生成含...
2018-08-20 16:06:47
223
原创 JavaScript基础 ----- 一些概念杂谈（3）
1.this指向：（1）new 调用时指的是被构造的对象；（2）call，apply 调用，指向我们指定 的对象；（3）对象调用时，this 指向那个对象；（4）默认状况下，指向全局变量 window；var add = function(){ console.log(this) //指向window}add()function str(){ ...
2018-08-20 16:06:27
166
原创 Vue.js -- 渐进式JavaScript框架（2）
1.Vue.js 的计算属性：计算属性（computed）：定义的是一些方法，在方法中完成复杂的逻辑运算，相比 methods 属性对应的方法，具有依赖缓存的优势；<body> <div id="module"> <h1>{{str}}</h1> <h4>{{'计算后的处理数据为:' + ...
2018-08-20 16:06:07
252
原创 Vue.js -- 渐进式JavaScript框架（3）
1.Vue.js 中父级与子级组件间的通信：注意：父级操控父级，子级操控子级，随后再进行连接；<body> <div id="module"> <h1>{{str}}</h1> <father></father> </div> &
2018-08-20 16:05:47
250
原创 JavaScript基础 ----- 一些概念杂谈（2）
1.变量声明提升：console.log(a); //undefinedvar a = 123;此处的变量声明部分会被提升，赋值部分不会被提升（相当于没有给a赋值），所以输出undefined；a = "hello";console.log(a) //hellovar a = 123;改动之后，将a赋予一个值，这样才会有输出；2.函数表达式...
2018-08-20 16:05:01
190
原创 Express （Node.js 框架）
1.Express 框架的使用： （1）导入 express 模块包（前提需要通过 npm 将 express 包安装好）；var express = require("express") （2）创建一个 express 应用：var app = express() //这样就可以直接通过app使用express中的方法2.创建服务器的例子（...
2018-08-20 16:02:17
581
原创 Angular2 一些概念杂谈
1.constructor 和 ngOnInit 的区别：（1）constructor 是 ES6 中类（class）的自身属性，和 Angular 无关，在页面初始化时就被调用；（2）ngOnInit 是属于 Angular 生命周期的一部分，在第一轮生命周期 ngOnChanges 完成之后调用，并且只调用一次，初始化指令/组件；（3）在 Angular 中，constructor...
2018-08-20 15:46:24
203
原创 VScode 编辑器使用
1.VScode 编辑器：（1）VScode 全称是：Visual Studio Code ，是由微软开发的一款免费的，跨平台的文本编辑器，内含很多丰富的性能和插件；（2）VSC 中有一个扩展和主题市场，内还有很多插件；（3）VSC 中还可以运行终端，比如 cmd 命令；2.下载安装 VSC：（1）从官网进行下载安装：https://code.visualstudio.com/...
2018-08-14 22:01:43
2038
原创 Git 和 GitHub 的使用
1.什么是 Git：（1）Git 是世界上最大的分布式版本管理工具，GitHub 是项目托管平台，可以将自己所写的项目托管到这个平台上，也可以在平台上进行下载，修改和使用；（2）Svn 是集中式版本管理工具；（3）集中式版本管理工具：版本都存放在中央处理器，工作的时候先从中央处理器获取最新版本，然后写自己的项目，写完后再推送给中央处理器；（4）分布式版本管理工具：没有中央处理器，每...
2018-08-11 09:22:59
286
原创 Angular.js -- 基础（3）
1.Angular.js 中的单页面：（1）单页面：英文（SPA）,就是单页面应用程序，利用 a 链接中的 # 锚点链接，在一个页面中，实现对其他页面的跳转；（2）在原生的 js 中，实现单页面得需要利用 ajax 和服务器的搭建，利用服务器传到 ajax 中的值来操作其他页面的跳转；2.实现 Angular.js 中单页面的步骤：（1）通过 bower 下载导入 angular；...
2018-07-30 09:42:12
239
原创 JavaScript基础 ----- a++ 和 ++a 的区别
1.a++ 和 ++a 的区别：（1）a++ ：存储新值，用旧值（上一个值）来计算，也就是输出旧值；（2）++a ：存储新值，用新值（当前的值）来计算，也就是输出新值；2.实例：（1）var a = 0;console.log(a++) //输出0// 1 存储新值// 0 用旧值计算（输出）（...
2018-07-27 09:08:16
6103
2
原创 Angular.js -- 基础（2）
1.Angular.js 过滤器：九种自带的过滤器：<body ng-app="App"> <ul ng-controller="dome"> //（1）：currency:将货币格式化 <li>{{price | currency:"$"}}元</li>
2018-07-25 20:42:09
177
原创 MongoDB 数据库基础
1. MongoDB 数据库： MongoDB 数据库是非关系型数据库，没有库和表，有json对象2. MongoDB 中主要的应用程序： mongo.exe ： 使用数据库 mongod.exe ： 开机 mongoimport ： 导入数据3. 使用 MongoDB 的主要步骤： 操作（将 MongoDB 配置成环境变量，方便在cm...
2018-07-23 15:26:08
240
原创 npm & bower -- 前台包管理工具
1.包管理工具： （1）npm：管理后台的包（express，ejs，jade，webpack，grunt，bower 等）； （2）bower：管理前台的包或者框架（jquery，bootstrap，vue，angular，react 等）；2.使用 npm 包管理： （1）npm 使用步骤： 第一步：先在要安装 npm 的文件中打开 ...
2018-07-23 15:23:16
731
原创 Angular.js -- 基础（1）
1.Angular 介绍（Chorme公司）：（1）Angular.js 是一个 JavaScript 框架，它可通过 <stript> 标签添加到 HTML 页面中（建议放到 <body> 元素的底部）；（2）Angular.js 通过指令扩展了 HTML，且通过表达式绑定到 HTML 中；（3）Angular.js 的特征：模块化；双向数据绑定；标签语义化；...
2018-07-23 10:05:16
339
原创 ES6 基础 - 02
1.箭头函数： 在ES6以前，写函数表达式的格式为：var a = function b(){ console.log('hello')}a() //"hello" ES6中出现了箭头函数，简写了代码，格式为：var a = () => { //()中为参数 console.log('world')}a() ...
2018-07-02 23:49:11
161
原创 JavaScript基础 ----- 一些概念杂谈（1）
1.document.write 、 innerHTML 、innerText 三者的区别： document.write()：是重写整个document，写入的内容是字符串的html； innerHTML：是DOM页面元素的一个属性，代表该内容的html内容，可以精确到某一个具体的标签元素进行更改，不会导致页面全部重绘； innerText：是从起始位置到终止位置...
2018-07-02 18:51:31
171
原创 JavaScript基础-----事件冒泡和阻止
1.事件冒泡： 假设一个html结构中两个标签存在父子层级关系，父盒子和子盒子都绑定同一个事件的方法；当点击子盒子时会执行两次方法，也就是将父盒子的事件方法也执行了，也就是由里向外依次执行，这就是所谓的事件冒泡（从里向外进行传播）；摘自原作者的例子：<!DOCTYPE html><html><head><meta charset="utf-8"&...
2018-06-30 18:11:32
351
1
原创 HTML + CSS 一些概念杂谈（1）
1.如何理解CSS的盒子模型： （1）盒子模型包含了：内容（content）、外边距（margin）、内边距（padding）、边框（border） （2）盒子模型还分两种：IE盒子模型 & 标准W3C盒子模型： W3C中的 width = content 的 width， IE中的 width = content + padding + ...
2018-06-30 11:24:11
410
1
原创 ES6 基础 - 01
1.什么是ES 6： ES 6 全称 ECMAScript 6.0，也叫 ES 2015，它是2015年6月发布的，是JavaScript语言的下一代标准，它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 ECMAScript 和 JavaScript 的关系：前者是后者的规格，后者是前者的一种实现。2.浏览器对ES6的支持：...
2018-06-28 15:46:45
216
原创 JavaScript基础-----js时间线&异步加载
1. JavaScript加载时间线（理论）： js本是单线程执行，浏览器为几个明显的耗时任务单独开辟线程解决耗时问题（也就是 异步） 时间线：浏览器在运行一个页面时，首先会初始化js的功能，当初始化初试完js这一个功能后，也就是js开始发挥作用那一刻，开始记载着这一系列浏览器要发生的过程； 这一系列顺序分为十个步骤： （1）.创建 Document 对象，...
2018-06-26 17:26:10
611
原创 JavaScript基础-----Ajax
1.什么是Ajax： AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。 Ajax包含下列技术： 基于web标准（standards-based presentation）XHTML+CSS的表示； 使用 DOM（Document Object Model）进行动态显示及交互； ...
2018-06-26 00:40:52
171
原创 JavaScript基础-----预编译
1. JavaScript 的运行： JavaScript有一个特点，就是浏览器在执行JavaScript代码时会逐行执行，一行代码错误，其后面的代码块都不会被执行出来，那么，在脚本执行js引擎的时候，会产生三个步骤： （1）语法分析：检测代码有没有错误 （2）预编译环节 （3）根据编译好的进行逐行执行（最后才会进行逐行执行）2. 预编译环节： ...
2018-06-25 23:30:01
183
原创 JavaScript基础-----DOM操作
1. DOM 的理解： （1）DOM：全拼（Document Object Model），文档对象模型，当网页被加载时，浏览器会创建页面的文档对象模型 （2）对于JavaScript，通过可编程的对象模型，JavaScript就获得了足够的能力来创建动态的HTML:JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性Jav...
2018-06-20 11:50:57
210
原创 JavaScript基础-----数组（Array）
1.JavaScript 中创建数组的方法： （1）.使用Array构造函数： var arr = new Array(); //创建一个空数组var arr = new Array(5); //传递一个整数时，表示创建了一个长度为 5 的数组，如果传递一个字符串，则表示创建了包含这个字符串的数组var arr = new Array(5,"abc",20) ...
2018-06-18 15:42:50
518
原创 JavaScript基础-----数据类型及转换
1.JavaScript 简介：JavaScript是互联网上最流行的脚本语言，所有现代的HTML都使用JavaScript。既然是脚本语言，那么它的特点就有一下三种： （1）弱类型； （2）解释型语言（不需要编译）； （3）逐行执行，一行代码错误，其后的代码块都不会继续执行； （4）<script>标签可直接嵌入到HTML文件中，位置是任意...
2018-06-10 19:07:21
1188
2
原创 JavaScript基础-----创建对象的三种方法
在 JavaScript 中我们知道无法通过类来创建对象，那么如何创建对象呢？（1）通过“字面量”方式创建对象将你的信息写到{ }中，并赋值给一个变量，此时这个变量就是一个对象，例：var game = { first : "吃鸡", two : "英雄联盟",}console.log(game.first) // 输出"吃鸡"//对象的添加 obj.t...
2018-06-10 11:51:08
269
原创 UI框架---BUTTONS(按钮样式)
最近发现了一个有意思的CSS样式库，和Bootstrap相似，但是它是专门的一个高度可定制的，免费的并且开源的按钮CSS样式库，这里附上它的网址：http://www.bootcss.com/p/buttons/接下来介绍怎么使用这个CSS样式库，如上图，进入网址后，点击下载，会出现一个全是代码的网页，然后鼠标右键点击全选，复制，这里的代码就是这个BUTTONS的CSS样式代码，再接下...
2018-06-03 11:28:38
3014
原创 UI框架---Bootstrap栅格系统
Bootstrap栅格系统1.什么是栅格系统: 在Bootstrap中，它提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局， 你的内容就可以放入这些创建好的布局中，Bootstrap 栅格系统的步骤：(1) "行(row)"必须包含在 ...
2018-05-31 20:14:43
1190
空空如也
js中当一个值小于这个值加20时，就让这个值累加。
2018-11-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人