Joris要为所欲为-优快云博客

原创 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 400

原创 JS基本类型和引用类型的经典案例分析

JS的数据类型分为基本类型和引用类型：基本类型：number, string, boolean, undefined, null引用类型：对象区别：基本类型变量的值是存放在栈内存中的；引用类型变量是存放在栈+堆内存中的，其中，栈内存中存储的是指向堆内存中该对象的指针，堆内存存储的是该对象的值。在复制过程中：基本类型变量是将它的值拷贝一份，然后赋给新的变量，两个变量是相互独立的，因此当...

2019-02-03 13:36:48 357

原创 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 518

原创 css选择器之模糊匹配

1.[class*=“icon”]{…}说明：所有class包含"icon"字符串的元素都会被选中[class*="icon"]{ color:red; }<div class="icon-test1">111111</div><div class="icon-test2">222222</div&gt

2019-01-24 15:49:18 10410

原创兄弟选择器的用法( + , ~ )

+选择器说明：1.选中某元素后面紧跟的兄弟元素（不包括该元素本身）2.当使用 a + a即+前后元素名称相同时，将会循环调用+选择器，直到找不到为止。<ul> <li>1</li> <li>2</li> <h1>3</h1> <li>4</li&gt

2019-01-23 23:41:38 1115

原创 @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 850

原创 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 163

原创 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 1359

原创 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 157

原创 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 113

原创 css中继承的权重

继承来的css属性的权重要低于*通配符选择器总体权重排序如下：

2019-01-19 16:22:12 873 3

原创 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 1872

原创 abbr标签

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <abbr title=

2019-01-19 15:59:58 405

原创用div与button标签作为按钮的一些区别

如果button在form表单内部，则可以不用JS绑定onclick属性就可以提交表单内容；而如果不在form表单内部，又不考虑语义化，那么作为按钮，用div和button来写按钮似乎就没什么太多的区别，只存在一些外观上的细微区别。button标签的外观如下：下面分别对button和div进行同样的css修饰：<!DOCTYPE html><html lang="en...

2019-01-19 15:55:11 11679 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 1877

原创 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 1726

原创 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 581

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 156

原创 ReferenceError产生的原因

一般来说，ReferenceError产生的原因是变量未经声明就进行使用或函数未经声明就进行调用

2019-01-04 20:27:35 7893

原创 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 14913

原创 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 2311

原创 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 629

原创拓扑排序——JS+Echats实现

拓扑排序算法主要过程：1.创建一个数组记录每个节点的前驱节点数目。2.运用递归，每一次递归中，找出没有前驱节点的节点，输出该节点，并做相关标记（或删去）；然后找到该节点引出的连接，做相关标记（或删去）。3.递归终止条件：所有的节点都已经被标记（或被删去），或者找不到没有前驱节点的节点。核心代码如下： sort = function(){ //找到没有前驱节点的节点 ...

2018-12-03 15:30:20 487 1

原创 JS parseInt作用在空字符串上

var value = parseInt($("#input").val())?parseInt($("#sizing_input").val()):0; //parseInt作用""上，结果返回false

2018-12-02 20:12:14 2196 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 706

原创 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 2161

原创 JS判断数组是否为空

JS判断数组为空var arr = [];if(arr !==false){ //...}

2018-11-29 14:34:55 2541 1

hhthht8888的博客