- 博客(27)
- 收藏
- 关注
原创 typeof检测基本数据类型
alert(typeof([]));//objectalert(typeof({}));//objectalert(typeof(null));//objectalert(typeof(undefined));//undefinedalert(typeof("str"));//stringalert(typeof(666));//numberalert(typeof(true));//...
2019-02-03 13:46:44
359
原创 JS基本类型和引用类型的经典案例分析
JS的数据类型分为基本类型和引用类型:基本类型:number, string, boolean, undefined, null引用类型:对象区别:基本类型变量的值是存放在栈内存中的;引用类型变量是存放在栈+堆内存中的,其中,栈内存中存储的是指向堆内存中该对象的指针,堆内存存储的是该对象的值。在复制过程中:基本类型变量是将它的值拷贝一份,然后赋给新的变量,两个变量是相互独立的,因此当...
2019-02-03 13:36:48
316
原创 CSS3案例——用户头像旋转动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="innoRender.
2019-01-30 01:08:17
464
原创 css选择器之模糊匹配
1.[class*=“icon”]{…}说明:所有class包含"icon"字符串的元素都会被选中[class*="icon"]{ color:red; }<div class="icon-test1">111111</div><div class="icon-test2">222222</div>
2019-01-24 15:49:18
10016
原创 兄弟选择器的用法( + , ~ )
+选择器说明:1.选中某元素后面紧跟的兄弟元素(不包括该元素本身)2.当使用 a + a即+前后元素名称相同时,将会循环调用+选择器,直到找不到为止。<ul> <li>1</li> <li>2</li> <h1>3</h1> <li>4</li>
2019-01-23 23:41:38
1056
原创 @media媒体查询的使用方法及注意事项
.customContainer{ height: 40px; margin: 0 auto; background-color: purple;}@media screen and (max-width: 768px){ .customContainer{ width: 100%; }}@media screen and (min-width: 768px) and (...
2019-01-23 22:51:36
809
原创 Vue学习——v-bind绑定sytle
1.可以用v-bind绑定元素的style,传入一个对象。注意:如果css属性名称中有’ - '则必须加单引号(如font-weight),如果没有则可以不加<div id="bind_test3"> <h1 :style="{ 'color':'blue', 'font-weight' : 200 }">测试字符串</h1></div>...
2019-01-22 22:44:10
143
原创 Vue学习——v-bind绑定class用法
1.通过v-bind可以为一个标签绑定多个类: .big{ font-size: 30px; } .italic{ font-style: italic } .red{ color:red; }<div id="bind_test2"> <p :class="['red', 'big', 'italic']">测试字符串</p>...
2019-01-22 22:03:39
1327
原创 Vue学习——v-bind
v-bind可以用v-bind:+属性或直接使用:绑定标签的属性<div id="bind_test"> <input type="button" :title="myTitle + '而且可以当做表达式'" value="按钮"> </div>var bind_test = new Vue({ el: "#bind_te
2019-01-21 23:24:53
128
原创 Vue学习——v-text, v-cloak, v-html
1.v-cloakv-cloak用于隐藏页面还未加载完毕时的插值表达式。2.v-textv-text用于解决插值表达式的闪烁问题,但标签内部的innerHTML会被v-text内的值替换&lt;h4 v-text="msg"&gt;=======&lt;/h4&gt;页面中h4标签中的=====并没有被显示,而是被msg替换3.v-htmlv-html用于给标签绑定html脚...
2019-01-21 23:15:37
90
原创 code标签和pre标签的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> let a = 1;<
2019-01-19 16:08:59
1661
原创 abbr标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <abbr title=
2019-01-19 15:59:58
364
原创 用div与button标签作为按钮的一些区别
如果button在form表单内部,则可以不用JS绑定onclick属性就可以提交表单内容;而如果不在form表单内部,又不考虑语义化,那么作为按钮,用div和button来写按钮似乎就没什么太多的区别,只存在一些外观上的细微区别。button标签的外观如下:下面分别对button和div进行同样的css修饰:<!DOCTYPE html><html lang="en...
2019-01-19 15:55:11
11468
3
原创 H5中input的required属性的两种写法
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;
2019-01-17 21:56:54
1830
原创 H5的list特性和datalist元素
Html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <datali
2019-01-17 21:45:58
1687
原创 H5中新表单元素(email, url, number, color, date等)在chrome和firefox中支持情况
Html脚本如下:&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&
2019-01-17 21:23:54
508
原创 ES5严格模式
1.对于es3.0和es5.0的方法,浏览器默认的执行方式是基于es3.0的方法+es5.0的新增方法。2.为了解决es3.0和es5.0的冲突问题,可以选择在es5.0严格模式环境下进行编程,这样对于es3.0和es5.0的冲突部分,浏览器会执行es5.0。3.ES5.0严格模式使用方法就是在所需要应用严格模式的作用域最上方输入字符串"use strict"。如果所有代码都希望应用ES5.0...
2019-01-04 21:14:36
128
原创 js中try catch的作用及用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>try_catch</title></head><body></body&g
2019-01-04 20:25:01
14835
原创 css repeating-linear-gradient实现条纹进度条效果
html :<!DOCTYPE html><html><head> <title>模拟进度条条纹样式</title> <link rel="stylesheet" href="style_stripe.css"></head><body
2018-12-26 23:10:05
2233
原创 css linear-gradient 实现条纹样式
参考:《CSS SECRETS》Chapiter 2-5作者:Lea Verou测试所用浏览器:Chromehtml :&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&a
2018-12-26 18:11:49
596
原创 拓扑排序——JS+Echats实现
拓扑排序算法主要过程:1.创建一个数组记录每个节点的前驱节点数目。2.运用递归,每一次递归中,找出没有前驱节点的节点,输出该节点,并做相关标记(或删去);然后找到该节点引出的连接,做相关标记(或删去)。3.递归终止条件:所有的节点都已经被标记(或被删去),或者找不到没有前驱节点的节点。核心代码如下: sort = function(){ //找到没有前驱节点的节点 ...
2018-12-03 15:30:20
449
1
原创 JS parseInt作用在空字符串上
var value = parseInt($("#input").val())?parseInt($("#sizing_input").val()):0; //parseInt作用""上,结果返回false
2018-12-02 20:12:14
2136
1
原创 弗洛伊德(Floyd)算法——javascript的实现
//html //html //javascript var floyd = function(){ console.time(&amp;amp;quot;floyd&amp;amp;quot;); for(k=1;k&amp;amp;amp;lt;=9;k++){ for(i=1;i&amp;amp;amp;lt;=9;i++){ for(j=1;j&am
2018-11-29 15:14:18
660
原创 HTML打印“无穷符号”
//html<body> <div id="div"></div></body>//javascript<script> var div = document.getElementById("div"); div.innerHTML = "&infin;"</scr
2018-11-29 14:55:47
2026
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人