- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vue的生命周期
Vue的生命周期每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期一、创建组件创建期间的四个生命周期钩子函数beforeCreate，created，beforeMount，mountedbeforeCreate()为第一个生命周期函数，表示实例完全被创建出来之前，会执行它，在beforeCreate函数执行的时候，data和methods中的数据都还...
2020-03-20 20:47:06
112
原创 Vue计算属性
计算属性计算属性就是当其依赖属性的值发生变化时，这个属性的值会自动更新，与之相关的DOM部分也会同步自动更新。<div id="example"> <input type="text" v-model="aaa"> <input type="text" v-model="bbb"> <br> ...
2020-03-20 19:52:13
97
原创 ES6 字符串
模板字符串第一个用途，基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定。 //ES5 var name = 'hjx' console.log('hello' + name) //es6 const name = 'hjx' console.log(`hello ${name}`) //hello hjx第二个用途，在ES5...
2020-03-17 17:59:30
104
原创 ES6 变量声明const和let
变量声明const和let在ES6之前，我们都是用var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如:function fun() { if(flag) { var test = 'hello man' } else { console.log(test) ...
2020-03-17 17:54:37
109
原创 Vue组件基础
Vue组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。注册及使用组件<div id="app"> <!--使用组件--> <my-component></my...
2020-03-12 20:07:40
79
原创 Vue.js的常用指令
Vue.js的常用指令v-if指令v-if是条件渲染指令，它根据表达式的真假来删除和插入元素，它的基本语法如下：v-if=“expression”expression是一个返回bool值的表达式，表达式可以是一个bool属性，也可以是一个返回bool的运算式。v-show指令v-show也是条件渲染指令，和v-if指令不同的是，使用v-show指令的元素始终会被渲染到HTML，它只是简...
2020-03-10 22:41:18
205
原创 JavaScript Event
event 事件浏览器自动触发或者用户手动触发的页面状态的改变;事件通常与函数结合使用，函数不会在事件发生前被执行！常用事件onblur： 元素失去焦点时触发；onfocus： 元素获得焦点时触发；onchange：域的内容被改变时触发；onkeydown： 某个键盘按键被按下时触发；onkeyup： 某个键盘按键被松开时触发；onclick： 当某个对象被点击时触发；onmou...
2019-09-02 12:59:51
144
原创 JavaScript 数组去重
1、使用关联数组去重Array.prototype.unique = function(){ // 定义一个存放结果的数组和一个关联数组 var result = [],hash = []; // 遍历去重数组 for(var i = 0;i < this.length;i++){ // 如果在hash数组中以去重数组当前元素为下标的元素是undefined if(hash...
2019-09-02 12:17:32
69
原创 Browser 对象(BOM)
BOM专门操作浏览器的API；六个子对象history:浏览器的历史记录；location：窗口的url 地址栏的信息；navigator： 浏览器的配置信息；document：DOM；screen：显示设备的信息；event： 事件对象；HistoryHistory对象封装当前你窗口打开后，成功访问过的url的历史记录栈；是 window 对象的一部分，可通过 window...
2019-08-25 22:29:10
150
原创 HTML DOM常用对象
HTML DOM Table 对象一、Table 对象属性1、border：可以设置或返回表格边框的宽度（以像素为单位）；2、caption：设置或返回表格的caption元素；3、cellPadding：设置或返回单元格边框与单元格内容之间的空白量（以像素为单位）；4、cellSpacing：设置或返回表格中的单元格之间的空白量（以像素为单位）；5、frame：设置或返回表格的外部边...
2019-08-24 10:55:59
268
原创 JavaScriptDOM（二）
HTML DOM修改修改 HTML DOM 意味着许多不同的方面：改变 HTML 内容；改变 HTML 样式；改变 HTML 属性；创建新的 HTML 元素；删除已有的 HTML 元素；改变事件（处理程序）；1.改变 HTML 内容改变元素内容的最简单的方法是使用 innerHTML 属性；<h1 id="change">Hello World!</h1>...
2019-08-18 20:32:51
93
原创 JavaScriptDOM（一）
HTML DOM 简介文档对象模型（Document Object Model，简称DOM），；是 HTML 和 XML 文档的编程接口。DOM 以树结构表达 HTML 文档。W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型；XML DOM - 针对 XML 文档的标准模型；HTML DOM - 针对 HTML 文档的标准模型；重点解释HT...
2019-08-18 19:53:31
310
原创 JavaScript Date 对象
Date 对象用于处理日期和时间1、Date():返回当日的日期和时间;console.log(Date());//Sat Aug 10 2019 11:18:15 GMT+0800 (中国标准时间)2、getDate() ：从 Date 对象返回一个月中的某一天 (1 ~ 31)；var date = new Date();console.log(date.getDate());//...
2019-08-11 22:37:12
95
原创 JavaScript数组对象常用API
一、数组(Array)数组是用于在单个变量中存储多个值。1、concat()：连接两个或更多的数组，并返回结果；该方法不会改变现有的数组;()里的参数可以是具体的值，也可以是数组对象。var arr = [1,2,3];var arr1 = [6,7];console.log(a.concat(4,5));console.log(a.concat(arr1));2、join()：把...
2019-08-03 12:05:54
167
原创 JavaScript正则表达式
1、最简单的正则就是关键词原文2、字符集：规定字符串中某一位字符，备选字符列表，只有一个字符，但是有多重选择语法：[备选字符列表]每个字符集只能匹配一位字符，且每个字符集中至少匹配一次2.1、如果备选字符列表是连续的，可用-省略中间字符例：一位数字：[0123456789] —>[0-9]一位小写字母：[a-z]一位大写字母：[A-Z]一位字母：[a-zA-Z]...
2019-07-31 18:28:49
66
原创 JavaScript
1.JavaScript简介JS是一种运行在js解释器或者引擎中的解释型脚本语言；编译型：程序写好了之后，通过专门的工具编译 检测语法错误；解释型：运行之前不需要编译，直接执行，出错就停止；js 解释器或者引擎中：js运行的环境。2.JavaScript的组成(1)、ECMAScript 核心语法；(2)、文档对象模型DOM（Document Object Model)：让js有能...
2019-07-28 19:35:40
60
原创 js运算符
运算符分为：算术运算符、关系运算符、逻辑运算符、位运算符、赋值运算符。1.算术运算符算术运算符等同于数学中的运算一样理解。一般算术运算符有：+ - * / % ++ --。其中 ++/–作为前缀：先自增/自减再使用；作为后缀：先使用再自增/自减。例如： var num = 5; num++;// num = num + 1 console.log(num);//6...
2019-07-22 20:56:21
86
原创 js算法
1.统计一个字符串中出现最多的字母 给出一个字符串，统计出现次数最多的字母。如：“wqeqwhixswiqhdxsq”，其中出现最多的是q.js算法的实现function findMax(str){if (str.length ==1){return str;}let charObj = {};for (let i=0;i<str.length;i++) {if(!char...
2019-07-21 20:36:47
194
1
原创 HTML
HTML 是用来描述网页的一种语言。 是超文本标记语言 (Hyper Text Markup Language)，它 不是一种编程语言，而是一种标记语言 (markup language)，标记语言是一套标记标签 (markup tag)，它 使用标记标签来描述网页。HTML标签分为：双标签和单标签。了解各种标签的意义，学习如何使用它们。CSS 指层叠样式表 (Cascading Style ...
2019-07-14 20:29:34
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人