Jane's Blog

qiankun主应用与子应用间的跳转

js 操作xml数据

命令式编程和声明式编程命令式编程关注的是 “how to do”；声明式编程关注的是 “what to do”，由框架(机器)完成 “how”的过程；模板语法v-once用于指定元素或者组件只渲染一次。<h2 v-once> {{message}}:{{counter}} <div>{{tips}} : {{counter}}</div></h2><button @click="addAction">+<

v-if vs v-showv-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲

Date// 当前时间 – 当前的服务器的时间var dt=new Date();dt.getFullYear();//年dt.getMonth();//月---从0开始 国外和我们差一个月 + 1为中国的二月份dt.getDate();//日dt.getHours();//小时dt.getMinutes();//分钟dt.getSeconds();//秒dt.getDay()...

javaScript分三个部分ECMAScript标准：js的基本语法DOM:Document Object Model --&amp;amp;gt; 文档对象模型 --&amp;amp;gt; 操作页面的元素BOM:Brower Object Model --&amp;amp;gt; 浏览器对象模型 --&amp;amp;gt; 操作的是浏览器文档：把一个HTML文件看成是一个文档，由于万物皆对象，所以把这个文档看做一个对象。HTML:展示信息，展...

设置元素的样式方式对象.style.属性=值;对象.ClassName=值;对象.style="属性:值”;兼容代码innerText和textContent的兼容问题目前的浏览器都支持innerText，应该是属于ie的标准textContent本身是火狐支持，IE8不支持innerText和innerHTML的区别都可以设置标签的文本内容，如果要设置标签及内容推荐...

概念文档：document元素：页面中所有的标签，元素–element，标签–元素–对象节点：页面中所有的内容（标签，属性，文本），node根元素：html标签节点节点的属性：可以使用标签 – 元素.出来；可以使用属性节点.出来，使用文本.出来。nodeType:节点类型1–标签；2–属性；3–文本nodeName:节点的名字：标签节点–大写的标签名字，属性节点–小写的属性名字...

元素移动元素要实现移动，就要要脱离文档流 ，设置样式 position: absolute;注意问题如果样式的代码是在style标签中设置，外边是获取不到的。如果样式的代码是在style属性中设置的 ，外边是可以获取的。动画函数封装代码：function animate(element, target) {clearInterval(element.timeId);//定时器的...

元素的样式元素的样式属性是无法直接通过：对象.style.属性 来获取的，（样式在style属性中设置）offset系列：获取元素的宽高offsetWidth：元素的宽 (有边框)offsetHeight：元素的高 （有边框）offsetTop：元素距离上边位置的值offsetLeft：元素距离左边位置的值scroll系列：卷曲出去的值scrollWidth：元素中内容的实际宽度 ...

js基础 JavaScript简称:JSJS分三个部分:ECMAScript标准—基础的语法DOM Document Object Model 文档对象模型BOM Browser Object Model 浏览器对象模型什么是JS? 前面的文章有更详细的解释，自行查找是一门脚本语言是一门解释性语言是一门弱类型语言是一门基于对象的语言是一门动态类型的语言动态页面 ：...

原型链 重点原型链: 是一种关系,实例对象和原型对象之间的关系,关系是通过原型(__proto__)来联系的。 //人的构造函数 function Person(age) { this.age=10; } //人的原型对象方法 Person.prototype.eat=function () { console.log("吃什么？什么时候...

apply和call的使用apply和call作用: 可以改变this的指向apply的使用语法函数名字.apply(对象,[参数1,参数2,…]);方法名字.apply(对象,[参数1,参数2,…]);call的使用语法函数名字.call(对象,参数1,参数2,…);方法名字.call(对象,参数1,参数2,…); //函数的调用,改变this的指向 funct...

拷贝浅拷贝: 只复制指向对象的指针，而不复制引用对象本身。就相当于把一个对象中的所有的内容，复制一份给另一个对象，属于直接复制。或者说就是把一个对象的地址给了另一个对象,他们指向相同，两个对象之间有共同的属性或者方法，都可以使用。深拷贝: 复制引用对象本身，把一个对象中所有的属性或者方法,一个一个的找到.并且在另一个对象中开辟相应的空间，一个一个的存储到另一个对象中。这里借用网上的一个通俗的...

数据类型原始数据类型包括：number、string、boolean、null、undefined、object。数据类型分类：基本类型（简单类型，值类型）值在栈上，值类型之间传递的是值复杂类型（引用类型）对象在堆上，地址（引用）在栈上，引用类型之间传递的是引用（地址）空类型：null、undefined对象对象分为三种：内置对象，自定义对象，浏览器对象内置对象：系统提供自...

编程思想1、面向过程：凡事亲力亲为，多有的事情的过程都清楚，注重的是过程。2、面向对象：提出需求，找到对象，对象解决这个问题，我们要结果，注重的是结果。面向对象的特性：封装、继承、多态、（抽象性）创建对象的方式1、调用系统的构造函数创建对象 new Object();2、自定义构造函数创建对象var obj2 = new 自布定义构造函数();3、字面量的方式创建对象var o...

为元素绑定多个事件绑定事件的区别事件绑定的方法：addEventListener(); attachEvent();相同点：都可以为事件绑定元素不同点：方法名不一样；参数个数不一样；addEventListener()谷歌、火狐、IE11支持，IE8不支持；attachEvent()谷歌、火狐、IE11不支持，IE8支持；this不同，在addEventListener中的...

img插入图片和背景图片的区别背景图片只是装饰作用，因此相当于不存在，而img是存在的内容.两者的优缺点：1、背景图片：只是修饰作用，控制更方便，有定位，所以小图标一般都是用背景图片。2、img图片：具有语义，可以被搜索引擎抓取，因此重要的图片建议用img插入图片。行内元素的垂直间距行内元素的本质就是一个字，所以它们的垂直间距是不受padding和margin影响的，行内元素的垂直间距...

文档类型&lt;!DOCTYPE&gt; 标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范，必需在开头处使用&lt;!DOCTYPE&gt;标签为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能按指定的文档类型进行解析。注意事项： 一些老网站可能用的还是老版本的文档类型比如 XHTML之类的，但是我们学的是HTML5,而且HTML5的文...

代码流程控制代码的执行过程，分为三种方式：顺序结构、分支结构、循环结构1、顺序结构代码执行的顺序，从上到下，从左到右执行顺序2、分支结构if语句、if-else语句 、switch-case语句、三元表达式语句// 1、分支结构：if语句。执行过程：先判断表达式的结果是true还是false，如果是true则执行代码，如果是false，大括号中的代码是不执行的。if（表达式）{ ...

数组数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。其作用是：一次性存储多个数据。数组的定义：1、通过构造函数创建数组语法：var 数组名 = new Array();注:Array()就是构造函数，数组的名字如果直接输出，那么直接就可以把数组中的数据显示出来，如果没有数据，就看不到数据var 数组名 = new Array(长度);注： 如果数组中没...

函数函数是把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用。函数的作用就是封装一段代码，将来可以重复使用。函数的定义：// 语法function 函数名字() { 函数体（重复的代码）}// 函数的调用函数名();1、函数可以作为参数使用，如果一个函数作为参数使用，那么我们说这个参数是回调函数。2、...

作用域作用域：适用范围。写代码要注意变量在哪声明和使用的问题。全局变量和全局变量1、全局变量：声明的变量是使用var声明的，那么这个变量就是全局变量，全局变量可以在页面的任何位置使用2、全局变量：在函数内部定义的变量，是局部变量，外面不能使用注：除了函数以外，其他的任何位置定义的变量都是全局变量,全局变量如果页面不关闭，那么就不会释放，就会占用内存全局作用域和局部作用域1、全局作用域...

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;很久之前写过静态页面，但是工作之后一直写移动端，很久没碰过了。后来自学了小程序，发现前端还是要好好学习一下的，断断续续坚持了几个月，发现效果一般。总结下来主要受自身惰性、缺少总结、缺少交流、缺少实战，因此痛定思疼，开始克服惰性，坚持日结，加强交流和多敲代码。&nbsp;&nbsp;&nbsp;&nbs...

####网页的基本结构#####html&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;html指的是超文本标记语言（Hyper Text Markup Language）,是一门专业写给浏览器的语言，并不是编程语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地

####相对路径相对路径指的是查找文件的一种关系，它的原理是从文件自身出发去查找目标文件。（使用范围：背景图、img、网页之间的链接）以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如。图像文件位于HTML文件的下一级文件夹：输入...

####css&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;css是指层叠样式表（casscading style sheet），css 是专门管理网页样式的，看到一个网页漂亮的外观绝大多数的工作是由css来制作的。css最重要的特点是可以给任何标签写样式属性。css优势 涉及一些面试题1、提高页面浏览速度。使用css方法，

####背景属性在css中，背景值通过background控制，它也是一个复合属性。背景图定位坐标的书写方式：1、方向特殊值：水平位置：left center right ; 垂直位置：top center bottom;2、具体像素值：例如：100px 20px ,这里可以接受负值。如果背景图固定模式设置为fixed，可展现背景图固定于屏幕。background:背景颜色 背景图 平...

JavaScriptJavaScript简称js，分三个部分：1、ECMAScript 标准—js的基本语法2、DOM ---- Document Object Model 文档对象模型3、BOM ---- Brower Object Modle 浏览器对象模型JavaScript是什么？1、是一门脚本语言：不需要编译，直接运行2、是一门解释性语言：遇到一行代码就解释一行代码3、是...

css准备工作1、清空默认边距和样式；2、设置正文的默认样式；3、设置超链接的默认样式；css继承性和层叠性1、继承性继承性指的是给父标签写属性，后代标签也可以生效；那些属性可以继承?css属性可以分成两大类：文字控制属性和区块控制属性；文字控制属性都是控制文字内容的，因此文字控制属性是可以继承的；而区块控制属性只是控制标签本身，所以区块控制属性不会继承。注意事项：超链接的颜...

列表列表包括无序列表、有序列表、项目列表（自定义列表）。在Day1中已经详细介绍过了列表，这里补充个知识点。自定义列表样式的制作步骤：1、清空列表样式；2、将列表样式图标设置为li的背景，定位方式设置为left center，例如： background: url(../images/arr.jpg) no-repeat left center;3、通过padding-left: 10p...