- 博客(47)
- 收藏
- 关注
RSS订阅转载 Vue知识
Vue入门基础知识1、Vue使用的基本操作i. 先下载，引入vue.jsii. Vue，实例化一个vue实例化对象（new Vue({})）1. 新建一个vue实例化对象（Vue是一个构造函数）2. 执行vue构造函数中每一句代码3. 将新创建的vue实例化对象赋值给vue构造函数中的thisiii. 往vue实例化对象中传入一个对象（Vue实例化传入的对象里面的值也都...
2019-06-25 18:56:35
174
原创 时钟和倒计时
1.时钟<style> *{ margin: 0; padding: 0; } body{ background-color: pink; color:cyan; text-align: center; ...
2019-06-19 18:15:29
350
原创 webAPI12
1.test<input type="button" value="后退" id="btn1"><script src="common.js"></script><script> //点击跳转到指定的页面 my$("btn1").onclick = function () { // 历史对象 history...
2019-06-18 17:52:06
327
原创 webAPI11
1.BOM的概念<script> /* * BOM: 浏览器对象模型 * 在浏览器中有个顶级对象 : window ---->皇上 window对象可以省略 * 页面(文档)的顶级对象: document ----> 总管太监 * 页面中的内容都是属于浏览器的 * * * */ ...
2019-06-17 17:44:48
124
原创 webAPI10
1.事件的阶段<style> #dv1{ width: 300px; height: 300px; background-color: pink; } #dv2{ width: 150px; height: 150p...
2019-06-13 18:34:57
161
原创 webAPI9
1.点击创建表格<style> div{ width: 300px; height: 300px; border: 1px solid red; } </style></head><body><input type="butt...
2019-05-27 19:24:05
160
原创 webAPI8
1.点击创建列表<style> div{ width: 300px; height: 300px; border: 1px solid red; } </style></head><body><input type="but...
2019-05-24 11:21:34
129
原创 webAPI7
1.全选和不全选的案例<style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table {...
2019-05-22 19:08:06
118
原创 webAPI6
1.节点的兼容代码<div id="dv"> <span>这是div中的第一个span标签</span> <p>这是第二个元素, 一个p</p> <ul id="uu"> <li>杨树林</li> <li>神仙水</li>...
2019-05-21 18:24:59
235
原创 webAPI5
1.innerText和innerHTML的区别 <input type="button" value="设置" id="btn"> <div id="dv"> 哈哈 <p>呵呵</p> </div> <script src="common.js"></scr...
2019-05-20 18:46:38
221
原创 webAPI4
1鼠标移入移出事件<ul> <li>这是第1个li标签</li> <li>这是第2个li标签</li> <li>这是第3个li标签</li> <li>这是第4个li标签</li> <li>这是第5个li标签</li> ...
2019-05-16 19:24:09
220
原创 webAPI3
//1添加类名<style> .box{ width: 100px; height: 100px; background-color: pink; border:1px solid red; } </style></head&...
2019-05-15 18:52:34
279
原创 webAPI2
//1.点击切换图片<a href="images/1.jpg" id="aa"> <img src="images/1-small.jpg" alt="" id="im"></a><script> //需求: 点击图片标签. 设置图片标签src的路径为超链接中的路径, 不跳转 var imgObj = document.g...
2019-05-14 21:19:23
474
原创 webAPI1
//1.点击修改文本框的值<input type="text"> <input type="text"> <input type="text"> <input type="text"> <input type="text"> <input type="text"> <...
2019-05-13 19:01:36
260
原创 webAPI
一.DOM的概念及作用 js的三个部分: 1. ECMAscript js的基本语法 2.DOM 文档对象模型 , 操作的是页面的元素 3.BOM 浏览器对象模型 , 操作的是浏览器 文档: html文件, 由于万物皆对象, 这个文档也可以看成是一个对象 页面中的每一个标签都是一个元素...
2019-05-09 19:11:41
123
原创 js中Array对象
var arr = new Array(10,20,30);//以系统的构造函数来创建数组对象的方式 var arr1 = [1,2,3,4];//以字面量的方式 Array.isArray(对象) 判断这个对象是否是数组对象 .concat(数组1, 数组2 ...) 组合成一个新的数组 .every(函数) 返...
2019-05-07 18:44:43
155
原创 js中String对象
常用属性 .length 字符串的长度 .charAt(索引) 返回值是指定索引位置的字符串, 索引值超出了, 返回时空字符串 .concat(字符串1, 字符串2...) 返回的是拼接之后新的字符串, 用变量去调用 .indexOf(要找的字符串, 从某个位置开始即索引值) 返回的是...
2019-05-06 18:41:25
137
原创 js中Date对象和格式化
var dt = new Date(); 获取当前时间 console.log(dt); var dt = new Date("2019-01-01 12:12:12"); var dt = new Date("2019/01/06 12:12:12"); 获取自己设置的时间 console.log(dt); //获取年份 v...
2019-04-29 18:51:48
11438
原创 js中的Math
静态对象: 不需要创建, 直接通过这个对象名字调用即可, (内置对象)实例对象: 通过构造函数创建出来, 实例化的对象 Math.PI --->π Math.abs(值)----> 取绝对值 Math.ceil(值) ---> 向上取整 Math.floor(值) ---> 向下取整 Math.round(值) -...
2019-04-28 15:07:27
195
原创 js中工厂模式创建对象
人的对象 var person = new Object(); person.name = "小明"; person.sex = "男"; person.like = function () { //在当前对象的方法中, 是可以访问其对象属性值得 //在当前对象的方法中,可以使用this关键字代表当前的对象(谁调用this, ...
2019-04-25 18:12:20
357
原创 js中编程思想和 创建对象有三种方式
编程思想: 把一些生活中做事的经验融入到程序中 面向过程: 凡是都要亲力亲为, 每件事的具体过程都要知道, 注重的是过程 面向对象: 根据需求找对象, 所有的事情都是要对象来做, 注重的是结果 面向对象: 封装. 继承. 多态 js不是面向对象的语言. 而是一门基于对象的语言, 万物皆对象 什么是对象...
2019-04-24 16:01:39
159
原创 js中 预解析
预解析: 提前解析代码 做的事情: 把变量的声明提前了--->提前到当前所在的作用域的上面 同样也可以把函数的声明提前--->提前到当前所在的作用域的前面 var num; console.log(num); num = 10; function f1() { //var num; ...
2019-04-23 15:36:32
113
原创 js中 作用域
作用域: 使用范围 * * 全局变量 : 可以在页面的任何位置使用, * 除了函数以外, 其他的任何位置定义的变量都是全局变量 * 坏处: 如果页面不关闭, na那么就不会释放, 会占空间, 消耗内存 * * 局部变量 : 在函数内部定义的变量 叫局部变量, 外部不能使用 * * 隐式全局变量 : 声明的变量...
2019-04-22 16:18:28
98
原创 js中函数3
// 请输入年, 月, 日, 获取这个日期是这一年的多少天 //判断这个年数是否为闰年 function isYear(year) { //条件满足, 返回true return year%4==0 && year%100 != 0 || year%400 ==0; } // 2018. 12. 28 ...
2019-04-18 17:49:20
117
原创 js中的函数2
函数的参数: 函数在定义的时候, 小括号里面的变量就是参数,目的: 在函数调用的时候, 用户传进来的值的操作在调用的时候, 按照提示的方式给变量赋值--->传值形参: 函数定义时 , 小括号里面的变量叫形参实参: 函数调用时, 小括号里传的值叫实参, 实参可以是变量, 可以是值function sum(x,y) { var sum = x +y; ...
2019-04-17 17:21:17
76
原创 js中的函数
1. 函数就是这个对象 函数: 把一系列重复的代码封装, 在需要的时候调用即可 作用: 代码的重用 语法: 定义一个函数 function 函数名(){ 函数体--->重复的代码 } 调用函数: 函数名()1.函数的案例 function c...
2019-04-16 19:14:13
93
原创 js中数组的练习
//1.求数组中所有元素的和 var arr = [10,20,30,40,50]; var sum = 0;//储存和的值 for (var i = 0 ; i <arr.length; i++){ // sum = sum + arr[i]; sum += arr[i] } console.log(sum)...
2019-04-15 19:06:42
611
原创 js中循环语句和数组
循环语句之do while语句,先执行后判断,至少可以执行一次语法计数器do{循环体计数器++}while(条件)var i= 1;do {console.log("你好");i++;}while(i<7)循环语句之for循环语法:for(变量值;循环条件;迭代条件){循环体}//长方形for ...
2019-04-14 11:30:36
185
原创 js中switch和while语句
分支语句之switch语句语法:Switch(表达式){Case 值1:代码1:Break;Case 值2:代码2:Break;Case 值3:代码3:Break;.....Default: 代码n;}Switch语句中 case后面的值比较得时候是严格模式vardengJi = "B";switch (dengJi){c...
2019-04-11 17:07:40
845
原创 js中流程控制
流程控制：对范围的判断用----if系列语句对具体值的判断用----switch语句代码的执行过程，有三种方式顺序结构：从上到下，从左到右执行的顺序 分支结构：if语句， if，else语句 if，else if，else语句 switch-case语句循环结构：while循环 do，while循环 for循环 for，in循环一，分支语句之if语句If语...
2019-04-10 21:09:59
383
原创 js中类型转换和运算
类型转换：其他类型转化为数字类型方法一：parseInt（） 转为整数 只有数字前没有字母，也可以是字母方法二：parseFloat 转为浮点数（小数）非常严格内容中有数字外的都不是console.log(parseInt("10fhjkj"));//10console.log(parseFloat("10.88"));//10.88其他类型转为字符串类型方法一：变量名...
2019-04-09 12:15:45
213
原创 js的基本的数据类型
Js中的基本的数据类型：number string boolean null undefined 混合型数据类型： object Number：数字类型（整数和小数） String：字符串类型（值一般用单引号或者双引号括起来） Boolean：布尔类型（值有两个，true-- 真，false---假） Null：空值类型（值只有一个null，假如一个对象指向为空了，那么此时可以赋值为...
2019-04-08 21:31:27
131
原创 js中的变量
变量变量：计算机内存中存储数据的标识符操作数据都是在内存中操作的Js中存储数据使用变量的方式（名字 值 ---> 数据）Js中声明变量都是用var 作用：存储数据 或者是 操作数据语法：（ctrl+alt+l 代码格式化得快捷键）声明变量 -----有var 有变量名字， 没有值 var 变量名变量初始化 ----有var 有变量名字 有值 ，即声明并同时赋...
2019-04-07 16:25:31
116
原创 js中的var
1.在一对script标签中, 如果有错误的js代码, 那么错误代码后面的js不会执行2. 如果在一对script标签中, 如果有错误的js代码,不会影响后面的script标签中的js代码3.在script标签中有 type="text/javascript" 是标准写法,或者有 language="JavaScript" 这种写法, 都可以目前keyishenglve , 因为代码是遵...
2019-04-04 20:08:45
1208
原创 js
1. 变量 数据类型 运算符流程控制：顺序结构 分支结构 循环结构数组，函数，预解析，作用域2.js可以写在外部的js文件中 注意：外部的script标签中不能添加js代码3.js写在行内如<script>文本内容</script> <!-- <script src="index.js">4.js写在标签对里 标签对的...
2019-04-03 18:35:53
131
原创 CSS选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><ul> <li>复合选择器是由两个或多个基础选择...
2019-04-02 19:18:05
150
原创 html知识
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><h1>sublime快捷方式</h1><h2>...
2019-04-01 18:49:17
190
原创 案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="button" value="删除" id="btn"&...
2019-03-29 16:43:02
116
原创 基础4
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>作业</title></head><body><script> // 求阶乘 function getJieCh...
2019-03-27 18:06:22
97
原创 基础3
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> if(7>6){ conso...
2019-03-26 16:50:12
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人