- 博客(18)
- 收藏
- 关注
RSS订阅原创 IE6-8中 document.createElement 的hack的代码
document.createElement还能支持创建当前浏览器不支持的标签名。IE6-8，一个著名的hack。三句代码为条件编译，可保证只在IE浏览器中执行，ie浏览器！！0，条件为假；其他浏览器为！0条件为真，直接返回if (!/@cc_on!@/0) return;IE6-8实现支持新标签的代码如下： <script> (function() { //条件编译 if (! /*@cc_on!@*/
2020-07-18 16:09:01
207
原创 Vue—— 图标显示灰色问题（Vue.js is not detected）
本人是下载的Vue.js devtools插件，直接拖入浏览器插件管理界面插件下载链接但是图标并没有点亮 ↓，如何点亮呢？1.查看扩展程序方法：点击浏览器右上角三个点→更多工具→扩展工具2.点击详细信息（如图）→将允许访问文件网址 按钮打开当然1和2都是细节问题3.若vue标识还是灰色在浏览器中输入 chrome://version/,找到个人资料路径，复制该路径，在电脑中找到该路径下的Extensions→插件文件名→manifest.json，将manifest.json中第三行
2020-07-18 14:26:39
5521
原创 Vue——全局组件和局部组件的注册
一、全局组件注册语法： Vue.component(组件名称,{ data:组件数据, template:组件模板内容 })组件命名方式： 1.短横线 Vue.component('my-component',{ data:组件数据, template:组件模板内容}) ...
2020-07-17 17:04:37
1036
原创 Vue——数组和对象 修改响应式数据
Vue.set(vm.items,indexOfltem,newValue); vm.$set(vm.items,indexOfltem,newValue); 第一个参数表示要处理的数组名称第二个参数表示要处理的数组索引第三个表示要处理的数组的值例1：数组响应式实现要求：将orange、banbana改为lemon<div id="app"> <ul> <li v-for = 'item in list'>{{item}}</li&.
2020-07-15 16:08:10
675
原创 日期格式化规则
y：年，M：月（1-12），d：天（1-31），h：小时（0-23），m：分（0-59），s：秒（0-59），S：毫秒（0-999），q：季度（1-4）
2020-07-15 14:47:04
270
原创 vue--简单加法计算器
只需要简单两步1.模板结构，设计界面2.处理数据和控制逻辑<!DOCTYPE html><html><head> <title></title></head><body> <div id="app"> <div> <h1>简单计算器</h1> <div> <span>数值A：</span>
2020-07-11 22:39:41
1132
原创 JS——错误调试与处理debugger&try catch
一、语法错误原因：不符合JS语法。查询方法：出现语法错误，控制台（console）会进行报错并告知出错的行号（但行号不一定准确）；在浏览器中按F12键，会出现控制台。如图：常见的语法错误：符号漏打、多打、少打、错打。使用了不合法语法的变量名（例var for； var function，变量名规则：以字母、下划线、美元符号开头；区分大小写；由字母、下划线、$或数字组成；不能使用关键字和保留字）。语句写错，没写完。二、运行时错误运行错误（Running Error），是指代码没有语法
2020-06-27 16:40:15
946
原创 Date对象——创建、获取、设置
一、创建一个日期对象语法：new Date();返回值：不传参的情况下，返回当前的日期时间对象。说明：如果想根据特定的日期和时间创建日期对象，必须传入表示该日期的毫秒数或者是一组用逗号隔开的表示年月日时分秒的参数。例1：var today = new Date();console.log(today);结果：二、获取年月日时分秒的方法函数功能getFullYear()返回4位数的年份getMonth()返回日期中的月份，返回值为0-11getDa
2020-06-26 23:30:08
1087
2
原创 Math对象——Math.min()&Math.ceil()&Math.floor()&Math.round()&Math.abs()&Math.random()
一、Math.min()语法：Math.min(num1,num2…numN)功能：求一组数中的最小值。返回值：Number。例子1：var min = Math.min(5,-4.0,9,108,99);console.log(min);//-4例2：但一组数中有字符串时var min = Math.min(5,-4.0,9,108,99,"abc");console.log(min);//NaN二、Math.max()与Math.min（）类似语法：Math.max(num
2020-06-26 21:43:22
1120
原创 字符串——查询（chartAt、chartCodeAt）&截取（slice、substring、substr）&分割（split、replace）&转换大小写（toUpperCase）
一、查询1. charAt()与charCodeAt()语法：stringObject.charAt(index)功能：返回stringObject中index位置的字符串charAt(n)返回索引为n的字符本身，n>字符长度，返回为空charCodeAt(n)返回索引为n的字符编码例如var str = "hello world"; console.log(str.charAt(4));//返回索引为4的o console.log(str.charCodeAt(4));//返回索引
2020-06-21 00:55:37
3174
原创 JS内置对象——数组& push()&unshift()&pop()&shift()&join()&reverse()&sort()&concat()&slice()&splice()&indexOf
ECMAScript中的数组一、创建数组方法一：使用Array构造函数语法：new Array( )//首字母大写。小括号（ ）说明：1.预先知道数组要保存的项目数量2.向Array构造函数中传递数组应包含的项var colors = new Array(3);//表示数组中是三个数值var nums = new Array(1,2,3,9);//数值console.log(nums);方法二：使用数组字面量表示法由一对包含数组项的方括号[ ]表示，多个数组项之间以逗号隔开。v
2020-06-20 19:12:40
377
原创 JS函数基本知识+arguments
一、函数的定义函数function声明，后跟一组参数以及函数体，语法如下function functionName([arg0,arg1,...argn]){ statements}说明：1.functionName是要定义的函数名，属于标识符标识符：只能包括字母、数字、下划线、$,且不能以数字开头，不能包括关键字2.[ ]中的arg0,arg1,...argn为参数3.[ ]说明里面的内容不是必须的，它不是语法例子：//声明一个函数 fun...
2020-06-18 21:28:19
367
原创 逻辑操作符 与或非
一、&& 与（并且，只要有一个不成立就返回false）注意：在有一个操作数不是布尔值的情况下，逻辑与操作就不一定返回值，此时它遵循下列规则：1.如果第一个操作数隐式类型转换后为true，则返回最后一个操作数。2.如果第一个操作数隐式类型转换后为false，则返回第一个操作数。3.如果有一个操作数是null，则返回null。4.如果有一个操作数是NaN，则返回NaN。5.如果有一个操作数是undefined，则返回undefined。二、||与（或者，只要有一个成.
2020-06-09 21:47:11
840
原创 JS条件语句——if、switch、for、while、do-while
一、if语句<script type="text/javascript"> // var age = prompt(age); // if (age<18) { // alert("您还没有成年"); // }else if (age>=18 && age<=59) { // alert("您已经成年"); // }else{ // alert("您已经超龄"); // } var password = prompt("请设置您的密
2020-06-09 21:42:04
208
原创 CSS——position定位 static、relative、absolute、fixed、sticky
position定位我们常常需要使用定位模型达到布局的目的。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。接下来介绍position的五种定位模型。一、static自然模型.box{ position:static; }static——静态定位、常规定位、自然定位；默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, rig
2020-06-02 20:19:42
508
原创 CSS——浮动float&&清除浮动
浮动浮动会使元素左右移动，使用了浮动的元素会脱离普通流（标准流）。（可以理解为使用浮动后在原来底层上面又加了一层，浮动便是在加的这层上面显示）元素添加浮动属性后具有in-block属性（行内块元素）。什么叫标准流呢？标准流就是在网页布局中从上到下、从左到右，遇到块级元素自动换行分布。浮动的元素以他的父级元素为坐标，进行左浮动或者右浮动，知道碰到下一个浮动元素为止。如下图所示，1、2、3盒子都进行了左浮动；他们的父级元素为body，2进行左浮动时遇到浮动的1便停了下来。1.float语法
2020-06-01 21:02:49
288
原创 百度静态界面布局 HTML+CSS
百度原始图片完成的图片html代码内容<!DOCTYPE html><html><head> <title>baidu.com</title> <link rel="stylesheet" type="text/css" href="baidu.css"></head><body> <!-- 头部导航 --> <div class="head"> <di
2020-05-22 15:42:21
2534
原创 CSS的4种样式
CSS的4种样式1.CSS行内样式在开始标签内添加style样式属性<p style= "color:red">这里是内容</p>2.CSS内部（嵌入）样式在head标签内添加<style type="text/css"> p{color:red;}</style>对于低版本的浏览器，无识别样式标签。解决办法：在style标签内用注释标签理由：高版本的浏览器能识别样式标签，会自动忽视注释标签；低版本浏览器可以注释掉样式，不会在页面上显
2020-05-11 23:37:36
930
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人